/*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - GLOBAL SETTINGS */ /* 02 - TT-HEADER-1 */ /* 03 - TT-HEADER-2 */ /* 04 - TT-HEADER-3 */ /* 05 - TT-HEADER-4 */ /* 06 - FOOTER TYPE-1 */ /* 07 - FOOTER TYPE-2 */ /* 08 - FOOTER TYPE-3 */ /* 09 - FOOTER TYPE-4 */ /* 10 - FOOTER TYPE-5 */ /* 11 - TT-LOCATION-3 */ /* 12 - ELEMENTS */ /* 13 - TT-MAIN-SLIDER */ /* 14 - TT-MAIN-SLIDER TYPE-2 */ /* 15 - TT-MAIN-SLIDER TYPE-3 */ /* 16 - TT-MAIN-SLIDER TYPE-4 */ /* 17 - TT-MAIN-SLIDER TYPE-5 */ /* 18 - TT-STRIP */ /* 19 - TT-WELCOME TYPE-1 */ /* 20 - TT-WELCOME TYPE-2 */ /* 21 - TT-WELCOME TYPE-4 */ /* 23 - TT-WELCOME TYPE-5 */ /* 24 - TT-WELCOME TYPE-6 */ /* 25 - TT-PROCESS */ /* 26 - TT-COLLRAGE */ /* 27 - TT-TAB-WRAPPER TYPE-1 */ /* 28 - TT-TAB-WRAPPER TYPE-2 */ /* 29 - TT-TAB-WRAPPER TYPE-3 */ /* 30 - TT-TAB-WRAPPER TYPE-4 */ /* 31 - TT-TAB-WRAPPER TYPE-5 */ /* 32 - TT-TAB-WRAPPER TYPE-6 */ /* 33 - TT-TAB-WRAPPER TYPE-7 */ /* 34 - TT-FILTER */ /* 35 - TT-FILTER TYPE-2*/ /* 36 - TT-FILTER TYPE-2 COLOR-2*/ /* 37 - TT-FILTER TYPE-2 COLOR-3*/ /* 38 - TT-FILTER TYPE-2 POS-2*/ /* 39 - TT-FILTER TYPE-2 POS-3*/ /* 40 - TT-FILTER TYPE-3*/ /* 41 - TT-SIMPLE-SLIDER*/ /* 42 - TT-SIMPLE-SLIDER-2*/ /* 43 - TT-POST*/ /* 44 - TT-POST TYPE-2*/ /* 45 - TT-POST TYPE-3*/ /* 46 - TT-POST TYPE-4*/ /* 47 - TT-POST TYPE-5*/ /* 48 - TT-POST TYPE-6*/ /* 49 - TT-POST TYPE-6 LEFT*/ /* 50 - TT-POST TYPE-7*/ /* 51 - TT-POST TYPE-8*/ /* 52 - TT-POST TYPE-9*/ /* 53 - TT-POST TYPE-9 COLOR-2*/ /* 54 - TT-TESTIMONAL*/ /* 55 - TT-TESTIMONAL TYPE-2*/ /* 56 - TT-TESTIMONAL TYPE-3*/ /* 57 - TT-TESTIMONAL-SLIDER*/ /* 58 - TT-TESTIMONAL-SLIDER TYPE-2*/ /* 59 - TT-TESTIMONAL-SLIDER TYPE-3*/ /* 60 - TT-BANNER */ /* 61 - TT-BANNER-2 */ /* 62 - TT-BANNER-3 */ /* 63 - TT-BANNER-4 */ /* 64 - TT-CLIENTS-SLIDER */ /* 65 - TT-CLIENTS-SLIDER TYPE-2 */ /* 66 - TT-CLIENTS-SLIDER TYPE-3 */ /* 67 - TT-CLIENT TYPE-4 */ /* 68 - TT-SUBSCRIBE */ /* 69 - TT-SUBSCRIBE TYPE-2 */ /* 70 - TT-FEATURE */ /* 71 - TT-FEATURE-2 */ /* 73 - TT-FEATURE-3 */ /* 74 - TT-FEATURE-4 */ /* 75 - TT-FEATURE-5 */ /* 76 - TT-FEATURE-6 */ /* 77 - TT-ACCORDION TYPE-1*/ /* 78 - TT-ACCORDION TYPE-1 COLOR-2*/ /* 79 - TT-ACCORDION TYPE-2 */ /* 80 - TT-ACCORDION TYPE-3 */ /* 81 - TT-ACCORDION TYPE-3 COLOR-2 */ /* 82 - TT-QUICKQUOTE-LINK */ /* 83 - TT-LEADER */ /* 84 - TT-SERVICE */ /* 85 - TT-SERVICE-2 */ /* 86 - TT-SERVICE-3 */ /* 87 - TT-SERVICE-4 */ /* 88 - TT-PROJECT */ /* 89 - TT-OFFER */ /* 90 - TT-PROJECT TYPE-2*/ /* 91 - TT-PROJECT TYPE-3*/ /* 92 - TT-PROJECT TYPE-4*/ /* 93 - TT-WORK */ /* 94 - TT-EVENT */ /* 95 - TT-EVENT TYPE-2*/ /* 96 - TT-HEADING */ /* 97 - TT-LEFT-SIDE */ /* 98 - TT-TEAM TYPE-1*/ /* 99 - TT-TEAM-2*/ /* 100 - TT-TEAM-3*/ /* 101 - TT-FACT*/ /* 102 - TT-RIGHT-SIDE */ /* 103 - TT-CATEGORIES TYPE-1*/ /* 104 - TT-CATEGORIES TYPE-1 COLOR-2*/ /* 105 - TT-CATEGORIES */ /* 106 - TT-SEARCH */ /* 107 - TT-SEARCH-2 */ /* 108 - TT-SEARCH-3 */ /* 109 - TT-TAGS */ /* 110 - TT-PAGINATION */ /* 111 - TT-TAGS POSTITION 2*/ /* 112 - TT-TAGS POSTITION 3*/ /* 113 - TT-TAGS POSTITION 4*/ /* 114 - TT-TAGS COLOR 2*/ /* 115 - TT-BLOG-TOP */ /* 116 - TT-ADMIN */ /* 117 - TT-COMMENT-BLOCK */ /* 118 - TT-FORM-BLOCK */ /* 119 - TT-TOPBAR */ /* 120 - TT-PRODUCT-1 */ /* 121 - TT-PRODUCT-2 */ /* 122 - TT-PRODUCT-3 */ /* 123 - TT-PRODUCT-4 */ /* 124 - TT-PRODUCT-GALLERY */ /* 125 - MPRDUCT */ /* 126 - CART-TABLE */ /* 127 - CART-TABLE */ /* 128 - CART-TABLE */ /* 129 - TT-MESSAGE */ /* 130 - TT-ORDER */ /* 131 - TT-ACHEIVE */ /* 132 - TT-BROCHURE */ /* 133 - TT-TWO-COLORS */ /* 134 - TT-TWO-COLORS-2 */ /* 135 - TT-PARTNER */ /* 136 - TT-PRICE */ /* 137 - TT-CONTACT-MAP */ /* 138 - TT-CONTACT-MAP-2 */ /* 139 - TT-CONTACT */ /* 140 - TT-ACCOUNT */ /* 141 - TT-QUESTUION */ /* 142 - SLIDER-RANGE */ /* 143 - SLIDER-RANGE COLOR-2 */ /* 144 - TT-MLINE */ /* 145 - TT-DETAILS-ICON */ /* 146 - TT-CONTACT-LINE */ /* 147 - TT-NOTFOUND */ /* 148 - COMMING SOON */ /* 149 - LIGHTBOX */ @import url(animate.min.css); /*-------------------------------------------------------------------------------------------------------------------------------*/ /* LOADING */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #loading { background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 200; margin-top: 0px; top: 0px; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; } .bigSqr { position: relative; display: inline-block; width: 40px; height: 40px; overflow: hidden; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; -moz-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-animation: bigSqrShrink 1s linear infinite; -moz-animation: bigSqrShrink 1s linear infinite; -o-animation: bigSqrShrink 1s linear infinite; animation: bigSqrShrink 1s linear infinite; } .square { position: absolute; width: 20px; height: 20px; background: #feca16; } .first { left: 0px; top: 20px; } .second { left: 20px; top: 20px; -webkit-animation: drop2 1s linear infinite; -moz-animation: drop2 1s linear infinite; -o-animation: drop2 1s linear infinite; animation: drop2 1s linear infinite; } .third { left: 0px; top: 0px; -webkit-animation: drop3 1s linear infinite; -moz-animation: drop3 1s linear infinite; -o-animation: drop3 1s linear infinite; animation: drop3 1s linear infinite; } .fourth { left: 20px; top: 0px; -webkit-animation: drop4 1s linear infinite; -moz-animation: drop4 1s linear infinite; -o-animation: drop4 1s linear infinite; animation: drop4 1s linear infinite; } #loading-text { position: absolute; left: 50%; top: 50%; margin-top: 45px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; line-height: 22px; font-weight: 700; color: #222; } @-webkit-keyframes bigSqrShrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @-moz-keyframes bigSqrShrink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); } } @-o-keyframes bigSqrShrink { 0% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes bigSqrShrink { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @-webkit-keyframes drop2 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 25% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @-moz-keyframes drop2 { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); } 25% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } } @-o-keyframes drop2 { 0% { -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 25% { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } } @keyframes drop2 { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 25% { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } } @-webkit-keyframes drop3 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 50% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @-moz-keyframes drop3 { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); } 50% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } } @-o-keyframes drop3 { 0% { -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 50% { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } } @keyframes drop3 { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 50% { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } } @-webkit-keyframes drop4 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 75% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @-moz-keyframes drop4 { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); } 75% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } } @-o-keyframes drop4 { 0% { -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 75% { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } } @keyframes drop4 { 0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 75% { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - GLOBAL SETTINGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body { font-family: 'Open Sans', sans-serif, Arial; font-weight: normal; font-size: 14px; line-height: 1; overflow-y: scroll; } img { vertical-align: baseline; } a, a:link, a:visited, a:active, a:hover { cursor: pointer; text-decoration: none; outline: none; } .clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block; } .empty-space { display: block; height: 1px; } .img-full { display: block; width: 100%; } .tt-overflow { overflow: hidden; } .container { max-width: 100%; } /*table*/ .table-view { height: 100%; width: 100%; display: table; } .row-view { display: table-row; } .cell-view { display: table-cell; vertical-align: middle; } .background-block { -moz-background-size: cover; background-size: cover; background-position: center center; } /*nopadding class*/ .nomargin { margin-left: 0; margin-right: 0; } .nopadding { padding-left: 0; padding-right: 0; } .padding10 { padding-left: 5px; padding-right: 5px; } .font-roboto { font-family: 'Roboto Slab'; } .font-raleway { font-family: 'Raleway'; } .mbottom0 { margin-bottom: 0; } .mbottom5 { margin-bottom: 5px; } .mbottom10 { margin-bottom: 10px; } .mbottom15 { margin-bottom: 15px; } .mbottom20 { margin-bottom: 20px; } .mbottom25 { margin-bottom: 25px; } .mbottom30 { margin-bottom: 30px; } .mbottom35 { margin-bottom: 35px; } .mbottom40 { margin-bottom: 40px; } .mbottom45 { margin-bottom: 45px; } .mbottom50 { margin-bottom: 50px; } .mbottom55 { margin-bottom: 55px; } .mbottom60 { margin-bottom: 60px; } .mbottom65 { margin-bottom: 65px; } .mbottom70 { margin-bottom: 70px; } .mbottom75 { margin-bottom: 75px; } .mbottom80 { margin-bottom: 80px; } .mbottom85 { margin-bottom: 85px; } .mbottom90 { margin-bottom: 90px; } .mbottom95 { margin-bottom: 95px; } .mbottom100 { margin-bottom: 100px; } .mbottom105 { margin-bottom: 105px; } .mbottom140 { margin-bottom: 140px; } .mbottom160 { margin-bottom: 160px; } .mbottom200 { margin-bottom: 200px; } .ptop10 { padding-top: 10px; } .ptop15 { padding-top: 15px; } .ptop20 { padding-top: 20px; } .ptop25 { padding-top: 25px; } .ptop30 { padding-top: 30px; } .ptop35 { padding-top: 35px; } .ptop40 { padding-top: 40px; } .ptop45 { padding-top: 45px; } .ptop50 { padding-top: 50px; } .ptop55 { padding-top: 55px; } .ptop75 { padding-top: 75px; } .pbottom15 { padding-bottom: 15px; } .pbottom20 { padding-bottom: 20px; } .pbottom25 { padding-bottom: 25px; } .pbottom30 { padding-bottom: 30px; } .pbottom35 { padding-bottom: 35px; } .pbottom40 { padding-bottom: 40px; } .pbottom45 { padding-bottom: 45px; } .pbottom50 { padding-bottom: 50px; } .pbottom70 { padding-bottom: 75px; } @media (max-width:991px) { .mbottom35 { margin-bottom: 30px; } .mbottom40 { margin-bottom: 30px; } .mbottom45 { margin-bottom: 30px; } .mbottom50 { margin-bottom: 30px; } .mbottom55 { margin-bottom: 30px; } .mbottom60 { margin-bottom: 30px; } .mbottom65 { margin-bottom: 32px; } .mbottom70 { margin-bottom: 35px; } .mbottom75 { margin-bottom: 37px; } .mbottom80 { margin-bottom: 40px; } .mbottom85 { margin-bottom: 42px; } .mbottom90 { margin-bottom: 45px; } .mbottom95 { margin-bottom: 47px; } .mbottom100 { margin-bottom: 50px; } .mbottom105 { margin-bottom: 55px; } .mbottom140 { margin-bottom: 70px; } .ptop35 { padding-top: 30px; } .ptop40 { padding-top: 30px; } .ptop45 { padding-top: 30px; } .ptop50 { padding-top: 30px; } .ptop55 { padding-top: 30px; } .ptop75 { padding-top: 32px; } .pbottom35 { padding-bottom: 30px; } .pbottom40 { padding-bottom: 30px; } .pbottom45 { padding-bottom: 30px; } .pbottom50 { padding-bottom: 30px; } .pbottom70 { padding-bottom: 32px; } .mbottom160 { margin-bottom: 80px; } .mbottom200 { margin-bottom: 100px; } } @media (max-width:767px) { .mbottom35 { margin-bottom: 30px; } .mbottom40 { margin-bottom: 30px; } .mbottom45 { margin-bottom: 30px; } .mbottom50 { margin-bottom: 30px; } .mbottom55 { margin-bottom: 30px; } .mbottom60 { margin-bottom: 30px; } .mbottom65 { margin-bottom: 30px; } .mbottom70 { margin-bottom: 30px; } .mbottom75 { margin-bottom: 30px; } .mbottom80 { margin-bottom: 30px; } .mbottom85 { margin-bottom: 30px; } .mbottom90 { margin-bottom: 30px; } .mbottom95 { margin-bottom: 30px; } .mbottom100 { margin-bottom: 30px; } .mbottom105 { margin-bottom: 30px; } .mbottom140 { margin-bottom: 30px; } .ptop40 { padding-top: 30px; } .ptop45 { padding-top: 30px; } .ptop50 { padding-top: 30px; } .ptop55 { padding-top: 30px; } .ptop75 { padding-top: 30px; } .pbottom40 { padding-bottom: 30px; } .pbottom45 { padding-bottom: 30px; } .pbottom50 { padding-bottom: 30px; } .pbottom70 { padding-bottom: 30px; } .mbottom160 { margin-bottom: 30px; } .mbottom200 { margin-bottom: 30px; } } @media (min-width:1600px) { .custom-xlg-5 { width: 20%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - TT-HEADER-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-header-1 { position: fixed; top: 0; left: 0; width: 100%; height: 139px; background: #fff; padding-top: 45px; z-index: 101; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); } .tt-header-1 .top-inner { float: left; margin-top: 20px; } .tt-header-1 .logo { display: inline-block; height: 62px; line-height: 62px; } .tt-header-1 .logo img { display: inline-block; max-width: 100%; max-height: 100%; } .tt-header-1 .main-nav > ul { list-style: none; } .tt-header-1 .main-nav > ul > li > a { font-size: 14px; line-height: 14px; font-weight: 600; color: #494949; letter-spacing: 0.3px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li.active > a, .tt-header-1 .main-nav > ul > li:hover > a { color: #BB0D0F; } .tt-header-1 .main-nav > ul > li > ul { list-style: none; } .tt-header-1 .main-nav > ul > li > ul > li > ul { list-style: none; } .tt-header-1 .main-nav > ul > li.mega > ul { list-style: none; } .tt-header-1 .top-text { float: left; font-size: 15px; line-height: 45px; font-weight: 400; font-style: italic; color: #8e8f90; } .tt-header-1 .top-social { float: left; list-style: none; border-left: 1px solid #252e3c; } .tt-header-1 .top-social li { float: left; } .tt-header-1 .top-social li a { display: block; width: 45px; height: 45px; font-size: 14px; color: #999ea3; text-align: center; line-height: 45px; border-right: 1px solid #252e3c; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .top-social li a:hover { background: #fa7e1e; color: #fff; } .tt-header-1 .top-info { float: right; position: relative; border-right: 1px solid #252e3c; padding: 0 24px; } .tt-header-1 .top-info:last-child { border-left: 1px solid #252e3c; } .tt-header-1 .top-info, .tt-header-1 .top-info a { font-size: 14px; line-height: 45px; font-weight: 400; color: #ffffff; letter-spacing: 0.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .top-info a:hover { color: #fff; } .tt-header-1 .top-info .fa { font-size: 15px; margin-right: 5px; } .tt-header-1 .top-info.style-2 { border-right: 0; } .tt-header-1 .top-info.style-2:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 19px; background: #343e45; margin-top: -9px; } .tt-header-1 .top-info.style-2:first-child:before { display: none; } .tt-header-1 .nav-more { display: inline-block; margin-top: 33px; font-size: 0; margin-left: 5px; } .tt-header-1 .nav-more.style-2 { margin-top: 25px; margin-left: 27px; } .tt-header-1 .nav-more-icon { margin-left: 0; } .tt-header-1 .nav-more-icon { display: inline-block; width: 29px; height: 29px; font-size: 16px; color: #0caeed; border: 1px solid #ddd; text-align: center; line-height: 27px; margin-left: 12px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .nav-more-icon:hover { background: #0caeed; border-color: #0caeed; color: #fff; } .tt-header-1 ul { padding-left: 0; } /*mega*/ .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a { position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:hover { color: #ee6800; } /*cmn-toggle-switch*/ .cmn-toggle-switch:focus { outline: none; } .tt-header-1 .cmn-toggle-switch { display: none; position: fixed; top: 35px; right: 15px; margin: -8.5px 0 0 0; padding: 0; width: 30px; height: 17px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: none; border-radius: none; border: none; cursor: pointer; background-color: transparent; z-index: 101; } .tt-header-1 .cmn-toggle-switch span { display: block; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: #095996; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .cmn-toggle-switch::before, .tt-header-1 .cmn-toggle-switch::after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #095996; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .cmn-toggle-switch::before { top: 0px; } .tt-header-1 .cmn-toggle-switch::after { bottom: 0; } .tt-header-1 .cmn-toggle-switch.active::before { top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .tt-header-1 .cmn-toggle-switch.active::after { bottom: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .tt-header-1 .cmn-toggle-switch.active span { opacity: 0; } .search-popup { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 501; background: rgba(255, 255, 255, 0.8); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); visibility: hidden; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -o-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; } .search-popup.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .search-popup-close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .search-popup .vertical-align { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .search-popup .input-field { position: relative; width: 100%; font-size: 14px; line-height: 14px; overflow: hidden; padding-bottom: 20px; display: inline-block; } .search-popup .input-field-border { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 2px; } .search-popup .input-field-border:before { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 2px; background: #fff; z-index: 5; -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -o-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; } .search-popup .input-field-border:after { content: ''; position: absolute; bottom: 0px; left: -105%; width: 100%; height: 2px; background: #fa7e1e; z-index: 5; -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -o-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; } .search-popup input:focus + .input-field-border:before { right: -105%; } .search-popup input:focus + .input-field-border:after { left: 0px; } .search-popup .input-field .input { position: absolute; left: 0px; background: none; color: #fff; width: 100%; padding-right: 50px; border: 0px none; } .search-popup .input-field .input:focus { outline: none; } .search-popup .input-field .wraper { position: relative; width: 100%; } .search-popup .search-form { position: relative; width: 100%; background: #171f2b; padding: 90px; } .search-popup .search-form .title { color: #fff; font-size: 20px; text-transform: uppercase; line-height: 20px; padding-bottom: 45px; margin: 0; } .search-popup .submit { color: #909090; position: relative; float: right; } .search-popup .submit input { position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; z-index: 50; padding: 0px; background: none; border: none; } .search-popup .close { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; background: #fff; color: #787878; text-align: center; line-height: 40px; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .search-popup .close:hover { background: #fa7e1e; color: #fff; } .search-popup .close span { display: block; font-size: 24px; font-weight: 400; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tt-header-margin-1 { height: 139px; } @media (min-width:992px) { .tt-header-1 .top-line { position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: #171f2b; } .tt-header-1 .toggle-block { display: block!important; float: right; } .tt-header-1 .main-nav { display: inline-block; margin-top: 39px; vertical-align: top; } .tt-header-1 .main-nav > ul > li { float: left; margin-left: 31px; padding-bottom: 41px; } .tt-header-1 .main-nav > ul > li > a { display: block; position: relative; } .tt-header-1 .main-nav > ul > li > a:before { content: ''; display: block; position: absolute; bottom: -43px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #BB0D0F transparent; margin-left: -8px; opacity: 0; } .tt-header-1 .main-nav > ul > li:hover > a:before { opacity: 1; -webkit-transition: all 300ms ease-in-out 0.3s; -moz-transition: all 300ms ease-in-out 0.3s; -o-transition: all 300ms ease-in-out 0.3s; transition: all 300ms ease-in-out 0.3s; } /*2nd level*/ .tt-header-1 .main-nav > ul > li:not(.mega) { position: relative; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul { display: block!important; position: absolute; top: 54px; left: 50%; width: 200px; background: #fff; padding-top: 14px; border-top: 2px solid #da6e1a; margin-top: 1px; margin-left: -100px; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .11); box-shadow: 0 0 16px rgba(0, 0, 0, .11); } .tt-header-1 .main-nav > ul > li:not(.mega):hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li { padding-left: 25px; padding-right: 25px; padding-bottom: 14px; margin-bottom: 13px; border-bottom: 1px solid #f1f1f1; text-align: left; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > a:hover { color: #ee6800; } /*3rd level*/ .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li { position: relative; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul { display: block!important; position: absolute; top: -16px; left: 100%; width: 200px; background: #fff; padding-top: 14px; border-top: 2px solid #da6e1a; margin-top: 0; margin-left: 5px; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li:not(.mega):nth-last-child(1) > ul > li > ul, .tt-header-1 .main-nav > ul > li:not(.mega):nth-last-child(2) > ul > li > ul { left: auto; right: 100%; margin-right: 5px; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li { padding-left: 25px; padding-right: 25px; padding-bottom: 14px; margin-bottom: 13px; border-bottom: 1px solid #f1f1f1; text-align: left; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li > a:hover { color: #ee6800; } /*mega*/ .tt-header-1 .main-nav > ul > li.mega > ul { display: block!important; position: absolute; font-size: 0; top: 139px; left: 0; right: 0; background: #fff; font-size: 0; text-align: center; padding-top: 27px; border-top: 2px solid #da6e1a; padding-bottom: 10px; padding-left: 54px; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li.mega:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-1 .main-nav > ul > li.mega > ul > li { display: inline-block; width: 20%; vertical-align: top; padding-left: 25px; padding-right: 25px; } .tt-header-1 .main-nav > ul > li.mega > ul > li:first-child { padding-left: 0; } .tt-header-1 .main-nav > ul > li.mega > ul > li:last-child { padding-right: 0; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul { display: block!important; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li { padding-bottom: 14px; margin-bottom: 13px; border-bottom: 1px solid #f1f1f1; text-align: left; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:hover { color: #ee6800; } .tt-header-1 .main-nav > ul > li.mega .mega-image { position: absolute; bottom: 30px; right: 18px; } .tt-header-1 .main-nav > ul > li.mega .mega-image.style-2 { right: 0; bottom: 0; } .tt-header-1 .menu-toggle { display: none; } } @media (min-width:1200px) { .tt-header-1 .main-nav > ul > li.mega > ul { width: 1140px; left: 50%; margin-left: -570px; } } @media (min-width:992px) and (max-width:1199px) { .tt-header-1 .logo { width: 190px; } .tt-header-1 .nav-more.style-2 { margin-left: 10px; } .tt-header-1 .nav-more.style-2 .c-btn-3 { font-size: 12px; letter-spacing: 0; padding-left: 10px; padding-right: 10px; } .tt-header-1 .main-nav > ul > li.mega > ul { width: 940px; left: 50%; margin-left: -470px; padding-left: 30px; } } @media (max-width:991px) { .tt-header-1 .logo { height: 54px; line-height: 54px; } .tt-header-1 { position: absolute; left: 0; right: 0; padding-left: 15px; padding-right: 15px; height: auto; } .tt-header-1 .top-inner { position: fixed; top: 0; left: 0; right: 0; height: 70px; padding: 9px 15px; background: #fff; } .tt-header-1 .top-inner { margin-top: 0px; float: none; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); } .tt-header-1 .cmn-toggle-switch { display: block; } .tt-header-1 .toggle-block { display: none; text-align: center; position: fixed; top: 70px; left: 0; width: 100%; max-height: 100%; overflow: auto; padding-bottom: 70px; background: #fff; padding-left: 15px; padding-right: 15px; } .tt-header-1 .main-nav { margin-bottom: 25px; } .tt-header-1 .main-nav > ul > li { padding: 13px 0; } .tt-header-1 .main-nav > ul > li > a { display: block; } .tt-header-1 .main-nav > ul > li.parent:not(.mega) > ul { display: none; background: #171f2b; margin-top: 10px; } .tt-header-1 .main-nav > ul > li.parent:not(.mega) > a { position: relative; padding-left: 25px; padding-right: 25px; } .tt-header-1 .main-nav > ul > li > ul > li > a { display: inline-block; font-size: 11px; line-height: 15px; font-weight: 300; color: #fff; letter-spacing: 0.5px; padding: 12px 22px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li > a { position: relative; padding-left: 25px; padding-right: 25px; } .tt-header-1 .main-nav > ul > li > ul { display: none; background: #171f2b; padding: 15px 0; margin-top: 15px; } .tt-header-1 .main-nav > ul > li > ul > li > a { display: block; position: relative; } .tt-header-1 .main-nav > ul > li > ul > li > ul { display: none; list-style: none; } .tt-header-1 .main-nav > ul > li > ul > li > ul > li { margin-bottom: 10px; } .tt-header-1 .main-nav > ul > li > ul > li > ul > li > a { font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-1 .main-nav > ul > li > ul > li > ul > li > a:hover { color: #ee6800; } .tt-header-1 .main-nav .mega-image-block { display: none; } .tt-header-1 .menu-toggle, .tt-header-1 .menu-toggle-inner { position: absolute; top: 50%; right: 0; padding: 13px 16px; margin-top: -20px; } .tt-header-1 .nav-more { margin: 0 0 25px 0; } .tt-header-1 .top-social { display: table; float: none; font-size: 0; margin-left: auto; margin-right: auto; border-top: 1px solid #252e3c; border-bottom: 1px solid #252e3c; } .tt-header-1 .top-social li { float: none; display: inline-block; } .tt-header-1 .top-info { border: none; float: none; } .tt-header-1 .top-info:last-child { border: none; } .tt-header-1 .top-info a:hover { color: #fa7e1e; } .tt-header-1 .top-info.style-2:before { display: none; } .tt-header-1 .top-text { float: none; line-height: 24px; } .tt-header-margin-1 { height: 70px; } } @media (max-width:480px) { .search-popup .search-form { padding: 30px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - TT-HEADER-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-header-2 { position: fixed; top: 0; left: 0; width: 100%; height: 95px; background: rgba(0, 0, 0, 0.9); z-index: 101; } .tt-header-2 .top-inner { float: left; margin-top: 21px; } .tt-header-2 .logo { display: inline-block; height: 62px; line-height: 62px; } .tt-header-2 .logo img { display: inline-block; max-width: 100%; max-height: 100%; } .tt-header-2 .main-nav > ul { list-style: none; } .tt-header-2 .main-nav > ul > li > a { font-family: 'Raleway'; font-size: 14px; line-height: 14px; font-weight: 700; color: #fff; letter-spacing: 0.3px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li.active > a, .tt-header-2 .main-nav > ul > li:hover > a { color: #38c09b; } .tt-header-2 .main-nav > ul > li.parent > ul { list-style: none; } .tt-header-2 .main-nav > ul > li.mega > ul { list-style: none; } .tt-header-margin-2 { height: 95px; } .tt-header-2 ul { padding-left: 0; } /*mega*/ .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li > a { position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li > a:hover { color: #ee6800; } /*cmn-toggle-switch*/ .tt-header-2 .cmn-toggle-switch { display: none; position: fixed; top: 35px; right: 15px; margin: -8.5px 0 0 0; padding: 0; width: 30px; height: 17px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: none; border-radius: none; border: none; cursor: pointer; background-color: transparent; z-index: 101; } .tt-header-2 .cmn-toggle-switch span { display: block; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: #38c09b; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .cmn-toggle-switch::before, .tt-header-2 .cmn-toggle-switch::after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #38c09b; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .cmn-toggle-switch::before { top: 0px; } .tt-header-2 .cmn-toggle-switch::after { bottom: 0; } .tt-header-2 .cmn-toggle-switch.active::before { top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .tt-header-2 .cmn-toggle-switch.active::after { bottom: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .tt-header-2 .cmn-toggle-switch.active span { opacity: 0; } @media (min-width:992px) { .tt-header-2 .logo { margin-left: 14px; } .tt-header-2 .toggle-block { display: block!important; float: right; } .tt-header-2 .main-nav { display: inline-block; margin-top: 39px; vertical-align: top; } .tt-header-2 .main-nav > ul > li { float: left; margin-left: 34px; padding-bottom: 41px; } .tt-header-2 .main-nav > ul > li > a { display: block; position: relative; } .tt-header-2 .main-nav > ul > li > a:before { content: ''; display: block; position: absolute; bottom: -19px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #38c09c transparent transparent transparent; margin-left: -8px; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li:hover > a:before { opacity: 1; } /*parent*/ .tt-header-2 .main-nav > ul > li.parent { position: relative; } .tt-header-2 .main-nav > ul > li.parent > ul { display: block!important; position: absolute; top: 54px; left: 50%; width: 200px; background: #1c1c1c; padding-top: 14px; margin-top: 1px; margin-left: -100px; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li.parent:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-2 .main-nav > ul > li.parent > ul > li { padding-left: 25px; padding-right: 25px; padding-bottom: 14px; margin-bottom: 13px; border-bottom: 1px solid #323232; text-align: left; } .tt-header-2 .main-nav > ul > li.parent > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li.parent > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-2 .main-nav > ul > li.parent > ul > li > a:hover { color: #38c09b; } /*mega*/ .tt-header-2 .main-nav > ul > li.mega > ul { display: block!important; position: absolute; font-size: 0; top: 95px; left: 0; right: 0; background: #1c1c1c; font-size: 0; text-align: left; padding: 27px 14px 10px 14px; visibility: hidden; opacity: 0; -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li.mega:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-2 .main-nav > ul > li.mega > ul > li { display: inline-block; width: 23.5%; vertical-align: top; padding-left: 40px; padding-right: 40px; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul { display: block!important; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li { padding-bottom: 14px; margin-bottom: 13px; border-bottom: 1px solid #323232; text-align: left; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #676767; letter-spacing: 0.3px; padding-left: 17px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li > a:hover { color: #38c09b; } .tt-header-2 .main-nav > ul > li.mega .mega-image { position: absolute; bottom: 30px; right: 18px; } .tt-header-2 .menu-toggle { display: none; } } @media (min-width:1200px) { .tt-header-2 .main-nav > ul > li.mega > ul { width: 1140px; left: 50%; margin-left: -570px; } } @media (min-width:992px) and (max-width:1199px) { .tt-header-2 .main-nav > ul > li.mega > ul { width: 940px; left: 50%; margin-left: -470px; padding-left: 30px; } } @media (max-width:991px) { .tt-header-2 .logo { height: 56px; } .tt-header-2 { position: absolute; left: 0; right: 0; padding-left: 15px; padding-right: 15px; height: auto; } .tt-header-2 .top-inner { position: fixed; top: 0; left: 0; right: 0; height: 70px; padding: 9px 15px; background: #000; } .tt-header-2 .top-inner { margin-top: 0px; float: none; } .tt-header-2 .cmn-toggle-switch { display: block; } .tt-header-2 .toggle-block { display: none; text-align: center; position: fixed; top: 70px; left: 0; width: 100%; max-height: 100%; overflow: auto; padding-bottom: 70px; background: #1c1c1c; padding-left: 15px; padding-right: 15px; } .tt-header-2 .main-nav { margin-bottom: 0; } .tt-header-2 .main-nav > ul > li { padding: 13px 0; } .tt-header-2 .main-nav > ul > li > a { display: block; } .tt-header-2 .main-nav > ul > li.parent > ul { display: none; background: #171f2b; margin-top: 15px; } .tt-header-2 .main-nav > ul > li.parent > a { position: relative; padding-left: 25px; padding-right: 25px; } .tt-header-2 .main-nav > ul > li.mega > a { position: relative; padding-left: 25px; padding-right: 25px; } .tt-header-2 .main-nav > ul > li.mega > ul { display: none; background: #323232; padding: 15px 0; margin-top: 15px; } .tt-header-2 .main-nav > ul > li.mega > ul > li > a { display: block; position: relative; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul { display: none; list-style: none; } .tt-header-2 .main-nav > ul > li.mega > ul > li > ul > li { margin-bottom: 10px; } .tt-header-2 .main-nav > ul > li > ul > li > a { display: inline-block; font-size: 11px; line-height: 15px; font-weight: 300; color: #fff; letter-spacing: 0.5px; padding: 12px 22px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-2 .main-nav .mega-image-block { display: none; } .tt-header-2 .menu-toggle, .tt-header-2 .menu-toggle-inner { position: absolute; top: 50%; right: 0; padding: 13px 16px; margin-top: -20px; } .tt-header-margin-2 { height: 70px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - TT-HEADER-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-header-3 { position: fixed; top: 0; left: 0; width: 100%; height: 95px; background: #fff; z-index: 101; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); } .tt-header-3 .top-inner { float: left; margin-top: 21px; } .tt-header-3 .logo { display: inline-block; height: 62px; line-height: 62px; } .tt-header-3 .logo img { display: inline-block; max-width: 100%; max-height: 100%; } .tt-header-3 .main-nav > ul { list-style: none; } .tt-header-3 .main-nav > ul > li > a { font-family: 'Raleway'; font-size: 14px; line-height: 14px; font-weight: 700; color: #fff; letter-spacing: 0.3px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav > ul > li.active > a, .tt-header-3 .main-nav > ul > li:hover > a { color: #fa7e1e; } .tt-header-3 .main-nav > ul > li.parent > ul { list-style: none; } .tt-header-3 .main-nav > ul > li.mega > ul { list-style: none; } .tt-header-3 .nav-more { display: inline-block; margin-top: 11px; font-size: 0; margin-left: 5px; } .tt-header-3 .nav-more-icon { margin-left: 0; } .tt-header-3 .nav-more-icon { display: inline-block; width: 35px; height: 35px; font-size: 16px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.34); text-align: center; line-height: 33px; margin-left: 12px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .nav-more-icon:hover { background: #fa7e1e; border-color: #fa7e1e; color: #fff; } .tt-header-3 ul { padding-left: 0; } /*mega*/ .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li > a { position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #787878; letter-spacing: 0.3px; padding-left: 17px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li > a:hover { color: #ee6800; } /*cmn-toggle-switch*/ .tt-header-3 .cmn-toggle-switch { display: none; position: fixed; top: 35px; right: 15px; margin: -8.5px 0 0 0; padding: 0; width: 30px; height: 17px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: none; border-radius: none; border: none; cursor: pointer; background-color: transparent; z-index: 101; } .tt-header-3 .cmn-toggle-switch span { display: block; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: #095996; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .cmn-toggle-switch::before, .tt-header-3 .cmn-toggle-switch::after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #095996; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .cmn-toggle-switch::before { top: 0px; } .tt-header-3 .cmn-toggle-switch::after { bottom: 0; } .tt-header-3 .cmn-toggle-switch.active::before { top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .tt-header-3 .cmn-toggle-switch.active::after { bottom: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .tt-header-3 .cmn-toggle-switch.active span { opacity: 0; } /*top-info*/ .tt-header-3 .top-info .fa { display: inline-block; font-size: 30px; color: #787d84; margin-left: 20px; vertical-align: middle; } .tt-header-3 .top-info-content { display: inline-block; padding-left: 17px; vertical-align: middle; } .tt-header-3 .top-info p { font-size: 14px; line-height: 18px; font-weight: 400; color: #092032; letter-spacing: 0.3px; margin-bottom: 2px; } .tt-header-3 .top-info p:last-child { margin-bottom: 0; } .tt-header-3 .top-info .top-info-light, .tt-header-3 .top-info-light a { font-weight: 400; color: #787d84; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .top-info-light a:hover { color: #fa7e1e; } .tt-header-3 .top-follow-label { font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 400; color: #092032; margin-bottom: 8px; text-align: center; } .tt-header-3 .top-social { text-align: center; } .tt-header-3 .top-social a { font-size: 14px; color: #787d84; margin-left: 5px; margin-right: 5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .top-social a:hover { color: #fa7e1e; } @media (min-width:992px) { .tt-header-3 .toggle-block { display: block!important; position: absolute; top: 95px; left: 50%; background: rgba(0, 0, 0, 0.7); padding-left: 42px; padding-right: 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3.scrolled .toggle-block { background: rgba(0, 0, 0, 1); } .tt-header-3 .main-nav { display: inline-block; margin-top: 21px; vertical-align: top; } .tt-header-3 .main-nav > ul > li { float: left; margin-right: 52px; padding-bottom: 21px; } .tt-header-3 .main-nav > ul > li > a { display: block; } .tt-header-3 .nav-more { float: right; } /*parent*/ .tt-header-3 .main-nav > ul > li.parent { position: relative; } .tt-header-3 .main-nav > ul > li.parent:first-child { position: static; } .tt-header-3 .main-nav > ul > li.parent > ul { display: block!important; position: absolute; top: 34px; left: 50%; width: 200px; background: rgba(7, 13, 20, 0.94); padding-top: 14px; border-top: 2px solid #da6e1a; margin-top: 1px; margin-left: -100px; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav > ul > li.parent:first-child > ul { left: 0; margin-left: 0; margin-top: 22px; } .tt-header-3 .main-nav > ul > li.parent:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-3 .main-nav > ul > li.parent > ul > li { padding-left: 25px; padding-right: 25px; padding-bottom: 4px; margin-bottom: 14px; text-align: left; } .tt-header-3 .main-nav > ul > li.parent > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #0d6994; letter-spacing: 0.3px; text-transform: uppercase; padding-left: 17px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav > ul > li.parent > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-3 .main-nav > ul > li.parent > ul > li > a:hover { color: #ee6800; } /*mega*/ .tt-header-3 .main-nav > ul > li.mega > ul { display: block!important; position: absolute; font-size: 0; top: 56px; left: 0; right: 0; background: rgba(7, 13, 20, 0.94); font-size: 0; text-align: center; padding-top: 27px; border-top: 1px solid #475057; padding-bottom: 27px; padding-left: 29px; padding-right: 29px; visibility: hidden; opacity: 0; -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav > ul > li.mega:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .tt-header-3 .main-nav > ul > li.mega > ul > li { display: inline-block; width: 20%; vertical-align: top; padding-left: 25px; padding-right: 25px; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul { display: block!important; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li { padding-bottom: 14px; margin-bottom: 4px; text-align: left; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li > a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #0d6994; letter-spacing: 0.3px; padding-left: 17px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li > a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li > a:hover { color: #ee6800; } .tt-header-3 .main-nav > ul > li.mega .mega-image { position: absolute; bottom: 30px; right: 18px; } .tt-header-3 .menu-toggle { display: none; } .tt-header-3 .top-line { position: absolute; top: -64px; right: 0; font-size: 0; } .tt-header-3 .top-line-entry { display: inline-block; vertical-align: middle; border-right: 1px solid #d1d1d1; padding-right: 20px; } .tt-header-3 .top-line-entry:last-child { border-right: none; } } @media (min-width:1200px) { .tt-header-3 .toggle-block { width: 1140px; margin-left: -570px; } .tt-header-3 .main-nav > ul > li.mega > ul { width: 1140px; left: 50%; margin-left: -570px; } } @media (min-width:992px) and (max-width:1199px) { .tt-header-3 .toggle-block { width: 940px; margin-left: -470px; } .tt-header-3 .main-nav > ul > li.mega > ul { width: 940px; left: 50%; margin-left: -470px; padding-left: 15px; padding-right: 15px; } .tt-header-3 .main-nav > ul > li.mega > ul > li { padding-left: 10px; padding-right: 10px; } } @media (max-width:991px) { .tt-header-3 .logo { height: 54px; } .tt-header-3 { position: absolute; left: 0; right: 0; padding-left: 15px; padding-right: 15px; height: auto; } .tt-header-3 .top-inner { position: fixed; top: 0; left: 0; right: 0; height: 70px; padding: 9px 15px; background: #fff; } .tt-header-3 .top-inner { margin-top: 0px; float: none; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1); } .tt-header-3 .cmn-toggle-switch { display: block; } .tt-header-3 .toggle-block { display: none; text-align: center; position: fixed; top: 70px; left: 0; width: 100%; max-height: 100%; overflow: auto; padding-bottom: 70px; background: rgba(7, 13, 20, 0.93); padding-left: 15px; padding-right: 15px; } .tt-header-3 .main-nav { margin-bottom: 25px; } .tt-header-3 .main-nav > ul > li { padding: 13px 0; } .tt-header-3 .main-nav > ul > li > a { display: block; } .tt-header-3 .main-nav > ul > li.parent > ul { display: none; background: #171f2b; margin-top: 10px; } .tt-header-3 .main-nav > ul > li.parent > a { position: relative; padding-left: 25px; padding-right: 25px; } .tt-header-3 .main-nav > ul > li.mega > a { position: relative; padding-left: 25px; padding-right: 25px; } .tt-header-3 .main-nav > ul > li.mega > ul { display: none; background: #171f2b; padding: 15px 0; margin-top: 10px; } .tt-header-3 .main-nav > ul > li.mega > ul > li > a { display: block; position: relative; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul { display: none; list-style: none; } .tt-header-3 .main-nav > ul > li.mega > ul > li > ul > li { margin-bottom: 10px; } .tt-header-3 .main-nav > ul > li > ul > li > a { display: inline-block; font-size: 11px; line-height: 15px; font-weight: 300; color: #fff; letter-spacing: 0.5px; padding: 12px 22px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-3 .main-nav .mega-image-block { display: none; } .tt-header-3 .menu-toggle, .tt-header-3 .menu-toggle-inner { position: absolute; top: 50%; right: 0; padding: 13px 16px; margin-top: -20px; } .tt-header-3 .nav-more { margin: 0 0 25px 0; } .tt-header-3 .top-follow-label { color: rgba(255, 255, 255, 0.7); } .tt-header-3 .top-line-entry { display: table; margin-left: auto; margin-right: auto; width: 250px; max-width: 100%; border-bottom: 1px solid #44494d; padding-bottom: 10px; margin-bottom: 10px; } .tt-header-3 .top-info p { color: rgba(255, 255, 255, 0.7); } .tt-header-3 .top-info .top-info-light, .tt-header-3 .top-info-light a { color: #fff; } .tt-header-3 .top-info .fa { color: #fff; } .tt-header-3 .top-social a { color: #fff; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - TT-HEADER-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-header-4 { position: fixed; top: 0; left: 0; width: 325px; height: 100%; background: #e8aa01; border-top: 7px solid #000; text-align: center; z-index: 100; } .tt-header-4 .tt-header-4-wrapper { height: 100%; overflow-y: auto; overflow-x: hidden; padding: 74px 30px 50px 30px; } .tt-header-4 .logo { display: inline-block; margin-bottom: 50px; } .tt-header-4 .main-nav { margin-bottom: 55px; } .tt-header-4 .main-nav > ul { list-style: none; } .tt-header-4 .main-nav > ul > li { display: block; border-bottom: 1px solid #eac600; } .tt-header-4 .main-nav > ul > li > a { display: block; position: relative; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 600; color: #000; letter-spacing: 0.3px; border-bottom: 1px solid #cc8d00; padding: 13.5px 5px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-4 .main-nav > ul > li:hover > a, .tt-header-4 .main-nav > ul > li.active > a { background: #2b2b2b; color: #e8aa01; border-bottom: 1px solid #2b2b2b; } .tt-header-4 .main-nav > ul > li > a .fa { position: absolute; top: 50%; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-top: -20px; } .tt-header-4 .main-nav > ul > li > ul { display: none; background: #2b2b2b; list-style: none; padding-top: 13px; padding-bottom: 13px; } .tt-header-4 .main-nav > ul > li > ul > li { padding-bottom: 18px; } .tt-header-4 .main-nav > ul > li > ul > li > a { display: block; font-size: 13px; line-height: 17px; font-weight: 400; color: #656565; letter-spacing: 0.3px; text-transform: uppercase; } .tt-header-4 .top-social { font-size: 0; } .tt-header-4 .top-social a { display: inline-block; width: 40px; height: 40px; -moz-border-radius: 40px; border-radius: 40px; background: #2b2b2b; color: #fbab00; font-size: 22px; line-height: 38px; margin-left: 5px; margin-right: 5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-4 .top-social a:hover { background: #fff; } .tt-header-4 .cmn-slide { display: none; position: absolute; top: 35px; right: -50px; background-color: #e8aa01; padding: 10px; border-left: none; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-4 .cmn-slide-switch { position: relative; padding: 0; width: 30px; height: 17px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: none; border-radius: none; border: none; cursor: pointer; z-index: 101; } .tt-header-4 .cmn-slide-switch span { display: block; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-4 .cmn-slide-switch::before, .tt-header-4 .cmn-slide-switch::after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-4 .cmn-slide-switch::before { top: 0px; } .tt-header-4 .cmn-slide-switch::after { bottom: 0; } .tt-header-4 .cmn-slide-switch.active::before { top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .tt-header-4 .cmn-slide-switch.active::after { bottom: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } .tt-header-4 .cmn-slide-switch.active span { opacity: 0; } .tt-left-menu { margin-left: 320px; } .tt-header-4 ul { padding-left: 0; } @media (max-width:1199px) { .tt-header-4 { width: 285px; } .tt-left-menu { margin-left: 285px; } } @media (max-width:991px) { .tt-header-4 .cmn-slide { display: block; } .tt-header-4 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .tt-header-4.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .tt-left-menu { margin-left: 0; } } @media (max-width:767px) { .tt-header-4 { width: 100%; } .tt-header-4.active .cmn-slide { right: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - FOOTER TYPE-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-footer-inner-1 { position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .tt-location-1 { display: table; position: relative; width: 100%; font-size: 14px; line-height: 22px; font-weight: 400; color: #7e959e; letter-spacing: 0.3px; border: 1px solid #303c47; padding: 22px 22px 22px 85px; } .tt-location-1-icon { display: table-cell; vertical-align: middle; } .tt-location-1 a { color: #7e959e; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-location-1 a:hover { color: #fff; } .tt-location-img-1 { position: absolute; top: 50%; left: 0; width: 51px; height: 51px; background: #ecab13; margin-top: -25.5px; } .tt-location-1-text { display: table-cell; vertical-align: middle; height: 51px; } .tt-location-1-text p { margin-bottom: 0; } .tt-footer-title-1 { font-family: 'Roboto Slab'; font-size: 17px; line-height: 22px; font-weight: 700; color: #fff; letter-spacing: 0.2px; margin-top: 0; } .tt-footer-text-1 { font-size: 14px; line-height: 24px; font-weight: 400; color: #7e959e; letter-spacing: 0.5px; } .tt-footer-text-1 p { margin-bottom: 13px; } .tt-footer-text-1 p:last-child { margin-bottom: 0; } .tt-footer-text-1 a { color: #1c76b5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-text-1 a:hover { color: #fff; } .tt-footer-devider-1 { height: 1px; background: #0e3c4f; } .tt-footer-social-1 a { display: block; float: left; width: 40px; height: 40px; background: #7e959e; font-size: 18px; color: #032d3d; text-align: center; line-height: 40px; -moz-border-radius: 40px; border-radius: 40px; margin-right: 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-social-1 a:hover { background: #fff; } .tt-footer-social-1 a:last-child { margin-right: 0; } .tt-footer-list-1 { border-top: 1px solid #2b3640; margin-left: -10px; margin-right: -10px; } .tt-footer-1-list-entry { float: left; width: 50%; padding: 15px 10px; } .tt-footer-1-list-entry a { display: block; position: relative; font-size: 14px; line-height: 18px; font-weight: 400; color: #6f8691; letter-spacing: 0.5px; padding-left: 17px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-1-list-entry a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-footer-1-list-entry a:hover { color: #fff; } .tt-footer-1-user { text-align: right; } .tt-footer-1-user img { margin-right: 9px; } @media (min-width: 1400px) { .tt-footer-1-user img { float: right; margin-top: 12px; } } .tt-footer-line { background: #11191f; padding: 31px 0; } .tt-footer-1-copy { font-size: 13px; line-height: 18px; font-weight: 400; color: #dcdcdc; letter-spacing: 0.5px; text-align: left; } .tt-footer-1-author { font-size: 13px; line-height: 18px; font-weight: 400; color: #dcdcdc; letter-spacing: 0.5px; text-align: right; } @media (max-width:767px) { .tt-footer-1-user { text-align: center; } .tt-footer-1-user img { margin-right: 0; } .tt-footer-1-copy { text-align: center; margin-bottom: 15px; } .tt-footer-1-author { text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - FOOTER TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-footer-inner-2 { background: #121212; } .tt-location-2 { position: relative; font-family: 'Raleway'; font-size: 14px; line-height: 22px; font-weight: 400; color: #fff; letter-spacing: 0.5px; border: 1px solid #272727; padding: 22px 22px 22px 85px; background: #0f0f0f; } .tt-location-2 a { color: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-location-2 a:hover { color: #ecab13; } .tt-location-2-icon { display: table-cell; vertical-align: middle; } .tt-location-img-2 { position: absolute; top: 50%; left: 0; width: 51px; height: 51px; background: #ecab13; margin-top: -25.5px; } .tt-location-2-text { display: table-cell; vertical-align: middle; height: 51px; } .tt-location-2-text p { margin-bottom: 0; } .tt-footer-title-2 { font-family: 'Raleway'; font-size: 17px; line-height: 22px; font-weight: 700; color: #fff; letter-spacing: 0.2px; margin-top: 0; } .tt-footer-text-2 { font-family: 'Raleway'; font-size: 14px; line-height: 24px; font-weight: 400; color: #4b4b4b; letter-spacing: 0.5px; } .tt-footer-text-2 p { margin-bottom: 13px; } .tt-footer-text-2 p:last-child { margin-bottom: 0; } .tt-footer-text-2 a { font-family: 'Open Sans'; font-weight: 600; color: rgba(56, 192, 155, 0.3); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-text-2 a:hover { color: #fff; } .tt-footer-devider-2 { height: 1px; background: #1e1e1e; } .tt-footer-social-2 a { display: block; float: left; width: 40px; height: 40px; background: #2b2b2b; font-size: 18px; color: #fbab00; text-align: center; line-height: 40px; -moz-border-radius: 40px; border-radius: 40px; margin-right: 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-social-2 a:hover { background: #4b4b4b; } .tt-footer-social-2 a:last-child { margin-right: 0; } .tt-footer-list-2 { border-top: 1px solid #1e1e1e; margin-left: -10px; margin-right: -10px; } .tt-footer-2-list-entry { float: left; width: 50%; padding: 15px 10px; } .tt-footer-2-list-entry a { display: block; position: relative; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 400; color: #4b4b4b; letter-spacing: 0.5px; padding-left: 17px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-2-list-entry a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-footer-2-list-entry a:hover { color: #fff; } .tt-footer-2-line { background: #0c0c0c; padding: 31px 0; } .tt-footer-2-copy { font-size: 14px; line-height: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.1); letter-spacing: 0.5px; text-align: left; } .tt-footer-2-author { font-size: 14px; line-height: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.1); letter-spacing: 0.5px; text-align: right; } @media (max-width:767px) { .tt-footer-2-copy { text-align: center; margin-bottom: 15px; } .tt-footer-2-author { text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - FOOTER TYPE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-footer-inner-3 { background: #161616; } .tt-footer-title-3 { font-size: 16px; line-height: 22px; font-weight: 700; color: #f6ad0c; letter-spacing: 1.5px; margin-top: 0; } .tt-footer-text-3 { font-family: 'Raleway'; font-size: 14px; line-height: 24px; font-weight: 400; color: #636363; letter-spacing: 0.5px; } .tt-footer-text-3 p { margin-bottom: 13px; } .tt-footer-text-3 p:last-child { margin-bottom: 0; } .tt-footer-text-3 a { color: #fd9c1e; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-text-3 a:hover { color: #fff; } .tt-footer-devider-3 { height: 1px; background: #262728; } .tt-footer-3 .tt-footer-social-3 a { display: block; float: left; width: 40px; height: 40px; background: transparent; font-size: 18px; color: rgba(246, 173, 12, 0.5); text-align: center; line-height: 38px; -moz-border-radius: 40px; border-radius: 40px; border: 1px solid #c89551; margin-right: 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-3 .tt-footer-social-3 a:hover { background: #c89551; color: #fff; } .tt-footer-3 .tt-footer-social-3 a:last-child { margin-right: 0; } .tt-footer-post { font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 500; color: #494949; letter-spacing: 0.3px; border-top: 1px solid #2c2c2e; padding-top: 11px; padding-bottom: 14px; } .tt-footer-post a { display: block; color: #636363; margin-bottom: 6px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-post a:hover { color: #7d5a2e; } .tt-footer-list-3 { border-top: 1px solid #2c2c2e; } .tt-footer-3-list-entry { width: 100%; padding: 15px 10px; } .tt-footer-3-list-entry a { display: block; position: relative; font-size: 14px; line-height: 18px; font-weight: 400; color: #636363; letter-spacing: 0px; padding-left: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-3-list-entry a:before { content: "\f105"; display: inline-block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -6px; } .tt-footer-3-list-entry a:hover { color: #7d5a2e; } .tt-footer-contact { position: relative; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 500; color: #636363; letter-spacing: 0.3px; border-top: 1px solid #2c2c2e; padding: 13px 20px 15px 35px; } .tt-footer-contact .fa { position: absolute; top: 50%; left: 0; font-size: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tt-footer-contact a { color: #636363; } .tt-footer-contact a:hover { color: #7d5a2e; } .tt-footer-3-line { background: #0f0f0f; padding: 31px 0; } .tt-footer-3-copy { font-size: 14px; line-height: 18px; font-weight: 400; color: #3f3f3f; letter-spacing: 0.5px; text-align: left; } .tt-footer-3-author { font-size: 14px; line-height: 18px; font-weight: 400; color: #3f3f3f; letter-spacing: 0.5px; text-align: right; } @media (max-width:767px) { .tt-footer-1-user { text-align: center; } .tt-footer-1-user img { margin-right: 0; } .tt-footer-1-copy { text-align: center; margin-bottom: 15px; } .tt-footer-1-author { text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - FOOTER TYPE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-footer-inner-4 { background: #1d1d1d; } .tt-location-4 { position: relative; font-family: 'Raleway'; font-size: 14px; line-height: 22px; font-weight: 400; color: #797979; letter-spacing: 0.5px; padding: 5px 22px 5px 85px; } .tt-location-4 a { color: #797979; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-location-4 a:hover { color: #fff; } .tt-location-4-icon { display: table-cell; vertical-align: middle; } .tt-location-4-img { position: absolute; top: 50%; left: 0; width: 51px; height: 51px; background: #ecab13; margin-top: -25.5px; } .tt-location-4-text { display: table-cell; vertical-align: middle; height: 51px; } .tt-location-4-text p { margin-bottom: 0; } .tt-footer-4-line { background: #0c0c0c; padding: 18px 30px; } .tt-footer-4-copy { font-size: 14px; line-height: 18px; font-weight: 400; color: #3f3f3f; letter-spacing: 0.5px; text-align: left; } .tt-footer-4-author { font-size: 14px; line-height: 18px; font-weight: 400; color: #3a3a3a; letter-spacing: 0.5px; text-align: right; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - FOOTER TYPE-5 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-footer-5 { background: #19262e; } .tt-footer-5-copy { font-size: 14px; line-height: 24px; font-weight: 400; color: #797979; letter-spacing: 0.5px; text-align: left; } .tt-footer-5-social { float: right; } .tt-footer-5-social a { font-size: 22px; color: #fff; margin-left: 16px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-footer-5-social a:first-child { margin-left: 0; } .tt-footer-5-social a:hover { color: #ff9000; } @media (max-width:767px) { .tt-footer-5-copy { text-align: center; } .tt-footer-5-social { float: none; text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - TT-LOCATION-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-location-3 { position: relative; font-size: 14px; line-height: 22px; font-weight: 400; color: #fff; letter-spacing: 0.5px; border: 1px solid #272727; padding: 22px 22px 22px 85px; background: #27343e; } .tt-location-3 a { color: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-location-3 a:hover { color: #ecab13; } .tt-location-3-icon { display: table-cell; vertical-align: middle; } .tt-location-img-3 { position: absolute; top: 50%; left: -1px; width: 51px; height: 51px; background: #ecab13; margin-top: -25.5px; } .tt-location-3-text { display: table-cell; vertical-align: middle; height: 51px; } .tt-location-3-text p { margin-bottom: 0; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12 - ELEMENTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-block-color-1 { background: #f6f6f7; } .tt-block-color-2 { background: #17232d; } .tt-block-color-3 { background: #242424; } .tt-block-color-4 { background: #ebebeb; } .tt-block-color-5 { background: #f3f3f3; } .tt-block-color-6 { background: #f6ad0c; } .tt-block-color-7 { background: #272828; } .tt-block-color-8 { background: #f4f4f4; } .tt-block-color-9 { background: #41a7ee; } .tt-block-color-10 { background: #d7d7d7; } .tt-block-color-11 { background: #ecab13; } .tt-block-color-12 { background: #272b30; } .tt-block-color-13 { background: #fff; } .tt-block-color-14 { background: #f9f9f9; } /*overlays*/ .tt-overlay { position: relative; } .tt-overlay:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.78); } .tt-overlay.color-2:before { background: rgba(255, 255, 255, 0.85); } .tt-overlay.color-3:before { background: rgba(0, 0, 0, 0.7); } .tt-overlay.color-4:before { background: rgba(0, 0, 0, 0.65); } .tt-overlay.color-5:before { background: rgba(0, 0, 0, 0.3); } .tt-overlay > .container { position: relative; } /*custom hover*/ .custom-hover { display: inline-block; position: relative; overflow: hidden; vertical-align: top; max-width: 100%; } .custom-hover:before { content: ''; display: block; position: absolute; top: 50%; left: 0; right: 0; padding-bottom: 100%; margin-top: -50%; opacity: 0; background: #fbab00; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; z-index: 1; } .custom-hover:hover:before { opacity: 0.7; -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); } .custom-hover:after { content: ''; position: absolute; top: 50%; left: 50%; width: 29px; height: 29px; margin-top: -14.5px; margin-left: -14.5px; background: url(../img/hover_icon.png) no-repeat center center; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s; z-index: 2; } .custom-hover:hover:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*c-btn*/ .c-btn-1 { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 700; color: #000; letter-spacing: 0.3px; border: 1px solid #000; padding: 8.5px 24.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-1:hover { background: #fff; color: #fbab00; } .c-btn-2 { font-family: 'Raleway'; display: inline-block; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: 0.3px; color: #BB0D0F; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-2 .fa { position: relative; left: 0px; font-size: 18px; line-height: 18px; padding-left: 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-2:hover { color: #fff; } .c-btn-2:hover .fa { left: 10px; } .c-btn-3 { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 700; color: #fff; background: #BB0D0F; letter-spacing: 0.5px; padding: 11.5px 21px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-3:hover { background: #8e8f90; color: #fff; } .c-btn-4 { display: inline-block; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 700; color: #fff; letter-spacing: 0.3px; border: 1px solid #fff; padding: 10.5px 41.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-4:hover { background: #fff; color: #fa7e1e; } .c-btn-5 { display: inline-block; font-size: 13px; line-height: 17px; font-weight: 500; color: #fff; letter-spacing: 0.5px; background: #fa7e1e; border: 1px solid #fff; padding: 7.5px 28px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -moz-box-shadow: 0px 5px 0px 0px #de6a10; box-shadow: 0px 5px 0px 0px #de6a10; } .c-btn-5:hover { background: #fff; color: #fa7e1e; } .c-btn-6 { display: block; width: 100%; height: 40px; font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 700; color: #15202a; text-align: center; border: none; -moz-border-radius: 3px; border-radius: 3px; background: #ffbd31; background: -moz-linear-gradient(top, #ffbd31 0%, #fbab00 100%); background: -webkit-linear-gradient(top, #ffbd31 0%, #fbab00 100%); background: -o-linear-gradient(top, #ffbd31 0%, #fbab00 100%); background: linear-gradient(to bottom, #ffbd31 0%, #fbab00 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffbd31', endColorstr='#fbab00', GradientType=0); -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } .c-btn-6:hover { background: #0095da; color: #fff; } .c-btn-7 { display: inline-block; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 700; color: #fff; letter-spacing: 0.5px; background: #fa7e1e; border: none; padding: 11px 28px 9px 28px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-7:hover { background: #fff; color: #fa7e1e; } .c-btn-8 { display: block; width: 100%; height: 40px; font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 700; color: #fff; letter-spacing: 0.3px; text-align: center; border: none; -moz-border-radius: 3px; border-radius: 3px; background: #292929; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } .c-btn-8:hover { background: #0095da; color: #fff; } .c-btn-9 { display: inline-block; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 700; color: #fff; letter-spacing: 0.3px; text-align: center; border: none; background: #38c09b; padding: 11px 27px 9px 27px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-9:hover { background: #ff9000; color: #fff; } .c-btn-10 { display: inline-block; font-family: 'Raleway'; font-size: 15px; line-height: 17px; font-weight: 700; color: #000; letter-spacing: 0.3px; text-align: center; border: none; background: #e8aa01; padding: 11px 27px 9px 27px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-10:hover { background: #ff9000; color: #fff; } .c-btn-11 { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 700; color: #171f2b; letter-spacing: 0.3px; text-align: center; border: 1px solid #c8c8c8; background: transparent; padding: 8px 30px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-11:hover { background: #ff9000; border-color: #ff9000; color: #fff; } .c-btn-11:focus { outline: none; } .c-btn-11.size-2 { padding: 13px 43px; } .c-btn-11.color-2 { color: #000; background: #f4bc16; border-color: #f4bc16; } .c-btn-11.color-2:hover { color: #fff; background: #ff9000; } .c-btn-12 { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 700; color: #fa7e1e; letter-spacing: 0.3px; text-align: center; border: 1px solid #c8c8c8; background: transparent; padding: 8px 30px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-12:hover { background: #ff9000; border-color: #ff9000; color: #fff; } .c-btn-13 { display: inline-block; position: relative; font-size: 15px; line-height: 24px; font-weight: 600; color: #202020; letter-spacing: 0.45px; border: 1px solid #e5e5e5; padding: 12px 40px 12px 70px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-13-icon { position: absolute; top: 0; left: 0; bottom: 0; width: 57px; font-size: 18px; color: #fff; background: #00a3ef; text-align: center; } .c-btn-13-icon .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .c-btn-13:hover { background: #26B5F8; color: #fff; } .c-btn-14 { display: inline-block; font-family: 'Raleway'; font-size: 16px; line-height: 24px; font-weight: 700; color: #575757; letter-spacing: 0.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-14:hover { color: #fa7e1e; } .c-btn-15 { display: inline-block; font-size: 12px; line-height: 16px; font-weight: 700; color: #ff9000; letter-spacing: 0.2px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-15 span { font-size: 13px; margin-left: 5px; } .c-btn-15:hover { color: #202020; } .c-btn-16 { display: inline-block; font-size: 13px; line-height: 17px; font-weight: 600; color: #fff; background: #ff9000; padding: 5.5px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-16:hover { background: #383838; color: #fff; } .c-btn-17 { display: inline-block; font-size: 13px; line-height: 17px; font-weight: 600; color: #fff; background: #383838; padding: 5.5px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-17:hover { background: #fff; color: #383838; } .c-btn-18 { display: inline-block; font-family: 'Roboto Slab'; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; letter-spacing: 0.3px; background: #414141; padding: 12px 40px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-18:hover { background: #ff9000; color: #fff; } .c-btn-19 { display: inline-block; position: relative; background: #ff8c04; } .c-btn-19:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #cc7105; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-19 input, .c-btn-19 a { display: block; position: relative; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; letter-spacing: 0.3px; border: none; background: transparent; padding: 10px 24px 13px 24px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 2; } .c-btn-19 input:focus { outline: none; } .c-btn-19:hover:before { height: 100%; } .c-btn-20 { display: inline-block; position: relative; font-size: 11px; line-height: 17px; font-weight: 600; color: #787878; letter-spacing: 0.3px; background: #ffffff; padding: 6px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-20:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: url(../img/btn_20_top.png) repeat-x; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-20:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url(../img/btn_20_top.png) repeat-x; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-20 span:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 1px; background: url(../img/btn_20_left.png) repeat-y; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-20 span:after { content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: url(../img/btn_20_left.png) repeat-y; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-20 .fa { font-size: 15px; color: #36bbfe; margin-right: 7px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-20:hover { background: #36bbfe; color: #fff; } .c-btn-20:hover .fa { color: #fff; } .c-btn-20:hover:before, .c-btn-20:hover:after, .c-btn-20:hover span:after, .c-btn-20:hover span:before { opacity: 0; } .c-btn-21 { display: inline-block; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 700; color: #fff; letter-spacing: 0.5px; background: #ff4705; border: none; padding: 11px 28px 9px 28px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-21:hover { background: #fff; color: #ff4705; } .c-btn-22 { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 600; color: #fff; letter-spacing: 0.3px; padding: 6px 16px; background: #ff8c04; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; border-bottom: 3px solid #cc7105; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-22:hover { background: #09b1ff; color: #fff; border-color: #4985c3; } .c-btn-22.size-2 { font-size: 14px; font-weight: 700; padding: 10px 17px; min-width: 170px; text-align: center; } .c-btn-22.fa-left .fa { margin-right: 6px; } .c-btn-22.fa-right .fa { margin-left: 6px; } .c-btn-23 { display: block; position: relative; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; letter-spacing: 0.3px; padding: 12px 16px; background: #ff9000; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; border: none; border-bottom: 3px solid #d37a4a; text-align: center; max-width: 100%; vertical-align: middle; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-23:hover { background: #09b1ff; color: #fff; border-color: #4985c3; } .c-btn-23:focus { outline: none; } .c-btn-23.color-2 { background: #09b1ff; border-color: #4b87c5; } .c-btn-23.color-2:hover { background: #ff9000; color: #fff; border-color: #d37a4a; } .c-btn-23.size-2 { display: inline-block; padding: 9px 32px; } .c-btn-23.size-3 { display: inline-block; padding: 7.5px 33px; } .c-btn-23.size-4 { display: inline-block; padding: 9px 59px; } .c-btn-23.size-5 { display: inline-block; padding: 12px 47px; } .c-btn-23 .fa { margin-right: 14px; } .c-btn-24 { display: inline-block; font-size: 13px; line-height: 17px; font-weight: 400; color: #b3b3b3; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-24:hover { color: #202020; } .c-btn-24 .fa { margin-right: 5px; } .c-btn-24.size-2 { font-size: 14px; line-height: 18px; } .c-btn-24.color-2 { color: #1cb0f5; } .c-btn-24.color-2:hover { color: #fa7e1e; } .c-btn-24.type-2 .fa { font-size: 20px; margin-right: 13px; vertical-align: top; } .c-btn-25 { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 400; color: #000; letter-spacing: 0.3px; background: #dfdfdf; border: 1px solid #eee; padding: 6.5px 22.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-25:hover { color: #fff; background: #fbab00; } .c-btn-25:focus { outline: none; } .c-btn-26 { display: inline-block; position: relative; font-size: 16px; line-height: 22px; font-weight: 800; color: #2e2e2e; letter-spacing: 0.3px; padding: 8px 31px; background: #fbab00; overflow: hidden; border: none; border-bottom: 3px solid #cc7105; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-26:hover { background: #09b1ff; color: #fff; border-color: #4985c3; } .c-btn-27 { display: inline-block; font-size: 16px; line-height: 22px; font-weight: 700; color: #000; padding: 16px 137px; text-align: center; background: #ffb100; background: -moz-linear-gradient(top, #ffb100 0%, #ffc72d 99%); background: -webkit-linear-gradient(top, #ffb100 0%, #ffc72d 99%); background: -o-linear-gradient(top, #ffb100 0%, #ffc72d 99%); background: linear-gradient(to bottom, #ffb100 0%, #ffc72d 99%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffb100', endColorstr='#ffc72d', GradientType=0); -moz-border-radius: 5px; border-radius: 5px; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-27:hover { color: #000; opacity: 0.7; } .c-btn-28 { display: block; width: 100%; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; background: #276a98; border: 0; padding: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn-28:hover { background: #ff9000; } .c-btn-28:focus { outline: none; } /*simple text*/ .simple-text { font-size: 18px; line-height: 26px; font-weight: 400; color: #303030; letter-spacing: 0.4px; word-break: break-word; } .simple-text h1, .c-h1 { font-size: 26px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.7px; margin-top: 0; } .simple-text h2.big, .c-h2.big { font-size: 25px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.7px; margin-top: 0; } .simple-text h2, .c-h2 { font-size: 24px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.7px; margin-top: 0; } .simple-text h3, .c-h3 { font-size: 26px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.3px; margin-top: 0; } .simple-text h4, .c-h4 { font-size: 20px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.3px; margin-top: 0; } .simple-text h5, .c-h5 { font-size: 18px; line-height: 24px; font-weight: 700; color: #202020; letter-spacing: 0.5px; margin-top: 0; } .simple-text h6, .c-h6 { font-size: 16px; line-height: 24px; font-weight: 700; color: #202020; letter-spacing: 0.3px; margin-top: 0; } .simple-text h6.small, .c-h6.small { font-size: 13px; line-height: 15px; font-weight: 700; letter-spacing: 0.3px; margin-top: 0; } .simple-text p { margin-bottom: 25px; } .simple-text p:last-child { margin-bottom: 0; } .simple-text h1, .simple-text h2, .simple-text h3, .simple-text h4, .simple-text h5, .simple-text h6 { margin-bottom: 20px; } .c-h1 strong, .c-h2 strong, .c-h3 strong, .c-h4 strong, .c-h5 strong, .c-h6 strong { font-weight: 700; } /*list*/ .simple-text ul { list-style: none; margin-bottom: 25px; padding-left: 0; } .simple-text ul li { position: relative; font-size: 16px; line-height: 26px; font-weight: 400; color: #303030; padding-left: 20px; margin-bottom: 0; } .simple-text ul li:before { content: '\f105'; display: block; position: absolute; top: 7px; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .simple-text ul li:last-child { margin-bottom: 0; } .simple-text ul:last-child { margin-bottom: 0; } .simple-text ul.color-2 li { color: #ff8c04; } .simple-text img { max-width: 100%; margin-bottom: 25px; } .simple-text img[align="left"] { margin-right: 30px; } .simple-text img[align="right"] { margin-left: 30px; } .simple-text .row { margin-bottom: 25px; } .simple-text blockquote { position: relative; font-size: 14px; line-height: 26px; font-weight: 400; color: #fff; letter-spacing: 0.3px; background: #ff9000; padding: 33px 55px 33px 104px; margin-bottom: 25px; border-left: 0; } .simple-text blockquote:before { content: "\f10d"; display: inline-block; position: absolute; top: 38px; left: 32px; font: normal normal normal 14px/1 FontAwesome; font-size: 55px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .simple-text blockquote p { margin-bottom: 0; } .simple-text blockquote footer { font-size: 14px; line-height: 26px; font-weight: 400; color: #fff; letter-spacing: 0.3px; text-align: right; } .simple-text blockquote footer:before { content: '-'; } .simple-text blockquote cite { font-style: normal; } /*colors*/ .simple-text.color-2, .simple-text.color-2 li { color: #73787e; } .simple-text.color-3, .simple-text.color-3 li { color: #191c20; } .simple-text.color-4, .simple-text.color-4 li { color: #303030; } .simple-text.color-5, .simple-text.color-5 li { color: #969595; } .simple-text.color-6, .simple-text.color-6 li { color: #a8a8a8; } .simple-text.color-7, .simple-text.color-7 li { color: #555; } .simple-text.color-8, .simple-text.color-8 li { color: #7a633c; } .simple-text.color-9, .simple-text.color-9 li { color: #5c5c5c; } .simple-text.color-10, .simple-text.color-10 li { color: #7c7c7c; } .simple-text.color-11, .simple-text.color-11 li { color: #818181; } .simple-text.color-12, .simple-text.color-12 li { color: #000; } /*fonts*/ .simple-text.font-2 { font-family: 'Raleway'; font-weight: 500; } .simple-text.font-3 { font-family: 'Raleway'; font-weight: 400; } .simple-text.font-4 { font-weight: 300; } .simple-text.size-2 { font-size: 15px; line-height: 24px; } .simple-text.size-3 { font-size: 16px; line-height: 28px; } .simple-text.size-4 { line-height: 22px; } .simple-text.size-5 { font-size: 13px; line-height: 22px; } .simple-text.size-6 { font-size: 18px; line-height: 31px; letter-spacing: 0; } .simple-text.size-7 { font-size: 18px; line-height: 26px; } .simple-text.size-8 { font-size: 20px; line-height: 34px; } .simple-text strong { font-weight: 700; color: #2a2a2a; } .simple-text i { font-style: italic; } .simple-text .fa { font-style: normal; } .simple-text a { color: #ff8c04; text-decoration: underline; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .simple-text a:hover { text-decoration: none; } .block-title-1 { position: relative; font-size: 34px; line-height: 32px; font-weight: 700; color: #202020; letter-spacing: 0.9px; padding-bottom: 13px; } .block-title-1:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #BB0D0F; } .color-yellow { color: #fbab00!important; } .color-orange { color: #ff9000!important; } .color-white { color: #303030!important; } .color-dark { color: #333!important; } /*block-title-2*/ .block-title-2 { font-family: 'Roboto Slab'; position: relative; font-size: 24px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.6px; padding-bottom: 18px; margin-top: 0; } .block-title-2:before { content: ''; display: block; position: absolute; bottom: 0; left: 59px; width: 3px; height: 1px; background: #12aef8; } .block-title-2:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 55px; height: 1px; background: #12aef8; } .block-title-2 span:before { content: ''; display: block; position: absolute; bottom: 0; left: 66px; right: 0; height: 1px; background: #e2e2e2; } /*block-title-3*/ .block-title-3 { font-family: 'Roboto Slab'; position: relative; font-size: 26px; line-height: 26px; font-weight: 700; color: #fff; letter-spacing: 0.6px; padding-bottom: 16px; margin-top: 0; } .block-title-3 span:before { content: ''; display: block; position: absolute; bottom: 0; left: 0px; right: 0; height: 1px; background: #323a43; } .block-title-3 .tt-checkbox-form[type=checkbox] { position: relative; top: -1px; margin-top: 0; } /*block-title-3 color-2*/ .block-title-3.color-2 { color: #202020; } .block-title-3.color-2 span:before { background: #e5e5e5; } .block-title-3.size-2 { font-size: 16px; line-height: 24px; } .block-title-3.size-3 { font-size: 20px; line-height: 24px; letter-spacing: 0.4px; } .block-title-3.type-2 { text-align: center; } .block-title-3.type-2:before { left: 50%; margin-left: -34px; z-index: 2; } .block-title-3.type-2:after { left: 50%; margin-left: -27.5px; } .block-title-3.type-2 span:before { width: 3px; height: 1px; background: #12aef8; left: auto; right: 50%; margin-right: -34px; } /*block-title-4*/ .block-title-4 { overflow: hidden; } .block-title-4-label { font-family: 'Raleway'; font-size: 25px; line-height: 26px; font-weight: 700; color: #333; letter-spacing: 0.3px; margin-top: 0; } .block-title-4-text { display: inline-block; position: relative; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 600; color: #ff9000; letter-spacing: 0.3px; } .block-title-4-text:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; width: 2000px; height: 1px; background: #434a49; margin-left: 15px; } /*block-title-4 color-2*/ .block-title-4.color-2 .block-title-4-label { color: #fff; } .block-title-4-text.color-2:after { background: #434a49; } /*block-title-5*/ .block-title-5 { position: relative; font-family: 'Raleway'; font-size: 25px; line-height: 26px; font-weight: 700; color: #fff; letter-spacing: 0.6px; padding-bottom: 17px; margin-top: 0; } .block-title-5:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(223, 223, 223, 0.2); } /*block-title-6*/ .block-title-6 { position: relative; font-family: 'Raleway'; font-size: 24px; line-height: 28px; font-weight: 700; color: #000; letter-spacing: 0.6px; padding-bottom: 17px; margin-top: 0; } .block-title-6:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #e8aa01; } /*block-title-7*/ .block-title-7 { position: relative; font-family: 'Raleway'; font-size: 20px; line-height: 24px; font-weight: 600; color: #fff; letter-spacing: 0.6px; padding-bottom: 17px; margin-top: 0; } .block-title-7:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #e8aa01; } /*block-title-7 color-2*/ .block-title-7.color-2 { color: #313131; } /*block-title-8*/ .block-title-8 { position: relative; font-family: 'Roboto Slab'; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; letter-spacing: 0.5px; padding-bottom: 15px; padding-left: 53px; margin-top: 0; } .block-title-8:before { content: ''; display: block; position: absolute; bottom: 0; left: 53px; width: 36px; height: 1px; background: #fd9411; } .block-title-8 .fa { position: absolute; top: 0; left: 0; font-size: 36px; color: #ecab13; } /*block-title-9*/ .block-title-9-label { font-family: 'Roboto Slab'; font-size: 41px; line-height: 36px; font-weight: 700; color: rgba(255, 255, 255, 0.45); letter-spacing: 0.7px; text-align: right; border-right: 5px solid #fa7e1e; padding-right: 30px; margin-top: 0; } /*block-title-10*/ .block-title-10 { position: relative; font-family: 'Roboto Slab'; font-size: 24px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.5px; padding-bottom: 17px; margin-top: 0; } .block-title-10:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 55px; height: 1px; background: #12aef8; } /*block-title-11*/ .block-title-11 { font-family: 'Roboto Slab'; font-size: 22px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.3px; background: #f8f8f8; border-left: 1px solid #31b9f8; padding: 36px 30px; } .block-title-12 { background: #00a3ef; padding: 22px 25px; } .block-title-12-label { font-family: 'Roboto Slab'; font-size: 22px; line-height: 24px; font-weight: 700; color: #fff; letter-spacing: 0.5px; margin-top: 0; } .block-title-12-text { font-family: 'Roboto Slab'; font-size: 18px; line-height: 22px; font-weight: 400; color: #fff; letter-spacing: 0.3px; } /*custom-list type-1*/ .tt-custom-list { list-style: none; padding-left: 0; } .tt-custom-list.type-1 li { position: relative; font-size: 16px; line-height: 24px; font-weight: 400; color: #202020; letter-spacing: 0.5px; padding-left: 40px; margin-bottom: 24px; } .tt-custom-list.type-1 li:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 27px; height: 27px; background: url(../img/list_2.png) no-repeat center center; } /*custom-list type-2*/ .tt-custom-list.type-2 li { position: relative; font-size: 14px; line-height: 26px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.4px; border-top: 1px solid #efefef; padding: 12px 5px 11px 22px; } .tt-custom-list.type-2 li:before { content: '\f178'; display: block; position: absolute; top: 50%; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; color: #31aae2; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -5px; } .tt-custom-list.type-2 li:last-child { border-bottom: 1px solid #efefef; } /*custom-list type-3*/ .tt-custom-list.type-3 li { position: relative; font-size: 14px; line-height: 26px; font-weight: 400; color: #333; padding-left: 30px; margin-bottom: 14px; } .tt-custom-list.type-3 li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 14px; height: 13px; background: url(../img/list.png) no-repeat center center; } .tt-custom-list.type-3 li:last-child { margin-bottom: 0; } /*custom-list type-4*/ .tt-custom-list.type-4 { list-style: none; margin-bottom: 25px; } .tt-custom-list.type-4 li { position: relative; font-size: 14px; line-height: 26px; font-weight: 400; color: #7b7b7b; letter-spacing: 0.3px; padding-left: 25px; margin-bottom: 10px; } .tt-custom-list.type-4 li:before { content: '\f178'; display: block; position: absolute; top: 7px; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tt-custom-list.type-4 li:last-child { margin-bottom: 0; } .tt-custom-list.type-4 ul:last-child { margin-bottom: 0; } /*custom-list type-4 color-2*/ .tt-custom-list.type-4.color-2 li { color: #202020; } .tt-custom-list.type-4.color-2 li:before { color: #5aa7de; } /*custom-list type-5*/ .tt-custom-list li.type-5 { position: relative; font-size: 16px; line-height: 24px; font-weight: bold; color: #303030; letter-spacing: 0.5px; padding-left: 40px; margin-bottom: 24px; } .tt-custom-list li.type-5:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 27px; height: 27px; background: url(../img/list_3.png) no-repeat center center; } /*custom-list type-6*/ .tt-custom-list li.type-6 { position: relative; font-size: 14px; line-height: 22px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.5px; padding-left: 20px; margin-bottom: 4px; } .tt-custom-list li.type-6:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -3px; width: 7px; height: 7px; background: #8d8d8d; -moz-border-radius: 7px; border-radius: 7px; } .tt-custom-list li.type-6:last-child { margin-bottom: 0; } /*custom input-1*/ .c-input-1 { width: 100%; height: 40px; font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; border: 1px solid #fff; -moz-border-radius: 3px; border-radius: 3px; padding: 0 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input-1::-webkit-input-placeholder { font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-1:-moz-placeholder { font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-1::-moz-placeholder { font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-1:-ms-input-placeholder { font-family: 'Raleway'; font-size: 14px; line-height: 40px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-1:active, .c-input-1:focus { outline: none; border: 1px solid #0095da; } /*custom input-2*/ .c-input-2 { width: 100%; height: 45px; font-size: 14px; line-height: 43px; font-weight: 400; color: #787879; letter-spacing: 0.3px; border: none; padding: 0 20px; border: 1px solid #238dbe; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input-2::-webkit-input-placeholder { font-size: 14px; line-height: 43px; font-weight: 400; color: #787879; letter-spacing: 0.3px; opacity: 1; } .c-input-2:-moz-placeholder { font-size: 14px; line-height: 43px; font-weight: 400; color: #787879; letter-spacing: 0.3px; opacity: 1; } .c-input-2::-moz-placeholder { font-size: 14px; line-height: 43px; font-weight: 400; color: #787879; letter-spacing: 0.3px; opacity: 1; } .c-input-2:-ms-input-placeholder { font-size: 14px; line-height: 45px; font-weight: 400; color: #787879; letter-spacing: 0.3px; opacity: 1; } .c-input-2:focus { outline: none; border: 1px solid #fa7e1e; } /*custom input-2 color-2*/ .c-input-2.color-2 { color: #c4c4c4; border-color: #eee; background: #fcfcfc; } .c-input-2.color-2::-webkit-input-placeholder { color: #c4c4c4; } .c-input-2.color-2:-moz-placeholder { color: #c4c4c4; } .c-input-2.color-2::-moz-placeholder { color: #c4c4c4; } .c-input-2.color-2:-ms-input-placeholder { color: #c4c4c4; } .c-input-2.color-2:focus { border: 1px solid #ff8c04; } /*custom input-2 color-3*/ .c-input-2.color-3 { color: #8d8d8d; border-color: #fff; background: #fff; } .c-input-2.color-3::-webkit-input-placeholder { color: #8d8d8d; } .c-input-2.color-3:-moz-placeholder { color: #8d8d8d; } .c-input-2.color-3::-moz-placeholder { color: #8d8d8d; } .c-input-2.color-3:-ms-input-placeholder { color: #8d8d8d; } .c-input-2.color-3:focus { border: 1px solid #ff8c04; } /*custom input-2 color-4*/ .c-input-2.color-4 { color: #bab9b9; border-color: #e2e2e2; background: #fff; } .c-input-2.color-4::-webkit-input-placeholder { color: #bab9b9; } .c-input-2.color-4:-moz-placeholder { color: #bab9b9; } .c-input-2.color-4::-moz-placeholder { color: #bab9b9; } .c-input-2.color-4:-ms-input-placeholder { color: #bab9b9; } .c-input-2.color-4:focus { border: 1px solid #ff8c04; } /*custom input-2 color-5*/ .c-input-2.color-4 { color: #8d8d8d; border-color: #8d8d8d; background: #fdfdfe; } .c-input-2.color-4::-webkit-input-placeholder { color: #8d8d8d; } .c-input-2.color-4:-moz-placeholder { color: #8d8d8d; } .c-input-2.color-4::-moz-placeholder { color: #8d8d8d; } .c-input-2.color-4:-ms-input-placeholder { color: #8d8d8d; } .c-input-2.color-4:focus { border: 1px solid #ff8c04; } /*custom input-2 size-2*/ .c-input-2.size-2 { height: 48px; line-height: 46px; } /*custom input-3*/ .c-input-3 { display: inline-block; width: 60px; height: 49px; font-size: 20px; line-height: 29px; font-weight: 400; color: #333; letter-spacing: 0.3px; border: 1px solid #dedede; padding: 0 24px 0 5px; vertical-align: middle; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input-3:focus { outline: none; border: 1px solid #fa7e1e; } .number-picker { display: inline-block; position: relative; } .number-picker .c-number-up { position: absolute; top: 0; right: 0; bottom: 50%; width: 19px; background: #333; color: #fff; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .number-picker .c-number-up:hover { background: #dedede; color: #333; } .number-picker .c-number-up .fa { position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; } .number-picker .c-number-down { position: absolute; bottom: 0; right: 0; top: 50%; width: 19px; background: #333; color: #fff; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .number-picker .c-number-down:hover { background: #dedede; color: #333; } .number-picker .c-number-down .fa { position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; } /*custom input-4*/ .c-input-4 { display: inline-block; width: 130px; height: 33px; font-size: 14px; line-height: 31px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; border: 1px solid #eee; padding: 0 5px; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input-4::-webkit-input-placeholder { font-size: 14px; line-height: 31px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-4:-moz-placeholder { font-size: 14px; line-height: 31px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-4::-moz-placeholder { font-size: 14px; line-height: 31px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-4:-ms-input-placeholder { font-size: 14px; line-height: 31px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; opacity: 1; } .c-input-4:focus { outline: none; border: 1px solid #fa7e1e; } /*custom input-5*/ .c-input-5 { display: block; width: 100%; height: 38px; font-size: 14px; line-height: 36px; font-weight: 400; color: #c6c6c6; letter-spacing: 0.3px; border: 1px solid #e2e2e2; padding: 0 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input-5::-webkit-input-placeholder { font-size: 14px; line-height: 36px; font-weight: 400; color: #c6c6c6; letter-spacing: 0.3px; opacity: 1; } .c-input-5:-moz-placeholder { font-size: 14px; line-height: 36px; font-weight: 400; color: #c6c6c6; letter-spacing: 0.3px; opacity: 1; } .c-input-5::-moz-placeholder { font-size: 14px; line-height: 36px; font-weight: 400; color: #c6c6c6; letter-spacing: 0.3px; opacity: 1; } .c-input-5:-ms-input-placeholder { font-size: 14px; line-height: 36px; font-weight: 400; color: #c6c6c6; letter-spacing: 0.3px; opacity: 1; } .c-input-5:focus { outline: none; border: 1px solid #fa7e1e; } /*custom input-6*/ .c-input-6 { display: block; width: 100%; height: 52px; font-size: 16px; line-height: 50px; font-weight: 300; color: #797979; background: #000; letter-spacing: 0.3px; border: 1px solid #3d3d3d; padding: 0 100px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input-6::-webkit-input-placeholder { font-size: 16px; line-height: 50px; font-weight: 400; color: #797979; letter-spacing: 0.3px; opacity: 1; } .c-input-6:-moz-placeholder { font-size: 16px; line-height: 50px; font-weight: 400; color: #797979; letter-spacing: 0.3px; opacity: 1; } .c-input-6::-moz-placeholder { font-size: 16px; line-height: 50px; font-weight: 400; color: #797979; letter-spacing: 0.3px; opacity: 1; } .c-input-6:-ms-input-placeholder { font-size: 16px; line-height: 50px; font-weight: 400; color: #797979; letter-spacing: 0.3px; opacity: 1; } .c-input-6:focus { outline: none; border: 1px solid #fa7e1e; } /*custom textarea*/ .c-area-1 { display: block; width: 100%; height: 173px; font-size: 14px; line-height: 22px; font-weight: 400; color: #c4c4c4; letter-spacing: 0.3px; border: none; padding: 0 20px; border: 1px solid #eee; background: #fcfcfc; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-area-1:focus { outline: none; border: 1px solid #ff8c04; } .c-area-2 { display: block; width: 100%; height: 103px; font-family: 'Raleway'; font-size: 14px; line-height: 26px; font-weight: 400; color: #c6c6c6; letter-spacing: 0.3px; border: none; padding: 18px 20px; border: 1px solid #e2e2e2; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-area-2:focus { outline: none; border: 1px solid #ff8c04; } .c-area-3 { display: block; width: 100%; height: 195px; font-size: 14px; line-height: 22px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.3px; padding: 10px 20px; border: 1px solid #e2e2e2; background: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-area-3:focus { outline: none; border: 1px solid #ff8c04; } .c-area-3.size-2 { height: 218px; } .c-area-3.size-3 { height: 205px; } .c-area-3.color-2 { background: #fdfdfe; border-color: #8d8d8d; color: #8d8d8d; } .c-area-3.color-2:focus { border: 1px solid #ff8c04; } /*custom select 1*/ .c-select-1 { position: relative; width: 96px; } .c-select-1 select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; border: 1px solid #eee; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-select-1 select::-ms-expand { display: none; } .c-select-1 select:focus { outline: none; } .c-select-1 .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #fff; color: #bdbdbd; width: 37px; height: 40px; line-height: 40px; border-left: 1px solid #eee; pointer-events: none; } /*custom select 2*/ .c-select-2 { position: relative; width: 100%; } .c-select-2 select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; height: 38px; font-size: 14px; line-height: 36px; padding: 0px 11px; border: 1px solid #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-select-2 select::-ms-expand { display: none; } .c-select-2 select:focus { outline: none; } .c-select-2 .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #fff; color: #4e4e4e; width: 37px; height: 36px; line-height: 36px; pointer-events: none; } /*custom select 3*/ .c-select-3 { position: relative; width: 100%; } .c-select-3 select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: #fff; height: 49px; font-size: 14px; line-height: 47px; padding: 0px 11px; border: 1px solid #e9e9e9; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-select-3 select::-ms-expand { display: none; } .c-select-3 select:focus { outline: none; } .c-select-3 .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #fff; font-size: 24px; color: #a4a4a4; width: 48px; height: 34px; line-height: 34px; margin-top: 7px; pointer-events: none; border-left: 1px solid #dcdcdc; } .input-label { font-size: 14px; line-height: 26px; font-weight: 400; color: #000; letter-spacing: 0.3px; } .input-label span { color: #fe5454; } .input-label.color-2 span { color: #8e8d8d; } /*tt-checkbox*/ .tt-checkbox-entry { display: inline-block; cursor: pointer; } .tt-checkbox-form[type=checkbox] { position: relative; top: 2px; margin-right: 12px; } .tt-checkbox-form[type=checkbox]:focus { outline: none; } .tt-checkbox-text { font-size: 14px; line-height: 26px; font-weight: 400; color: #000; letter-spacing: 0.3px; } /*tt-checkbox color-2*/ .tt-checkbox-entry.color-2 .tt-checkbox-text { color: #a7a7a7; } /*tt-checkbox size-2*/ .tt-checkbox-entry.size-2 .tt-checkbox-text { font-size: 13px; line-height: 22px; } .tt-checkbox-entry.size-2 .tt-checkbox-form[type=checkbox] { margin-right: 5px; } /*checkbox*/ .checkbox-entry-2 .checkbox-2-form { display: none; } .checkbox-entry-2 { display: block; position: relative; } .checkbox-entry-2 .checkbox-2-form + span.sp-2-check { position: absolute; top: 0; left: 0; display: inline-block; width: 25px; height: 25px; margin: 0px 3px 0 0; border: 1px solid #e2e2e2; vertical-align: middle; cursor: pointer; } .checkbox-entry-2 .checkbox-2-form + span.sp-2-check i { display: none; position: absolute; top: 50%; left: 50%; margin-top: -7.5px; margin-left: -7.5px; font-size: 15px; color: #005aed; } .checkbox-entry-2 .checkbox-2-form:checked + span.sp-2-check i { display: block; } .checkbox-entry-2 .checkbox-2-text { font-size: 14px; line-height: 26px; font-weight: 400; color: #8d8d8d; cursor: pointer; padding-left: 35px; } .checkbox-entry-2 .checkbox-2-text:hover { color: #202020; } /*tt-radio*/ .tt-radio-entry { display: block; } .tt-radio-form[type=radio] { position: relative; top: 2px; margin-right: 12px; } .tt-radio-form[type=radio]:focus { outline: none; } .tt-radio-text { font-size: 14px; line-height: 26px; font-weight: 400; color: #000; letter-spacing: 0.3px; } @media (max-width:991px) { .simple-text blockquote { padding-left: 85px; } .simple-text blockquote:before { font-size: 35px; left: 25px; } } @media (max-width:767px) { .simple-text blockquote { padding: 15px 15px 15px 55px; } .simple-text blockquote:before { font-size: 25px; top: 15px; left: 15px; } .simple-text img[align="left"] { float: none; } .c-btn-27 { padding-left: 15px; padding-right: 15px; width: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - TT-MAIN-SLIDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-main-slide { -moz-background-size: cover; background-size: cover; } .tt-main-slide-table { position: relative; display: table; width: 100%; height: 625px; } .tt-main-slide-cell { display: table-cell; vertical-align: middle; } .tt-main-slide-info { border: 10px solid rgba(255, 255, 255, 0.4); } .tt-main-slide-content { border-top: 4px solid #BB0D0F; background: #0c1e2e; padding: 35px 32px 45px 32px; } .tt-main-slide-title { font-family: 'Raleway'; font-size: 32px; line-height: 32px; font-weight: 700; color: #fff; letter-spacing: 0.6px; margin-top: 0; } .tt-main-slide-title span { font-weight: 300; letter-spacing: 0.8px; } .tt-main-slide-category { font-family: 'Raleway'; font-size: 16px; line-height: 24px; font-weight: 700; color: #fbab00; letter-spacing: 8px; } .tt-main-slide-text { font-size: 18px; line-height: 24px; font-weight: 400; color: #fff; font-style: italic; letter-spacing: 0.5px; } .tt-main-slider .pagination { display: none; } .tt-main-slider .swiper-slide { overflow: hidden; } .tt-main-slide-img { position: absolute; bottom: 0; left: 0; max-height: 100%; } .tt-main-slide-img.right { left: auto; right: 0px; } @media (max-width:991px) { .tt-main-slide-img { max-width: 50%; } .tt-main-slide-table { height: 500px; } } @media (max-width:767px) { .tt-main-slide-info { position: relative; z-index: 1; } .tt-main-slide-table { height: 480px; } .tt-main-slide-title { font-size: 28px; line-height: 28px; } .tt-main-slide-category { letter-spacing: 2px; } .c-input-6 { padding-left: 15px; padding-right: 15px; text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14 - TT-MAIN-SLIDER TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-main-slider.type-2 .tt-main-slide-inner { position: relative; height: 670px; } .tt-main-slider.type-2 .tt-main-2-slide-info { float: right; font-size: 0; } .tt-main-slider.type-2 .tt-main-2-slide-title { font-family: 'Roboto Slab'; font-size: 40px; line-height: 41px; font-weight: 700; color: #191c20; letter-spacing: 0.9px; text-align: right; border-right: 5px solid #ff8400; padding-right: 18px; margin-top: 0; } .tt-main-slider.type-2 .tt-main-2-slide-title span { font-size: 36px; font-weight: 300; letter-spacing: 1.5px; } .tt-main-slider.type-2 .tt-main-2-slide-label { display: inline-block; vertical-align: top; } .tt-main-slider.type-2 .tt-main-2-slide-text { display: inline-block; vertical-align: top; max-width: 400px; margin-left: 31px; } @media (max-width:991px) { .tt-main-slider.type-2 .tt-main-slide-inner { height: 500px; } .tt-main-slider.type-2 .tt-main-slide-img { max-width: 100%; } } @media (max-width:767px) { .tt-main-slider.type-2 .tt-main-2-slide-label { display: block; } .tt-main-slider.type-2 .tt-main-2-slide-text { text-align: right; } .tt-main-slider.type-2 .tt-main-slide-inner { height: 480px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 15 - TT-MAIN-SLIDER TYPE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-main-slider.type-3 .tt-main-slide-table { height: 715px; } .tt-main-slider.type-3 .tt-main-slide { position: relative; } .tt-main-slider.type-3 .tt-main-slide:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .tt-main-slide-title-3 { font-family: 'Raleway'; font-size: 45px; line-height: 45px; font-weight: 800; letter-spacing: 1.3px; color: #fff; margin-top: 0; } @media (max-width:991px) { .tt-main-slider.type-3 .tt-main-slide-table { height: 550px; } .tt-main-slide-title-3 { font-size: 35px; line-height: 35px; } } @media (max-width:767px) { .tt-main-slider.type-3 .tt-main-slide-table { height: 480px; } .tt-main-slide-title-3 { font-size: 30px; line-height: 30px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - TT-MAIN-SLIDER TYPE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-main-slider.type-4 .tt-main-slide { overflow: hidden; } .tt-main-slider.type-4 .tt-main-slide:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); } .tt-main-slide-inner-4 { position: relative; height: 100vh; z-index: 1; } .tt-main-slide-info-4 { position: absolute; bottom: 15%; margin-left: 25%; width: 75%; padding: 29px 30px 30px 54px; } .tt-main-slide-info-4:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 5000px; background: rgba(0, 0, 0, 0.7); } .tt-main-slide-info-4 .tt-main-slide-category { position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: rgba(255, 255, 255, 0.4); letter-spacing: 15.3px; z-index: 1; } .tt-main-slide-info-4 .tt-main-slide-title { position: relative; font-size: 65px; line-height: 50px; font-weight: 800; color: #ffa200; } .tt-main-slide-info-4 .tt-main-slide-title span { font-weight: 100; color: #38c09b; } .tt-main-slide-info-4 .simple-text { position: relative; z-index: 1; } .tt-main-slide-inner-4.left .tt-main-slide-info-4 { margin-left: 0; margin-right: 25%; } .tt-main-slide-inner-4.left .tt-main-slide-info-4:before { left: auto; right: 0; } @media (max-width:1199px) { .tt-main-slide-info-4 .tt-main-slide-category { letter-spacing: 10px; } .tt-main-slide-info-4 .tt-main-slide-title { font-size: 55px; line-height: 50px; } } @media (max-width:991px) { .tt-main-slide-inner-4 { height: 720px; } .tt-main-slide-info-4 .tt-main-slide-category { letter-spacing: 5px; } .tt-main-slide-info-4 .tt-main-slide-title { font-size: 42px; line-height: 45px; } } @media (max-width:767px) { .tt-main-slide-inner-4 { height: 480px; } .tt-main-slide-info-4 { bottom: 0; left: 0; right: 0; margin-left: -15px; width: 100%; padding: 15px 15px 15px 15px; } .tt-main-slide-info-4 .tt-main-slide-category { letter-spacing: 3px; } .tt-main-slide-info-4 .tt-main-slide-title { font-size: 33px; line-height: 36px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 17 - TT-MAIN-SLIDER TYPE-5 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-main-slide-5 { position: relative; height: 896px; -moz-background-size: cover; background-size: cover; } .tt-main-slide-5:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 96px; background: #fff; } .tt-main-slide-inner-5 { position: absolute; top: 80px; left: 140px; width: 589px; border-left: 1px solid rgba(213, 212, 205, 0.5); border-right: 1px solid rgba(213, 212, 205, 0.5); padding-left: 47px; padding-right: 40px; z-index: 2; } .tt-main-slide-inner-5:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 38px; height: 1px; background: rgba(213, 212, 205, 0.5); } .tt-main-slide-inner-5:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 38px; height: 1px; background: rgba(213, 212, 205, 0.5); } .tt-main-slide-info-5:before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 38px; height: 1px; background: rgba(213, 212, 205, 0.5); } .tt-main-slide-info-5:after { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 38px; height: 1px; background: rgba(213, 212, 205, 0.5); } .tt-main-slide-category-5 { font-family: 'Roboto Slab'; font-size: 30px; line-height: 30px; font-weight: 700; color: #fff; letter-spacing: 0.3px; } .tt-main-slide-title-5 { font-family: 'Roboto Slab'; font-size: 45px; line-height: 45px; font-weight: 700; color: #fff; letter-spacing: 1.2px; margin-top: 0; } .tt-main-slide-title-5 span { font-weight: 100; letter-spacing: 0.5px; } .tt-main-slide-img-5 { position: absolute; bottom: 0; right: 0; } @media (max-width:1199px) { .tt-main-slide-inner-5 { padding-left: 30px; padding-right: 30px; } .tt-main-slide-img-5 { max-height: 60%; } .tt-main-slide-5:before { height: 64px; } } @media (max-width:991px) { .tt-main-slide-5 { height: 720px; } .tt-main-slide-category-5 { font-size: 25px; line-height: 25px; } .tt-main-slide-title-5 { font-size: 38px; line-height: 38px; } .tt-main-slide-inner-5 { left: 80px; } } @media (max-width:767px) { .tt-main-slide-5 { height: 480px; } .tt-main-slide-5:before { display: none; } .tt-main-slide-inner-5 { top: 50%; left: 30px; right: 30px; width: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } .tt-main-slide-img-5 { display: none; } } @media (max-width:480px) { .tt-main-slide-inner-5 { left: 15px; right: 15px; padding: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 18 - TT-STRIP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-strip { position: relative; background: #fbab00; padding: 28px 50px 28px 35px; } .tt-strip-title { font-family: 'Roboto Slab'; font-size: 26px; line-height: 26px; font-weight: 300; color: #fff; margin-top: 0; } .tt-strip-links { text-align: right; } .tt-strip-links a { margin-right: 10px; } .tt-strip-links a:last-child { margin-right: 0; } .tt-strip-label { position: absolute; top: -58px; left: 0; display: inline-block; font-family: 'Roboto Slab'; font-size: 32px; line-height: 32px; font-weight: 700; color: #fff; letter-spacing: 2px; background: #191c20; padding: 13px 18px 13px 42px; z-index: 2; } .tt-strip-label:after { content: ''; display: block; position: absolute; top: 0; right: -58px; width: 0; height: 0; border-style: solid; border-width: 58px 0 0 58px; border-color: transparent transparent transparent #191c20; } .tt-strip-label span { font-weight: 300; color: #ff913c; } @media (max-width:991px) { .tt-strip-label { top: -53px; font-size: 27px; line-height: 27px; } .tt-strip-label:after { right: -53px; border-width: 53px 0 0 53px; } .tt-strip-title { text-align: center; margin-bottom: 30px; } .tt-strip-links { text-align: center; } } @media (max-width:767px) { .tt-strip-label { top: -49px; font-size: 23px; line-height: 23px; width: 100%; padding-left: 15px; padding-right: 15px; text-align: center; } .tt-strip-label:after { display: none; } .tt-strip { padding-left: 15px; padding-right: 15px; } .tt-strip-links a { margin-bottom: 20px; } .tt-strip-links a:last-child { margin-bottom: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 19 - TT-WELCOME TYPE-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-welcome-label { font-family: 'Roboto Slab'; font-weight: 700; color: #b4b4b4; } .tt-welcome.type-1 .tt-welcome-entry { position: relative; background: #f4f4f4; border-top: 2px solid #fbab00; padding-left: 47px; padding-right: 260px; } .tt-welcome.type-1 .tt-welcome-user { position: absolute; bottom: 0; right: 15px; } @media (max-width:600px) { .tt-welcome.type-1 .tt-welcome-entry { padding-left: 15px; padding-right: 15px; } .tt-welcome.type-1 .tt-welcome-user { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 20 - TT-WELCOME TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-welcome.type-2 .tt-welcome-img { position: relative; } .tt-welcome.type-2 .tt-welcome-user { position: absolute; right: 0; bottom: 0; } @media (max-width:991px) { .tt-welcome.type-2 { max-width: 470px; margin-left: auto; margin-right: auto; } .tt-welcome.type-2 .tt-welcome-user { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 21 - TT-WELCOME TYPE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-welcome.type-4 .tt-welcome-img { position: relative; } .tt-welcome.type-4 .tt-welcome-img:before { content: ''; display: block; position: absolute; bottom: 38%; left: 0; width: 100%; height: 25px; background: #fff; z-index: 2; } .tt-welcome.type-4 .tt-welcome-img:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; top: 62%; width: 25px; margin-left: -12px; background: #fff; } @media (max-width:767px) { .tt-welcome.type-4 .tt-welcome-img { display: inline-block; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 23 - TT-WELCOME TYPE-5 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-welcome.type-5 .tt-welcome-link { display: block; font-family: 'Roboto Slab'; font-size: 16px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-welcome.type-5 .tt-welcome-link:hover { color: #fa7e1e; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 24 - TT-WELCOME TYPE-6 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-welcome-6-img { display: inline-block; position: relative; max-width: 100%; } .tt-welcome-6-img:before { content: ''; display: block; position: absolute; top: -10px; left: 11px; width: 100%; height: 100%; border: 1px solid rgba(32, 104, 191, 0.2); z-index: 2; } @media (max-width: 767px) { .tt-welcome-6-img { margin-bottom: 30px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 25 - TT-PROCESS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-process { font-size: 0; } .tt-process-entry { display: inline-block; position: relative; width: 44%; text-align: center; } .tt-process-entry:after { content: '\f105'; display: inline-block; position: absolute; top: 21px; right: -4px; font: normal normal normal 14px/1 FontAwesome; font-size: 25px; color: #cfcfcf; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tt-process-entry:before { content: ''; display: block; position: absolute; top: 33px; left: 13px; right: 13px; height: 1px; background: #dbdbdb; z-index: 0; } .tt-process-entry:first-child { width: 28%; text-align: left; } .tt-process-entry:last-child { width: 28%; text-align: right; } .tt-process-entry:last-child:after { display: none; } .tt-process-icon { display: inline-block; position: relative; width: 67px; height: 67px; font-size: 35px; line-height: 65px; color: rgba(51, 51, 51, 0.3); text-align: center; border: 1px solid #e0e0e0; background: #fff; z-index: 1; margin-bottom: 50px; } .tt-process-title { font-family: 'Roboto Slab'; position: absolute; left: 50%; top: 98px; font-weight: 700; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 26 - TT-COLLRAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-collrage { font-size: 0; margin-left: -15px; margin-right: -15px; } .tt-collrage-entry { display: inline-block; width: 50%; padding-left: 15px; padding-right: 15px; vertical-align: top; } .tt-collrage-entry.bottom { vertical-align: bottom; } @media (max-width:767px) { .tt-collrage { max-width: 380px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 27 - TT-TAB-WRAPPER TYPE-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper .tt-tab-info { display: none; } .tt-tab-wrapper .tt-tab-info.active { display: block; } .tt-tab-wrapper .tt-tab-select select:focus { outline: none; } .tt-tab-wrapper.type-1 .tt-nav-tab { font-size: 0; border-top: 1px solid #323a43; border-bottom: 1px solid #323a43; } .tt-tab-wrapper.type-1 .tt-nav-tab-item { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: bold; color: #fff; margin-right: 30px; letter-spacing: 0.3px; padding: 17px 8px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-1 .tt-nav-tab-item span:before { content: ''; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-1 .tt-nav-tab-item span:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-1 .tt-nav-tab-item:after { content: '/'; display: block; position: absolute; top: 0; right: -16px; line-height: 51px; color: #fff; } .tt-tab-wrapper.type-1 .tt-nav-tab-item.active { color: #BB0D0F; } .tt-tab-wrapper.type-1 .tt-nav-tab-item.active span:before { background: #BB0D0F; } .tt-tab-wrapper.type-1 .tt-nav-tab-item.active span:after { background: #BB0D0F; } .tt-tab-wrapper.type-1 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-1 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #323a43; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-1 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-1 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #323a43; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-1 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-1 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:1199px) { .tt-tab-wrapper.type-1 .tt-nav-tab-item { margin-right: 20px; } .tt-tab-wrapper.type-1 .tt-nav-tab-item:after { right: -11px; } } @media (max-width:991px) { .tt-tab-wrapper.type-1 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-1 .tt-nav-tab { display: none; } .tt-tab-wrapper.type-1 .tt-nav-tab-item { display: table; margin-right: auto; margin-left: auto; } .tt-tab-wrapper.type-1 .tt-nav-tab-item:after { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 28 - TT-TAB-WRAPPER TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper.type-2 .tt-tab-nav-wrapper { float: left; width: 189px; } .tt-tab-wrapper.type-2 .tt-nav-tab-item { display: block; position: relative; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.3px; color: #fff; background: #fbab00; border: 1px solid #f1f1f1; border-right: 0; margin-bottom: 9px; padding: 15px 25px 15px 34px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-2 .tt-nav-tab-item:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-2 .tt-nav-tab-item.active { background: #fff; color: #8d8d8d; } .tt-tab-wrapper.type-2 .tt-nav-tab-item.active:before { background: #31aae2; } .tt-tab-wrapper.type-2 .tt-tabs-content { padding-left: 189px; } .tt-tab-wrapper.type-2 .tt-tab-info { background: #fff; border: 1px solid #f1f1f1; border-left: 0; padding: 71px 30px 30px 30px; } .tt-tab-wrapper.type-2 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-2 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #323a43; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-2 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-2 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #323a43; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-2 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-2 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:991px) { .tt-tab-wrapper.type-2 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-2 .tt-nav-tab { display: none; } .tt-tab-wrapper.type-2 .tt-tab-nav-wrapper { width: 100%; } .tt-tab-wrapper.type-2 .tt-tabs-content { padding-left: 0; } } @media (max-width:767px) { .tt-tab-wrapper.type-2 .tt-tab-nav-wrapper { float: none; width: 100%; } .tt-tab-wrapper.type-2 .tt-tabs-content { padding-left: 0; } .tt-tab-wrapper.type-2 .tt-nav-tab { margin-bottom: 0; } .tt-tab-wrapper.type-2 .tt-tab-info { padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 29 - TT-TAB-WRAPPER TYPE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper.type-3 .tt-nav-tab { font-size: 0; } .tt-tab-wrapper.type-3 .tt-nav-tab-item { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #fff; letter-spacing: 0.2px; margin-right: 50px; padding-bottom: 14px; cursor: pointer; } .tt-tab-wrapper.type-3 .tt-nav-tab-item:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: transparent; } .tt-tab-wrapper.type-3 .tt-nav-tab-item:after { content: '/'; display: block; position: absolute; top: 0; right: -27px; line-height: 17px; } .tt-tab-wrapper.type-3 .tt-nav-tab-item:last-child:after { display: none; } .tt-tab-wrapper.type-3 .tt-nav-tab-item.active { color: #237d85; } .tt-tab-wrapper.type-3 .tt-nav-tab-item.active:before { background: #237d85; } .tt-tab-wrapper.type-3 .tt-nav-tab-item.active:after { color: #fff; } .tt-tab-wrapper.type-3 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-3 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #323a43; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-3 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-3 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #323a43; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-3 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-3 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:1199px) { .tt-tab-wrapper.type-3 .tt-nav-tab-item { margin-right: 34px; } .tt-tab-wrapper.type-3 .tt-nav-tab-item:after { right: -18px; } } @media (max-width:991px) { .tt-tab-wrapper.type-3 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-3 .tt-nav-tab { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 30 - TT-TAB-WRAPPER TYPE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper.type-4 .tt-nav-tab { font-size: 0; border-bottom: 1px solid #323a43; } .tt-tab-wrapper.type-4 .tt-nav-tab-item { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #fff; margin-right: 42px; letter-spacing: 0.3px; padding: 12px 8px 12px 0; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-4 .tt-nav-tab-item span:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-4 .tt-nav-tab-item:after { content: '/'; display: block; position: absolute; top: 0; right: -21px; line-height: 41px; color: #fff; } .tt-tab-wrapper.type-4 .tt-nav-tab-item.active { color: #fbab00; } .tt-tab-wrapper.type-4 .tt-nav-tab-item.active span:before { background: #fbab00; } .tt-tab-wrapper.type-4 .tt-nav-tab-item.active span:after { background: #fbab00; } .tt-tab-wrapper.type-4 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-4 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #323a43; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-4 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-4 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #323a43; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-4 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-4 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:1199px) { .tt-tab-wrapper.type-4 .tt-nav-tab-item { margin-right: 20px; } .tt-tab-wrapper.type-4 .tt-nav-tab-item:after { right: -11px; } } @media (max-width:991px) { .tt-tab-wrapper.type-4 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-4 .tt-nav-tab { display: none; } .tt-tab-wrapper.type-4 .tt-nav-tab-item { display: table; margin-right: auto; margin-left: auto; } .tt-tab-wrapper.type-4 .tt-nav-tab-item:after { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 31 - TT-TAB-WRAPPER TYPE-5 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper.type-5 .tt-nav-tab { position: relative; font-size: 0; padding-bottom:10px; } .tt-tab-wrapper.type-5 .tt-nav-tab:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e2e2e2; /*margin-left: -10px;*/ } .tt-tab-wrapper.type-5 .tt-nav-tab-item { display: inline-block; position: relative; font-size: 20px; line-height: 18px; font-weight: 700; color: #000; /*margin: 0 20px;*/ letter-spacing: 0.3px; padding: 0 20px 5px 20px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; border-right: solid 1px #000; } .tt-tab-wrapper.type-5 .tt-nav-tab-item:first-child { padding-left:0; } .tt-tab-wrapper.type-5 .tt-nav-tab-item:last-child { margin-right: 0; border-right: none; } .tt-tab-wrapper.type-5 .tt-nav-tab-item span:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background: transparent; margin-left: -10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 1; } .tt-tab-wrapper.type-5 .tt-nav-tab-item:hover, .tt-tab-wrapper.type-5 .tt-nav-tab-item.active { color: #BB0D0F; } .tt-tab-wrapper.type-5 .tt-nav-tab-item.active span:before { /*background: #BB0D0F;*/ } .tt-tab-wrapper.type-5 .tt-nav-tab-item.active span:after { /*background: #BB0D0F;*/ } .tt-tab-wrapper.type-5 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-5 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #323a43; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-5 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-5 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #323a43; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-5 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-5 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:1199px) { .tt-tab-wrapper.type-5 .tt-nav-tab-item { margin-right: 15px; } .tt-tab-wrapper.type-5 .tt-nav-tab-item:after { right: -11px; } } @media (max-width:991px) { .tt-tab-wrapper.type-5 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-5 .tt-nav-tab { display: none; } .tt-tab-wrapper.type-5 .tt-nav-tab-item { display: table; margin-right: auto; margin-left: auto; } .tt-tab-wrapper.type-5 .tt-nav-tab-item:after { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 32 - TT-TAB-WRAPPER TYPE-6 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper.type-6 .tt-nav-tab { font-size: 0; } .tt-tab-wrapper.type-6 .tt-nav-tab-item { display: inline-block; position: relative; font-size: 15px; line-height: 22px; font-weight: 400; color: #505050; letter-spacing: 0.3px; background: #f6f6f7; padding: 11px 35px; margin-right: 20px; border: 1px solid #e3e3e3; border-bottom: 0; margin-bottom: -1px; min-width: 174px; text-align: center; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-6 .tt-nav-tab-item.active { z-index: 2; background: #fff; } .tt-tab-wrapper.type-6 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-6 .tt-tabs-content { position: relative; border: 1px solid #e3e3e3; padding: 65px 35px; z-index: 1; } .tt-tab-wrapper.type-6 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-6 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #505050; background: transparent; border: 1px solid #e3e3e3; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-6 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-6 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #e3e3e3; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-6 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-6 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:767px) { .tt-tab-wrapper.type-6 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-6 .tt-nav-tab { display: none; } .tt-tab-wrapper.type-6 .tt-tabs-content { padding: 30px 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 33 - TT-TAB-WRAPPER TYPE-7 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper.type-7 .tt-nav-tab { font-size: 0; } .tt-tab-wrapper.type-7 .tt-nav-tab-item { display: inline-block; position: relative; font-size: 13px; line-height: 22px; font-weight: 400; color: #202020; letter-spacing: 0.3px; background: #e9e9e9; padding: 11px 20px; margin-right: 10px; border: 1px solid #e9e9e9; border-bottom: 0; margin-bottom: -1px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-7 .tt-nav-tab-item.active { z-index: 2; background: #fff; border-top-color: #00a3ef; } .tt-tab-wrapper.type-7 .tt-nav-tab-item:last-child { margin-right: 0; } .tt-tab-wrapper.type-7 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-7 .tt-tabs-content { position: relative; border: 1px solid #e9e9e9; padding: 50px 25px; z-index: 1; } .tt-tab-wrapper.type-7 .tt-tab-select { display: none; position: relative; } .tt-tab-wrapper.type-7 .tt-tab-select select { display: block; width: 100%; font-weight: 400; color: #505050; background: transparent; border: 1px solid #e3e3e3; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-tab-wrapper.type-7 .tt-tab-select select::-ms-expand { display: none; } .tt-tab-wrapper.type-7 .tt-tab-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #e3e3e3; color: #fff; pointer-events: none; } .tt-tab-wrapper.type-7 .tt-tab-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-tab-wrapper.type-7 .tt-tab-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:1199px) { .tt-tab-wrapper.type-7 .tt-nav-tab-item { padding: 11px 15px; } } @media (max-width:991px) { .tt-tab-wrapper.type-7 .tt-tab-select { display: block; margin-bottom: 30px; } .tt-tab-wrapper.type-7 .tt-nav-tab { display: none; } .tt-tab-wrapper.type-7 .tt-tabs-content { padding: 30px 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 34 - TT-FILTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-1 { margin-bottom: -30px; } .tt-filter.type-1 .isotope-nav { list-style: none; font-size: 0; padding-left: 0; } .tt-filter.type-1 .isotope-nav li { display: inline-block; margin-right: 18px; margin-bottom: 15px; } .tt-filter.type-1 .isotope-nav a { display: block; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 500; color: #7e7e7e; letter-spacing: 0.3px; background: #191919; border: 1px solid #2e2e2e; padding: 10px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-filter.type-1 .isotope-nav li.selected a { border-color: #fa7e1e; color: #fa7e1e; } .tt-filter.type-1 .custom-hover { display: block; } .tt-filter.type-1 .tt-filter-select { display: none; position: relative; } .tt-filter.type-1 .tt-filter-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #323a43; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-filter.type-1 .tt-filter-select select::-ms-expand { display: none; } .tt-filter.type-1 .tt-filter-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #323a43; color: #fff; pointer-events: none; } .tt-filter.type-1 .tt-filter-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-filter.type-1 .tt-filter-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } .tt-filter.type-1 .isotope-content { min-height: 546px; } @media (max-width: 1199px) { .tt-filter.type-1 .isotope-content { min-height: 459px; } } @media (max-width:991px) { .tt-filter.type-1 .tt-filter-select { display: block; } .tt-filter.type-1 .isotope-nav { display: none; } .tt-filter.type-1 .isotope-content { min-height: 362px; } } @media (max-width: 767px) {} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 35 - TT-FILTER TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-2 { margin-bottom: -30px; } .tt-filter.type-2 .isotope-nav { list-style: none; font-size: 0; padding-left: 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .tt-filter.type-2 .isotope-nav li { display: inline-block; position: relative; margin-right: 30px; } .tt-filter.type-2 .isotope-nav li a { display: block; font-size: 13px; line-height: 17px; font-weight: 400; color: #3b3b3b; letter-spacing: 0.3px; padding: 17px 8px; cursor: pointer; transition: all .5s ease; } .tt-filter.type-2 .isotope-nav li:after { content: '/'; display: block; position: absolute; top: 0; right: -16px; font-size: 13px; line-height: 51px; color: #3b3b3b; } .tt-filter.type-2 .isotope-nav li a:before { content: ''; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-filter.type-2 .isotope-nav li a:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-filter.type-2 .isotope-nav li.selected a { color: #fa7e1e; } .tt-filter.type-2 .isotope-nav li.selected a:before { background: #fa7e1e; } .tt-filter.type-2 .isotope-nav li.selected a:after { background: #fa7e1e; } /*filte-select*/ .tt-filter.type-2 .tt-filter-select { display: none; position: relative; } .tt-filter.type-2 .tt-filter-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #d9d9d9; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-filter.type-2 .tt-filter-select select::-ms-expand { display: none; } .tt-filter.type-2 .tt-filter-select select:focus { outline: none; } .tt-filter.type-2 .tt-filter-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #d9d9d9; color: #fff; pointer-events: none; } .tt-filter.type-2 .tt-filter-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-filter.type-2 .tt-filter-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:1199px) { .tt-filter.type-2 .isotope-nav li { margin-right: 20px; } .tt-filter.type-2 .isotope-nav li:after { right: -11px; } } @media (max-width:991px) { .tt-filter.type-2 .tt-filter-select { display: block; } .tt-filter.type-2 .isotope-nav { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 36 - TT-FILTER TYPE-2 COLOR-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-2.color-2 .isotope-nav { border-top: 1px solid #323a43; border-bottom: 1px solid #323a43; } .tt-filter.type-2.color-2 .isotope-nav li a { color: #202020; } .tt-filter.type-2.color-2 .isotope-nav li.selected a { color: #fa7e1e; } .tt-filter.type-2.color-2 .isotope-nav li:after { color: #202020; } .tt-filter.type-2.color-2 .tt-filter-select select { border: 1px solid #323a43; color: #202020; } .tt-filter.type-2.color-2 .tt-filter-select .select-arrow { background: #323a43; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 37 - TT-FILTER TYPE-2 COLOR-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-2.color-3 .isotope-nav { border-top: 1px solid #4b4e52; border-bottom: 1px solid #4b4e52; } .tt-filter.type-2.color-3 .isotope-nav li a { color: #fff; } .tt-filter.type-2.color-3 .isotope-nav li:after { color: #fff; } .tt-filter.type-2.color-3 .isotope-nav li.selected a { color: #fa7e1e; } .tt-filter.type-2.color-3 .tt-filter-select select { border-color: #4b4e52; } .tt-filter.type-2 .tt-filter-select .select-arrow { background: #4b4e52; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 38 - TT-FILTER TYPE-2 POS-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-2.pos-2 .isotope-nav { text-align: center; } .tt-filter.type-2.pos-2 .isotope-nav li:last-child:after { display: none; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 39 - TT-FILTER TYPE-2 POS-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-2.pos-3 { text-align: center; } .tt-filter.type-2.pos-3 .isotope-nav { display: inline-block; } .tt-filter.type-2.pos-3 .isotope-nav li:last-child:after { display: none; } .tt-filter.pad-2 { margin-bottom: 0; } .tt-filter.pad-3 { overflow: hidden; } .tt-filter.pad-3 .isotope-content { margin-left: -5px; margin-right: -5px; } @media (max-width:991px) { .tt-filter.type-2.pos-3 .isotope-nav { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 40 - TT-FILTER TYPE-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-filter.type-3 { margin-bottom: -30px; } .tt-filter.type-3 .isotope-nav { list-style: none; font-size: 0; padding-left: 0; border-bottom: 1px solid #e2e2e2; text-align: center; } .tt-filter.type-3 .isotope-nav li { display: inline-block; position: relative; margin-right: 30px; } .tt-filter.type-3 .isotope-nav li:last-child { margin-right: 0; } .tt-filter.type-3 .isotope-nav li a { font-family: 'Raleway'; display: block; font-size: 13px; line-height: 17px; font-weight: 400; color: #7b7b7b; letter-spacing: 0.3px; padding: 0 8px 22px 8px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-filter.type-3 .isotope-nav li a:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-filter.type-3 .isotope-nav li.selected a:after { background: #56b1fc; } /*filte-select*/ .tt-filter.type-3 .tt-filter-select { display: none; position: relative; } .tt-filter.type-3 .tt-filter-select select { display: block; width: 100%; font-weight: 400; color: #b8b8b8; background: transparent; border: 1px solid #d9d9d9; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tt-filter.type-3 .tt-filter-select select::-ms-expand { display: none; } .tt-filter.type-3 .tt-filter-select select:focus { outline: none; } .tt-filter.type-3 .tt-filter-select .select-arrow { display: block; position: absolute; top: 1px; right: 1px; text-align: center; background: #d9d9d9; color: #fff; pointer-events: none; } .tt-filter.type-3 .tt-filter-select select { height: 42px; font-size: 12px; line-height: 30px; padding: 0px 11px; } .tt-filter.type-3 .tt-filter-select .select-arrow { width: 37px; height: 40px; line-height: 40px; } @media (max-width:991px) { .tt-filter.type-3 .tt-filter-select { display: block; } .tt-filter.type-3 .isotope-nav { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 41 - TT-SIMPLE-SLIDER*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-simple-slider .pagination { display: none; } .custom-arrows { position: relative; } .custom-arrows .swiper-arrow-left.type-1 { position: absolute; top: 50%; left: 0; width: 40px; height: 37px; font-size: 20px; line-height: 35px; text-align: center; margin-top: -20px; background: rgba(255, 255, 255, 0.9); z-index: 2; } .custom-arrows .swiper-arrow-right.type-1 { position: absolute; top: 50%; right: 0; width: 40px; height: 37px; font-size: 20px; line-height: 35px; text-align: center; margin-top: -20px; background: rgba(255, 255, 255, 0.9); z-index: 2; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 42 - TT-SIMPLE-SLIDER-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-simple-slider-2 .pagination { display: block; } .pagination.type-2 { position: absolute; bottom: 12px; left: 0; } .pagination.type-2 .swiper-pagination-switch { width: 12px; height: 12px; border: 2px #fff solid; -moz-border-radius: 12px; border-radius: 12px; } .pagination.type-2 .swiper-visible-switch { background: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 43 - TT-POST*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-1 .tt-post-label { position: relative; top: -19px; background: #12aef8; margin-left: 69px; padding: 10.5px 24px; z-index: 1; } .tt-post.type-1 .tt-post-label span { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #fff; letter-spacing: 0.3px; padding-right: 16px; margin-right: 11px; } .tt-post.type-1 .tt-post-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; background: #fff; margin-top: -6.5px; } .tt-post.type-1 .tt-post-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post.type-1 .tt-post-label span:last-child:before { display: none; } .tt-post.type-1 .tt-post-date { float: left; width: 69px; } .tt-post.type-1 .tt-post-link a { font-family: 'Roboto Slab'; font-weight: 700; color: #202020; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-1 .tt-post-link a:hover { color: #fbab00; } .tt-post.type-1 .tt-post-date { font-family: 'Roboto Slab'; padding-right: 20px; font-size: 18px; line-height: 24px; font-weight: 700; color: #fbab00; text-align: right; } .tt-post.type-1 .tt-post-date span { display: block; font-size: 28px; line-height: 28px; margin-bottom: 3px; } .tt-post.type-1 .tt-post-desc { padding-left: 69px; } .tt-post.type-1 .tt-post-inner { border-left: 1px solid #e5e5e5; padding-left: 17px; } @media (max-width:991px) { .tt-post.type-1 { max-width: 370px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 44 - TT-POST TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-2 .tt-post-date { position: absolute; top: 0; left: 0; min-width: 63px; width: auto; background: #31aae2; font-family: 'Raleway'; font-size: 14px; line-height: 21px; font-weight: 700; text-align: center; color: #fff; float: none; padding: 28px 5px 25px 5px; z-index: 2; } .tt-post.type-2 .tt-post-inner { position: relative; padding-left: 0; border-left: 0; z-index: 1; } .tt-post.type-2 .tt-post-date span { font-family: 'Open Sans'; font-size: 25px; line-height: 21px; } .tt-post.type-2 .tt-post-date span { display: block; font-size: 28px; line-height: 28px; margin-bottom: 3px; } .tt-post.type-2 .tt-post-label { position: relative; top: 0; padding: 0; margin-left: 0; background: transparent; z-index: 1; } .tt-post.type-2 .tt-post-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-2 .tt-post-label a:hover { color: #202020; } .tt-post.type-2 .tt-post-label span { display: inline-block; position: relative; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; padding-right: 14px; margin-right: 9px; } .tt-post.type-2 .tt-post-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #b9b9b9; } .tt-post.type-2 .tt-post-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post.type-2 .tt-post-label span:last-child:before { display: none; } .tt-post.type-2 .tt-post-link a { font-family: 'Roboto Slab'; font-weight: 700; color: #202020; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-2 .tt-post-link a:hover { color: #fbab00; } .tt-post.type-2 .tt-post-more a { color: #f6ad0c; } .tt-post.type-2 .tt-post-devider { position: relative; height: 1px; background: #e9e9e9; z-index: 1; } .tt-post.type-2 .tt-post-info { position: relative; } .tt-post.type-2 .tt-post-info:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 5000px; margin-left: -2500px; bottom: 0; background: #fff; z-index: 0; } @media (max-width:991px) { .tt-post.type-2 .tt-post-label span:first-child { display: block; margin-bottom: 5px; } .tt-post.type-2 .tt-post-label span:first-child:before { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 45 - TT-POST TYPE-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-3 { display: table; position: relative; border-top: 1px solid #38c09b; background: #fff; height: 213px; } .tt-post.type-3 .tt-post-info { display: table-cell; padding-left: 240px; vertical-align: middle; } .tt-post.type-3 .tt-post-img { position: absolute; top: -1px; left: 0; bottom: 0; width: 210px; } .tt-post.type-3 .tt-post-imgbg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-background-size: cover; background-size: cover; z-index: 0; } .tt-post.type-3 .tt-post-date { position: absolute; top: 0; right: 0; background: #38c09b; min-width: 64px; padding: 14px 5px 12px 5px; text-align: center; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 500; color: #fff; letter-spacing: 0.3px; z-index: 1; } .tt-post.type-3 .tt-post-date span { display: block; font-size: 25px; font-weight: 700; margin-bottom: 2px; } .tt-post.type-3 .tt-post-link a { font-family: 'Raleway'; color: #000; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-3 .tt-post-link a:hover { color: #ff9000; } .tt-post.type-3 .tt-post-devider { height: 1px; background: #ebebed; } .tt-post.type-3 .tt-post-label { font-size: 0; } .tt-post.type-3 .tt-post-label span { display: inline-block; position: relative; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; padding-right: 14px; margin-right: 9px; } .tt-post.type-3 .tt-post-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #b9b9b9; } .tt-post.type-3 .tt-post-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post.type-3 .tt-post-label span:last-child:before { display: none; } .tt-post.type-3 .tt-post-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-3 .tt-post-label a:hover { color: #202020; } @media (max-width:480px) { .tt-post.type-3 { display: block; height: auto; } .tt-post.type-3 .tt-post-img { position: relative; width: 100%; height: 200px; } .tt-post.type-3 .tt-post-info { display: block; padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 46 - TT-POST TYPE-4*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-4 { display: table; position: relative; background: #fff; height: 179px; } .tt-post.type-4 .tt-post-info { display: table-cell; padding-left: 199px; vertical-align: middle; } .tt-post.type-4 .tt-post-img { position: absolute; top: -13px; left: 0; bottom: 0; width: 170px; } .tt-post.type-4 .tt-post-imgbg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-background-size: cover; background-size: cover; z-index: 0; } .tt-post.type-4 .tt-post-date { position: absolute; bottom: 0; left: 0; background: #e8aa01; min-width: 58px; padding: 9px 5px 8px 5px; text-align: center; font-family: 'Raleway'; font-size: 14px; line-height: 18px; font-weight: 700; color: #fff; letter-spacing: 0.3px; z-index: 1; } .tt-post.type-4 .tt-post-date span { display: block; font-size: 20px; font-weight: 700; margin-bottom: 2px; } .tt-post.type-4 .tt-post-link a { font-family: 'Raleway'; color: #000; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-4 .tt-post-link a:hover { color: #ff9000; } .tt-post.type-4 .tt-post-devider { height: 1px; background: #ebebed; } .tt-post.type-4 .tt-post-label { font-size: 0; } .tt-post.type-4 .tt-post-label span { display: inline-block; position: relative; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 500; color: #8e8d8d; letter-spacing: 0.3px; padding-right: 7px; margin-right: 9px; } .tt-post.type-4 .tt-post-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #b9b9b9; } .tt-post.type-4 .tt-post-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post.type-4 .tt-post-label span:last-child:before { display: none; } .tt-post.type-4 .tt-post-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post.type-4 .tt-post-label a:hover { color: #202020; } @media (max-width:480px) { .tt-post.type-4 { display: block; height: auto; } .tt-post.type-4 .tt-post-img { display: block; position: relative; top: 0; width: 250px; height: 150px; margin-left: auto; margin-right: auto; } .tt-post.type-4 .tt-post-info { display: block; padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 47 - TT-POST TYPE-5*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-5-img { float: left; } .tt-post-5-info { padding-left: 140px; } .tt-post-5-link { display: block; font-size: 14px; line-height: 20px; font-weight: 400; color: #202020; letter-spacing: 0.2px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-5-link:hover { color: #ff9000; } .tt-post-5-date { font-size: 13px; line-height: 20px; font-weight: 400; color: #999; } @media (max-width:991px) { .tt-post-5-img { float: none; margin-bottom: 15px; } .tt-post-5-info { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 48 - TT-POST TYPE-6*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-6 { margin-right: 70px; } .tt-post-6-img { position: relative; } .tt-post-6-img a { display: block; } .tt-post-6-date { position: absolute; bottom: 0; left: 100%; margin-left: 2px; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; background: #ff9000; width: 68px; text-align: center; letter-spacing: 0.3px; padding: 9px 5px; z-index: 2; } .tt-post-6-date span { display: block; font-size: 22px; margin-bottom: 4px; } .tt-post-6-link { display: block; font-family: 'Roboto Slab'; font-size: 20px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-6-link:hover { color: #ff9000; } .tt-post-6-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-6-label a:hover { color: #202020; } .tt-post-6-label span { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #bbbbbb; padding-right: 17px; margin-right: 7px; } .tt-post-6-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #bbbbbb; } .tt-post-6-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post-6-label span:last-child:before { display: none; } @media (max-width:991px) { .tt-post-6 { margin-right: 0; } .tt-post-6-date { left: auto; right: 0; margin-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 49 - TT-POST TYPE-6 LEFT*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-6.left { margin-right: 0; margin-left: 70px; } .tt-post-6.left .tt-post-6-date { left: auto; right: 100%; margin-left: 0; margin-right: 2px; } @media (max-width:991px) { .tt-post-6.left { margin-left: 0; } .tt-post-6.left .tt-post-6-date { right: auto; left: 0; margin-right: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 50 - TT-POST TYPE-7*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-7-info { position: relative; margin-top: -51px; margin-left: 24px; padding-left: 28px; padding-right: 35px; background: #fff; border-top: 3px solid #20b3f8; z-index: 3; } .tt-post-7-label a { color: #14aff8; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-7-label a:hover { color: #060606; } .tt-post-7-label span { display: inline-block; position: relative; font-family: 'Raleway'; font-size: 13px; line-height: 17px; font-weight: 400; color: #060606; letter-spacing: 0.3px; padding-right: 17px; margin-right: 7px; } .tt-post-7-label span span { color: #ababab; } .tt-post-7-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #bbbbbb; } .tt-post-7-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post-7-label span:last-child:before { display: none; } .tt-post-7-devider { height: 1px; background: #d7d6d6; } .tt-post-7-title { font-family: 'Roboto Slab'; display: block; font-size: 16px; line-height: 26px; font-weight: 700; color: #000; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-7-title:hover { color: #ff9000; } @media (max-width:991px) { .tt-post-7-info { margin-left: 0; margin-top: 0; padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 51 - TT-POST TYPE-8*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-8-img { display: block; position: relative; } .tt-post-8-date { position: absolute; top: 0; left: 0; font-family: 'Roboto Slab'; font-size: 16px; line-height: 23px; font-weight: 700; color: #fff; background: #ecab13; width: 70px; text-align: center; letter-spacing: 0.3px; padding: 10px 5px; z-index: 2; } .tt-post-8-date span { display: block; font-size: 31px; margin-bottom: 4px; } .tt-post-8-info { background: #fff; border-bottom: 1px solid #d3d3d3; padding-left: 28px; padding-right: 28px; } .tt-post-8-title { display: block; font-family: 'Roboto Slab'; font-size: 16px; line-height: 26px; font-weight: 700; color: #000; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-8-title:hover { color: #ff9000; } .tt-post-8-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-8-label a:hover { color: #202020; } .tt-post-8-label span { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 300; color: #bbb; padding-right: 17px; margin-right: 7px; } .tt-post-8-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #bbbbbb; } .tt-post-8-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post-8-label span:last-child:before { display: none; } .tt-post-8-label .fa { color: #ecab13; } @media (max-width:767px) { .tt-post-8-info { padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 52 - TT-POST TYPE-9*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-9-img { display: block; position: relative; } .tt-post-9-caption { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.55); text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-post-9-caption-table { display: table; width: 100%; height: 100%; } .tt-post-9-caption-inner { display: table-cell; vertical-align: middle; } .tt-post-9-icon { display: block; font-size: 28px; color: #fff; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-post-9-name { display: block; font-size: 22px; line-height: 26px; font-weight: 700; color: #fff; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-post-9-cat { display: block; font-size: 15px; line-height: 24px; font-weight: 600; color: #ff9000; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear; } .tt-post-9-img:hover .tt-post-9-caption { opacity: 1; } .tt-post-9-img:hover .tt-post-9-icon { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .tt-post-9-img:hover .tt-post-9-name { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .tt-post-9-img:hover .tt-post-9-cat { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .tt-post-9-info { background: #f6f6f6; text-align: center; padding-left: 20px; padding-right: 20px; } .tt-post-9-title { display: block; font-family: 'Roboto Slab'; font-size: 16px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-9-title:hover { color: #ff9000; } .tt-post-9-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-post-9-label a:hover { color: #202020; } .tt-post-9-label span { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 300; color: #bbb; padding-right: 17px; margin-right: 7px; } .tt-post-9-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #bbbbbb; } .tt-post-9-label span:last-child { padding-right: 0; margin-right: 0; } .tt-post-9-label span:last-child:before { display: none; } .tt-post-9 .simple-text { text-align: left; } .tt-post-9 iframe { width: 100%; border: 0; } @media (max-width:767px) { .tt-post-9 { max-width: 480px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 53 - TT-POST TYPE-9 COLOR-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-9.color-2 .tt-post-9-info { background: #ff9000; } .tt-post-9.color-2 .tt-post-9-title { color: #fff; } .tt-post-9.color-2 .tt-post-9-title:hover { color: #202020; } .tt-post-9.color-2 .tt-post-9-label a { color: #fff; } .tt-post-9.color-2 .tt-post-9-label a:hover { color: #202020; } .tt-post-9.color-2 .tt-post-9-label span { color: #fff; } .tt-post-9.color-2 .tt-post-9-label span:before { background: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 54 - TT-TESTIMONAL*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-testimonal { position: relative; margin-left: 40px; border-top: 2px solid #20b3f8; background: #fdfdfd; padding-left: 110px; } .tt-testimonal-icon { position: absolute; top: 0; left: 0; width: 37px; height: 46px; font-size: 20px; line-height: 46px; color: #fff; text-align: center; background: #dadada; } .tt-testimonal-user { position: absolute; top: 65px; left: -40px; border: 1px solid #ebebec; padding: 5px; background: #fff; } .tt-testimonal-name { font-family: 'Lato'; font-size: 14px; line-height: 24px; font-weight: 700; font-style: italic; color: #fbab00; letter-spacing: 1px; } .tt-testimonal-name { position: absolute; bottom: -37px; left: 107px; z-index: 2; } @media (max-width:767px) { .tt-testimonal { margin-left: 0px; padding-left: 15px; text-align: center; } .tt-testimonal-user { position: static; display: inline-block; } .tt-testimonal-name { position: static; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 55 - TT-TESTIMONAL TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-testimonal.type-2 { border-top: 0; padding-left: 0; margin-left: 0; } .tt-testimonal.type-2 .tt-testimonal-label { position: relative; background: #f6ad0c; padding: 25px 20px 20px 157px; } .tt-testimonal.type-2 .tt-testimonal-name { position: static; font-family: 'Open Sans'; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; font-style: normal; letter-spacing: 0.5px; } .tt-testimonal.type-2 .tt-testimonal-cat { font-size: 14px; line-height: 22px; font-weight: 600; color: #fff; letter-spacing: 0.3px; } .tt-testimonal.type-2 .tt-testimonal-user { border: 0; left: 15px; top: 34px; } .tt-testimonal.type-2 .tt-testimonal-info { margin-left: 154px; background: #f3f3f3; padding: 15px 15px 28px 25px; } .tt-testimonal.type-2 .tt-testimonal-icon { position: static; background: transparent; color: #ccc; margin-right: 13px; } @media (max-width:767px) { .tt-testimonal.type-2 .tt-testimonal-label { padding: 15px; } .tt-testimonal.type-2 .tt-testimonal-info { margin-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 56 - TT-TESTIMONAL TYPE-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-testimonal-3 { display: table; position: relative; width: 100%; } .tt-testimonal-3:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fad685; } .tt-testimonal-3-label { display: table-cell; vertical-align: middle; width: 230px; background: #f6ad0c; text-align: center; padding: 20px 15px; } .tt-testimonal-3-user { width: 135px; height: 135px; overflow: hidden; -moz-border-radius: 100%; border-radius: 100%; margin-left: auto; margin-right: auto; } .tt-testimona-3-name { font-size: 14px; line-height: 18px; font-weight: 700; color: #fff; letter-spacing: 0.3px; } .tt-testimonal-3-cat { font-size: 14px; line-height: 18px; font-weight: 600; color: #fff; letter-spacing: 0.3px; } .tt-testimonal-3-info { display: table-cell; vertical-align: middle; padding: 20px 40px; background: #fff; } .tt-testimonal-3-icon { font-size: 28px; color: #ccc; margin-right: 5px; } @media (max-width:991px) { .tt-testimonal-3-label { width: 200px; } } @media (max-width:767px) { .tt-testimonal-3 { display: block; } .tt-testimonal-3:before { display: none; } .tt-testimonal-3-label { display: block; width: 100%; padding-left: 15px; padding-right: 15px; } .tt-testimonal-3-info { display: block; padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 57 - TT-TESTIMONAL-SLIDER*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-testimonal-slider-wrapper { position: relative; } .tt-testimonal-slider-wrapper:after { content: ''; display: block; width: 100%; height: 16px; background: url(../img/line-arrow.png) no-repeat center center; } .tt-testimonal-slider-name { font-size: 14px; line-height: 26px; font-weight: 400; color: #ff9000; text-align: right; font-style: italic; } .tt-testimonal-slider .pagination { display: none; } .tt-testimonal-slider .thumbnails { max-width: 380px; text-align: center; } .tt-testimonal-slider-nav { height: 100px; line-height: 100px; } .tt-testimonal-slider-user { display: inline-block; vertical-align: middle; position: relative; width: 76px; height: 76px; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; margin-left: auto; margin-right: auto; border: 1px solid #d4d4d4; opacity: 0.6; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-testimonal-slider-user:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 1px solid #fff; -moz-border-radius: 100%; border-radius: 100%; } .swiper-slide.current .tt-testimonal-slider-user { -webkit-transform: scale(1.34); -moz-transform: scale(1.34); -ms-transform: scale(1.34); -o-transform: scale(1.34); transform: scale(1.34); opacity: 1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 58 - TT-TESTIMONAL-SLIDER TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-testimonal-slider-2 .pagination { display: none; } .tt-testimonal-slider-2-img { float: left; width: 136px; height: 136px; -moz-border-radius: 100%; border-radius: 100%; } .tt-testimonal-slider-2-icon { font-size: 20px; margin-right: 13px; } .tt-testimonal-slider-2-content { padding-left: 170px; } .tt-testimonal-slider-2-name { font-family: 'Pacifico'; font-size: 24px; line-height: 24px; font-weight: 400; color: #ff9000; text-align: right; padding-right: 5px; } .swiper-arrow-left.type-5 { position: absolute; top: -55px; left: auto; right: 45px; font-size: 14px; color: #fff; width: 34px; height: 25px; background: transparent; border: 1px solid #595857; text-align: center; line-height: 23px; } .swiper-arrow-left.type-5:hover { background: #ff9000; border-color: #ff9000; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-arrow-right.type-5 { position: absolute; top: -55px; right: 0; font-size: 14px; color: #fff; width: 34px; height: 25px; background: transparent; border: 1px solid #595857; text-align: center; line-height: 23px; } .swiper-arrow-right.type-5:hover { background: #ff9000; border-color: #ff9000; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (max-width:767px) { .swiper-arrow-left.type-5 { top: -25px; } .swiper-arrow-right.type-5 { top: -25px; } } @media (max-width:480px) { .tt-testimonal-slider-2-img { float: none; margin-bottom: 15px; } .tt-testimonal-slider-2-wrapper { text-align: center; } .tt-testimonal-slider-2-content { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 59 - TT-TESTIMONAL-SLIDER TYPE-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-testimonal-slider-3 { position: relative; } .tt-testimonal-slider-3-wrapper { display: table; width: 100%; height: 140px; } .tt-testimonal-slider-3-user { display: table-cell; vertical-align: middle; width: 190px; text-align: center; } .tt-testimonal-slider-3-img { -moz-border-radius: 100%; border-radius: 100%; } .tt-testimonal-slider-3-content { display: table-cell; vertical-align: middle; padding-left: 20px; } .tt-testimonal-slider-3-icon { font-size: 26px; color: #e8aa01; margin-right: 10px; } .tt-testimonal-slider-3 .pagination { display: none; } .swiper-arrow-left.type-6 { position: absolute; top: 0px; left: auto; right: 45px; font-size: 14px; color: #000; width: 34px; height: 25px; background: #e8aa01; text-align: center; line-height: 23px; margin-top: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 1; } .swiper-arrow-left.type-6:hover { color: #fff; } .swiper-arrow-right.type-6 { position: absolute; top: 0px; right: 0; font-size: 14px; color: #000; width: 34px; height: 25px; background: #e8aa01; text-align: center; line-height: 23px; margin-top: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 1; } .swiper-arrow-right.type-6:hover { color: #fff; } @media (max-width:767px) { .tt-testimonal-slider-3-wrapper { display: block; height: auto; } .tt-testimonal-slider-3-user { display: block; width: 100%; } .tt-testimonal-slider-3-content { display: block; padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 60 - TT-BANNER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-banner { position: relative; } .tt-banner-img { position: absolute; bottom: 0; left: 0; } .tt-banner-label { font-family: 'Roboto Slab'; font-size: 27px; line-height: 27px; font-weight: 700; color: #fff; letter-spacing: 0.3px; margin-top: 0; } .tt-banner-label span { font-weight: 300; } .tt-banner-text { font-size: 16px; line-height: 26px; font-weight: 400; color: #fff; } .tt-banner-info { font-size: 0; } .tt-banner-phone { display: inline-block; font-family: 'Roboto Slab'; font-size: 35px; line-height: 35px; font-weight: 700; color: #fff; vertical-align: middle; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-banner-phone:hover { color: #193147; } .tt-banner-link { display: inline-block; position: relative; font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0.5px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); padding: 7px 74px 7px 28px; vertical-align: middle; } .tt-banner-link span { display: block; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 43px; background: rgba(23, 31, 43, 0.8); } .tt-banner-link span:before { content: ''; display: block; position: absolute; top: -1px; left: -1px; bottom: -1px; width: 1px; background: rgba(255, 255, 255, 0.5); } .tt-banner-link span .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .tt-banner-link:hover { background: rgba(23, 31, 43, 0.8); color: #fff; } .tt-banner-phone { margin-right: 40px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 61 - TT-BANNER-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-banner-2 { display: table; position: relative; padding: 15px 0; height: 110px; } .tt-banner-2-img { display: table-cell; vertical-align: middle; width: 33.33333333%; } .tt-banner-2-info { display: table-cell; vertical-align: middle; width: 50%; padding-left: 15px; padding-right: 15px; } .tt-banner-2-label { font-family: 'Roboto Slab'; font-size: 22px; line-height: 32px; font-weight: 300; color: #fff; } .tt-banner-2-link { display: table-cell; vertical-align: middle; width: 16.66666667%; } .tt-banner-2-img img { position: absolute; bottom: 0; left: 0; } @media (max-width:767px) { .tt-banner-2 { display: block; height: auto; } .tt-banner-2-info { display: block; width: 100%; margin-bottom: 10px; } .tt-banner-2-link { display: block; width: 100%; text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 62 - TT-BANNER-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-banner-3 { position: relative; display: table; width: 100%; height: 176px; } .tt-banner-3-info { display: table-cell; position: relative; vertical-align: middle; z-index: 2; } .tt-banner-3:before { content: ''; display: block; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.4); } .tt-banner-3-img { position: absolute; top: 50%; left: 35px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tt-banner-3-info { padding: 30px 30px 30px 490px; } .tt-banner-3-cat { font-size: 16px; line-height: 24px; font-weight: 600; color: #fff; letter-spacing: 0.5px; } .tt-banner-3-title { display: inline-block; font-size: 46px; line-height: 30px; font-weight: 700; color: #fff; letter-spacing: 0.3px; margin-right: 10px; margin-top: 0; } .tt-banner-3-title span { font-size: 18px; } .tt-banner-3-info .c-btn-21 { vertical-align: text-bottom; } @media (max-width:991px) { .tt-banner-3 { display: block; height: auto; } .tt-banner-3-img { position: static; max-width: 100%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .tt-banner-3-info { display: block; padding-left: 30px; } } @media (max-width:480px) { .tt-banner-3-title { font-size: 26px; line-height: 26px; letter-spacing: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 63 - TT-BANNER-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-banner-4 { position: relative; background: #f6f6f6; } .tt-banner-4-img { position: absolute; top: 52px; left: 20px; } .tt-banner-4-info { padding-left: 400px; padding-right: 15px; } @media (max-width:767px) { .tt-banner-4 { text-align: center; padding: 15px; } .tt-banner-4-img { position: static; } .tt-banner-4-info { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 64 - TT-CLIENTS-SLIDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-clients-slider { margin-left: -15px; margin-right: -15px; } .tt-clients-slider .pagination { display: none; } .tt-client.type-1 { padding-left: 15px; padding-right: 15px; text-align: center; } .tt-client.type-1 .tt-client-entry { display: inline-block; border: 1px solid #e8e8e8; } /*arrows*/ .swiper-arrow-left.type-2 { position: absolute; top: -27px; left: auto; right: 54px; width: 31px; height: 31px; background: #aeb3b7; font-size: 24px; line-height: 29px; text-align: center; color: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-arrow-left.type-2:hover { background: #fbab00; } .swiper-arrow-right.type-2 { position: absolute; top: -27px; right: 15px; width: 31px; height: 31px; background: #aeb3b7; font-size: 24px; line-height: 29px; text-align: center; color: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-arrow-right.type-2 .fa { margin-left: 2px; } .swiper-arrow-right.type-2:hover { background: #fbab00; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 65 - TT-CLIENTS-SLIDER TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-clients-slider.type-2 { margin-left: -15px; margin-right: -15px; } .tt-client-entry-2 { padding-left: 15px; padding-right: 15px; } .tt-client-img-2 { background: #fff; } .tt-clients-slider.type-2 .pagination { display: block; } .pagination.type-1 { margin: 0; } .pagination.type-1 .swiper-pagination-switch { width: 15px; height: 15px; border: 2px solid #323a43; margin: 0 8px; } .pagination.type-1 .swiper-active-switch { background: transparent; border-color: #ff9000; -moz-border-radius: 15px; border-radius: 15px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 66 - TT-CLIENTS-SLIDER TYPE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-client.type-3 { text-align: center; padding-left: 15px; padding-right: 15px; } .tt-client.type-3 .tt-client-entry { display: inline-block; border: 0; } .swiper-arrow-left.type-3 { left: 15px; font-size: 30px; background: transparent; width: auto; height: auto; margin-top: -18px; color: #b3b3b3; z-index: 1; } .swiper-arrow-right.type-3 { right: 15px; font-size: 30px; background: transparent; width: auto; height: auto; margin-top: -18px; color: #b3b3b3; z-index: 1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 67 - TT-CLIENT TYPE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-client.type-4 { text-align: center; } .tt-client.type-4 .tt-client-entry { display: inline-block; opacity: 0.4; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-client.type-4 .tt-client-entry:hover { opacity: 1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 68 - TT-SUBSCRIBE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-subscribe { position: relative; background: #004e73; } .tt-subscribe-heading { position: absolute; top: 0; left: 0; width: 600px; bottom: 0; background: #0095da; padding-left: 28px; } .tt-subscribe-heading:after { content: ''; display: block; position: absolute; top: 0; right: -35px; width: 0; height: 0; border-style: solid; border-width: 40.5px 0 40.5px 35px; border-color: transparent transparent transparent #0095da; } .tt-subscribe-icon { display: inline-block; font-size: 49px; color: #fff; vertical-align: top; margin-top: 13px; margin-right: 23px; } .tt-subscribe-devider { display: inline-block; width: 1px; height: 48px; background: rgba(255, 255, 255, 0.5); margin-top: 16px; margin-right: 21px; } .tt-subscribe-label { display: inline-block; /*font-family: 'Raleway';*/ font-size: 25px; line-height: 25px; font-weight: 700; color: #fff; letter-spacing: 0.5px; vertical-align: top; margin-top: 28px; } .tt-subscribe-content { font-size: 0; text-align: right; padding-left: 365px; padding-right: 50px; } .tt-subscribe-input { display: inline-block; width: 35%; padding-right: 20px; } .tt-subscribe-submit { display: inline-block; width: 30%; vertical-align: top; } @media (max-width:991px) { .tt-subscribe-icon { display: none; } .tt-subscribe-devider { display: none; } .tt-subscribe-heading { width: 150px; padding-left: 20px; } .tt-subscribe-label { font-size: 20px; } .tt-subscribe-content { padding-left: 210px; padding-right: 30px; } } @media (max-width:767px) { .tt-subscribe-heading { position: relative; width: 100%; text-align: center; padding-bottom: 26px; } .tt-subscribe-heading:after { display: none; } .tt-subscribe-content { padding-left: 15px; padding-right: 15px; } .tt-subscribe-input { width: 100%; margin-bottom: 30px; padding-right: 0; } .tt-subscribe-submit { width: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 69 - TT-SUBSCRIBE TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-subscribe.type-2 { display: table; width: 100%; background: transparent; } .tt-subscribe.type-2 .tt-subscribe-heading { display: table-cell; position: static; width: 33.33333333%; vertical-align: middle; background: transparent; padding-top: 15px; padding-bottom: 15px; } .tt-subscribe.type-2 .tt-subscribe-heading:after { display: none; } .tt-subscribe.type-2 .tt-subscribe-content { display: table-cell; vertical-align: middle; padding-left: 0; padding-right: 18px; } .tt-subscribe.type-2 .tt-subscribe-label { display: block; margin-top: 0; color: #161616; } .tt-subscribe.type-2 .tt-subscribe-desc { font-family: 'Raleway'; font-size: 16px; line-height: 26px; font-style: italic; letter-spacing: 0.7px; color: #232323; } @media (max-width:1199px) { .tt-subscribe.type-2 .tt-subscribe-heading { padding-left: 0; } .tt-subscribe.type-2 .tt-subscribe-content { padding-right: 0; } } @media (max-width:767px) { .tt-subscribe.type-2 { display: block; } .tt-subscribe.type-2 .tt-subscribe-heading { display: block; width: 100%; } .tt-subscribe.type-2 .tt-subscribe-content { display: block; width: 100%; padding-top: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 70 - TT-FEATURE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-feature { position: relative; text-align: center; margin-top: -82.5px; z-index: 2; } .tt-feature-icon { width: 165px; height: 165px; margin-left: auto; margin-right: auto; -moz-border-radius: 100%; border-radius: 100%; background: #fa7e1e; border: 10px solid #fa7e1e; } .tt-feature-icon img { border: 1px solid rgba(255, 255, 255, 0.5); -moz-border-radius: 100%; border-radius: 100%; } @media (max-width:767px) { .tt-feature { margin-top: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 71 - TT-FEATURE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-feature-2-icon { position: relative; width: 70px; height: 70px; float: left; background: url(../img/border.png) no-repeat center center; } .tt-feature-2-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .tt-feature-2-content { padding-left: 100px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 73 - TT-FEATURE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-feature-3-icon { position: relative; width: 70px; height: 70px; float: left; background: #33b9ff; } .tt-feature-3-icon:before { content: ''; display: block; position: absolute; bottom: -15px; right: 16px; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 0; border-color: #34bbff transparent transparent transparent; } .tt-feature-3-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .tt-feature-3-content { padding-left: 100px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 74 - TT-FEATURE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-feature-4-icon { position: relative; width: 70px; height: 70px; float: left; background: url(../img/border_2.png) no-repeat center center; text-align: center; } .tt-feature-4-icon .stroke-icon { font-size: 34px; line-height: 70px; color: #ecab13; } .tt-feature-4-content { padding-left: 100px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 75 - TT-FEATURE-5 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-feature-5 { display: block; position: relative; background: #fff; padding-left: 100px; overflow: hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-feature-5-count { position: absolute; top: 0; left: 0; min-width: 70px; font-family: 'Roboto Slab'; font-size: 30px; line-height: 87px; font-weight: 700; color: #fff; letter-spacing: 0.3px; background: #ecab13; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-feature-5-title { display: block; font-size: 20px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: 0; } .tt-feature-5-link { position: absolute; bottom: 0; right: 0; width: 49px; background: #353535; font-size: 16px; line-height: 37px; color: #fff; text-align: center; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-feature-5 .simple-text { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-feature-5:hover { background: #ecab13; } .tt-feature-5:hover .tt-feature-5-count { background: #353535; } .tt-feature-5:hover .tt-feature-5-link { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .tt-feature-5:hover .simple-text { color: #fff; } .tt-feature-5:hover .tt-feature-5-title { color: #fff; } @media (max-width:767px) { .tt-feature-5 { padding-left: 70px; } .tt-feature-5-count { min-width: 50px; line-height: 60px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 76 - TT-FEATURE-6 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-feature-6-icon { position: relative; width: 70px; height: 70px; -moz-border-radius: 70px; border-radius: 70px; float: left; background: #3badfd; text-align: center; } .tt-feature-6-icon .stroke-icon { font-size: 34px; line-height: 70px; color: #fff; } .tt-feature-6-content { padding-left: 100px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 77 - TT-ACCORDION TYPE-1*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-accordion-title { position: relative; font-size: 14px; line-height: 22px; font-weight: 600; letter-spacing: 0.5px; border: 1px solid #e6e6e6; padding: 12px 60px 12px 29px; cursor: pointer; } .tt-accordion-icon { display: block; position: absolute; bottom: -1px; right: 20px; width: 30px; height: 30px; background: #31aae2; font-size: 15px; font-weight: 300; line-height: 30px; text-align: center; color: #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-accordion-panel { margin-bottom: 9px; } .tt-accordion-body { display: none; border: 1px solid #e6e6e6; border-top: 0; padding: 11px 32px 20px 32px; } .tt-accordion-title .tt-accordion-icon:before { content: '+'; display: inline; } .tt-accordion-title.active .tt-accordion-icon:before { content: '-'; display: inline; } .tt-accordion-body.active { display: block; } .tt-accordion-title.active { color: #00a3ef; } .tt-accordion-title.active .tt-accordion-icon { background: #e9e9e9; color: #b3b3b3; } @media (max-width:767px) { .tt-accordion-title { padding-left: 15px; } .tt-accordion-body { padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 78 - TT-ACCORDION TYPE-1 COLOR-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-accordion.color-2 .tt-accordion-title { color: #8d8d8d; font-weight: 400; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 79 - TT-ACCORDION TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-accordion.type-2 .tt-accordion-img { position: absolute; top: 0; left: 0; bottom: 0; background: #e9e9e9; width: 57px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-accordion.type-2 .tt-accordion-img .fa { position: absolute; top: 50%; left: 50%; font-size: 24px; color: #8d8d8d; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-accordion.type-2 .tt-accordion-title { padding-left: 75px; } .tt-accordion.type-2 .tt-accordion-title.active .tt-accordion-img { background: #00a3ef; } .tt-accordion.type-2 .tt-accordion-title.active .tt-accordion-img .fa { color: #fff; } .tt-accordion.type-2 .tt-accordion-body { padding-top: 45px; padding-bottom: 45px; } @media (max-width:991px) { .tt-accordion.type-2 .tt-accordion-body { padding-top: 30px; padding-bottom: 30px; } } @media (max-width:767px) { .tt-accordion.type-2 .tt-accordion-body { padding: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 80 - TT-ACCORDION TYPE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-accordion.type-3 .tt-accordion-title { position: relative; border-left: 4px solid #faaa1e; background: #f5f5f5; padding: 25px 60px 25px 105px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-accordion.type-3 .tt-accordion-title.border-2 { border-left-color: #1cb0f5; } .tt-accordion.type-3 .tt-accordion-title.border-3 { border-left-color: #ff6142; } .tt-accordion.type-3 .tt-accordion-title.border-4 { border-left-color: #88d133; } .tt-accordion.type-3 .tt-accordion-title.border-5 { border-left-color: #ba73ec; } .tt-accordion.type-3 .tt-accordion-img { position: absolute; top: 0; left: 0; bottom: 0; width: 105px; } .tt-accordion.type-3 .tt-accordion-date { width: 90px; float: left; font-family: 'Roboto Slab'; font-size: 16px; line-height: 28px; font-weight: 300; color: #b6b6b6; letter-spacing: 0.3px; text-align: center; padding: 0 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-accordion.type-3 .tt-accordion-date span { display: block; font-size: 35px; font-weight: 700; margin-bottom: 10px; } .tt-accordion.type-3 .tt-accordion-info { padding-left: 90px; } .tt-accordion.type-3 .tt-accordion-label { font-size: 22px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-accordion.type-3 .tt-accordion-parts { font-size: 14px; line-height: 18px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.3px; } .tt-accordion.type-3 .tt-accordion-parts span { margin-right: 20px; } .tt-accordion.type-3 .tt-accordion-parts .stroke-icon { font-size: 16px; color: #1cb0f5; } .tt-accordion.type-3 .tt-accordion-text { font-size: 13px; line-height: 19px; font-weight: 400; color: #aaa; letter-spacing: 0.3px; font-style: italic; } .tt-accordion.type-3 .tt-accordion-body { padding: 0; } .tt-accordion.type-3 .tt-accordion-title.active { background: #fff; } @media (max-width:991px) { .tt-accordion.type-3 .tt-accordion-title { padding-left: 0; padding-right: 15px; } .tt-accordion.type-3 .tt-accordion-img { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 81 - TT-ACCORDION TYPE-3 COLOR-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-accordion.type-3.color-2 .tt-accordion-title { background: #171f2b; } .tt-accordion.type-3.color-2 .tt-accordion-date { color: #faaa1e; } .tt-accordion.type-3.color-2 .tt-accordion-label { color: #fff; } .tt-accordion.type-3.color-2 .tt-accordion-body { background: #fff; } .tt-accordion.type-3.color-2 .tt-accordion-title.active { background: #fff; border-left-color: #fff; } .tt-accordion.type-3.color-2 .tt-accordion-title.active .tt-accordion-date { color: #1cb0f5; } .tt-accordion.type-3.color-2 .tt-accordion-title.active .tt-accordion-label { color: #202020; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 82 - TT-QUICKQUOTE-LINK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-quickquote .container { position: relative; } .tt-quickquote-link { text-align: right; } .tt-quickquote-img { position: absolute; bottom: 0; left: 0; z-index: 1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 83 - TT-LEADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-leader-title { font-family: 'Raleway'; font-size: 45px; line-height: 56px; font-weight: 800; color: #ff9000; letter-spacing: -0.5px; margin-top: 0; } .tt-leader-title span { font-size: 40px; color: #156816; letter-spacing: -0.9px; } @media (max-width:991px) { .tt-leader-title { font-size: 38px; line-height: 47px; } .tt-leader-title span { font-size: 32px; letter-spacing: -0.5px; } } @media (max-width:767px) { .tt-leader-title { font-size: 32px; line-height: 39px; } .tt-leader-title span { font-size: 27px; letter-spacing: -0.3px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 84 - TT-SERVICE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-service-icon { position: relative; float: left; } .tt-service-icon:before { content: ''; display: block; position: absolute; top: -5px; right: -5px; width: 78%; height: 1px; background: #d5d5d5; } .tt-service-icon:after { content: ''; display: block; position: absolute; top: -5px; right: -5px; width: 1px; height: 78%; background: #d5d5d5; } .tt-service-content { padding-left: 120px; } .tt-service-title { display: inline-block; font-family: 'Lato'; font-size: 14px; line-height: 18px; font-weight: 700; color: #000; letter-spacing: 0.4px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .tt-service-title:hover { color: #ff9000; } @media (max-width:991px) { .tt-service-icon { float: none; display: inline-block; margin-bottom: 15px; } .tt-service-content { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 85 - TT-SERVICE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-service-2 { position: relative; margin-left: 33px; background: #fff; border-top: 1px solid #62c4e9; } .tt-service-2-icon { position: absolute; top: 15px; left: -33px; } .tt-service-2-content { padding-left: 120px; padding-right: 15px; } .tt-service-2-content:before { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #f9f9f9 transparent; } .tt-service-2-content:after { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #ececec transparent transparent transparent; } .tt-service-2-title { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 700; color: #202020; letter-spacing: 0.4px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .tt-service-2-title:hover { color: #ff9000; } @media (max-width:991px) { .tt-service-2 { margin-left: 0; text-align: center; } .tt-service-2-icon { display: inline-block; position: static; } .tt-service-2-content { padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 86 - TT-SERVICE-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-service-3 { position: relative; background: #f4f4f6; } .tt-service-3-icon { position: absolute; top: 0; left: 0; bottom: 0; width: 255px; -moz-background-size: cover; background-size: cover; background-position: center center; } .tt-service-3-content { padding-left: 280px; padding-right: 15px; } .tt-service-3-title { display: inline-block; position: relative; left: -23px; font-family: 'Roboto Slab'; font-size: 16px; line-height: 26px; font-weight: 700; color: #fff; letter-spacing: 0.5px; background: #ecab13; padding: 6px 18px 6px 45px; margin-left: -23px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-service-3-title:hover { background: #171f2b; color: #fff; } @media (max-width:1199px) { .tt-service-3-icon { width: 220px; } .tt-service-3-content { padding-left: 245px; } } @media (max-width:480px) { .tt-service-3-icon { position: static; height: 200px; width: 100%; } .tt-service-3-content { padding-left: 15px; } .tt-service-3-title { left: 0; margin-left: 0; padding-left: 18px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 87 - TT-SERVICE-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-service-4-img { position: relative; } .tt-service-4-img a { display: block; } .tt-service-4-icon { position: absolute; bottom: 0; left: 0; width: 70px; height: 92px; background: #ffb502; } .tt-service-4-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; -webkit-backface-visibility: hidden; } .tt-service-4-content { border-top: 3px solid #ffb502; } .tt-service-4-title { display: block; font-family: 'Roboto Slab'; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; letter-spacing: 0.45px; text-align: center; background: #232b37; padding: 15px 5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-service-4-title:hover { background: #00a3ef; color: #fff; } @media (max-width:991px) { .tt-service-4-icon { width: 45px; height: 50px; } .tt-service-4-icon img { max-width: 60%; } } @media (max-width:767px) { .tt-service-4 { max-width: 370px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 88 - TT-PROJECT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-project { display: block; position: relative; overflow: hidden; } .tt-project-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid #272828; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-project-name { display: block; font-family: 'Raleway'; font-size: 18px; line-height: 24px; font-weight: 700; color: #ffbf4d; text-align: center; letter-spacing: 0.3px; } .tt-project-cat { font-family: 'Raleway'; display: block; font-size: 13px; line-height: 17px; font-weight: 600; color: #fff; letter-spacing: 0.3px; text-align: center; } .tt-project-caption-inner { position: absolute; top: 100%; left: 0; width: 100%; padding-top: 13px; } .tt-project:hover .tt-project-caption { border-left-width: 21px; border-right-width: 21px; border-bottom-width: 94px; } .tt-project-slider .pagination { display: none; } .swiper-arrow-left.type-4 { width: 46px; height: 46px; left: 20px; font-size: 22px; line-height: 46px; color: #fff; text-align: center; background: transparent; border: 1px solid rgba(255, 255, 255, 0.8); margin-top: -23px; z-index: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-arrow-left.type-4 i { margin-right: 3px; } .swiper-arrow-left.type-4:hover { background: #ff9000; border-color: #ff9000; } .swiper-arrow-right.type-4 { width: 46px; height: 46px; right: 20px; font-size: 22px; line-height: 46px; color: #fff; text-align: center; background: transparent; border: 1px solid rgba(255, 255, 255, 0.8); margin-top: -23px; z-index: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-arrow-right.type-4:hover { background: #ff9000; border-color: #ff9000; } .swiper-arrow-right.type-4 i { margin-left: 3px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 89 - TT-OFFER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-offer .tt-offer-info { position: relative; border-top: 3px solid #e8aa01; margin-left: 19px; margin-top: -27px; background: #f4f4f4; z-index: 1; padding-left: 23px; padding-right: 15px; } .tt-offer .tt-offer-img { display: block; } .tt-offer .tt-offer-title { display: block; font-size: 16px; line-height: 24px; font-weight: 700; color: #000; letter-spacing: 0.5px; } .tt-offer .tt-offer-title:hover { color: #fbab00; } .tt-offer .tt-offer-icon { position: absolute; top: -45px; left: 0; width: 45px; height: 45px; background: #e8aa01; font-size: 25px; line-height: 45px; text-align: center; color: #fff; } @media (min-width:1600px) { .container-1600 { width: 1600px; } } @media (max-width:991px) { .tt-offer .tt-offer-info { margin-left: 0; } } @media (max-width:767px) { .tt-offer { max-width: 480px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 90 - TT-PROJECT TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-project-2 { display: block; position: relative; } .tt-project-2-caption { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(250, 126, 30, 0.9); text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-2-caption:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-top: 1px solid #fff; border-left: 1px solid #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-2-caption:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 16px; height: 16px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-2-caption-table { display: table; position: relative; width: 100%; height: 100%; } .tt-project-2-caption-table:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 16px; height: 16px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-2-caption-table:after { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 16px; height: 16px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-2-caption-inner { display: table-cell; vertical-align: middle; } .tt-project-2-name { display: block; font-size: 16px; line-height: 22px; font-weight: 700; color: #fff; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-2-cat { display: block; font-size: 14px; line-height: 22px; font-weight: 400; color: #fff; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear; } .tt-project-2:hover .tt-project-2-caption { opacity: 1; } .tt-project-2:hover .tt-project-2-name { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .tt-project-2:hover .tt-project-2-cat { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .tt-project-2:hover .tt-project-2-caption:before { top: 10px; left: 10px; } .tt-project-2:hover .tt-project-2-caption:after { top: 10px; right: 10px; } .tt-project-2:hover .tt-project-2-caption-table:before { bottom: 10px; left: 10px; } .tt-project-2:hover .tt-project-2-caption-table:after { bottom: 10px; right: 10px; } @media (max-width:767px) { .tt-project-2 { max-width: 480px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 91 - TT-PROJECT TYPE-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-project-3 { display: block; position: relative; overflow: hidden; } .tt-project-3-caption { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(49, 170, 226, 0.85); text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-3-caption-table { display: table; position: relative; width: 100%; height: 100%; } .tt-project-3-caption-inner { display: table-cell; vertical-align: middle; -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); transform: translateY(-15%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tt-project-3-name { display: block; font-size: 15px; line-height: 21px; font-weight: 700; color: #fff; letter-spacing: 0.5px; } .tt-project-3-cat { display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; letter-spacing: 0.2px; } .tt-project-3-arrow { display: inline-block; width: 40px; height: 40px; -moz-border-radius: 100%; border-radius: 100%; background: #17232d; font-size: 13px; line-height: 38px; color: #fff; text-align: center; } .tt-project-3:hover .tt-project-3-caption { opacity: 1; } .tt-project-3:hover .tt-project-3-caption-inner { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } @media (max-width:480px) { .tt-project-3-name { font-size: 13px; line-height: 17px; } .tt-project-3-cat { margin-bottom: 10px; } .tt-project-3-arrow { width: 30px; height: 30px; line-height: 28px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 92 - TT-PROJECT TYPE-4*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-project-5 { display: block; border: 1px solid #eee; } .tt-project-5-caption { display: block; background: #fff; text-align: center; border-top: 1px solid #eee; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-project-5-name { display: block; font-size: 14px; line-height: 18px; font-weight: 600; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-project-5-cat { display: block; font-size: 14px; line-height: 18px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.2px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-project-5:hover .tt-project-5-caption { background: #ecab13; border-color: #ecab13; } .tt-project-5:hover .tt-project-5-name { color: #fff; } .tt-project-5:hover .tt-project-5-cat { color: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 93 - TT-WORK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-work { display: block; position: relative; overflow: hidden; } .tt-work:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-work-title { display: block; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; line-height: 26px; font-weight: 400; color: #000; background: #e8aa01; text-align: center; letter-spacing: 0.4px; padding: 9px 5px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-work:hover:before { background: rgba(0, 0, 0, 0.55); } .tt-work:hover .tt-work-title { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 94 - TT-EVENT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-event.type-1 .tt-event-img { width: 100px; float: left; } .tt-event.type-1 .tt-event-content { padding-left: 125px; } .tt-event.type-1 .tt-event-title { display: block; font-family: 'Raleway'; font-size: 16px; line-height: 24px; font-weight: 700; color: #000; letter-spacing: 0.1px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-event.type-1 .tt-event-title:hover { color: #ff9000; } .tt-event.type-1 .tt-event-info { font-size: 0; } .tt-event.type-1 .tt-event-info span { font-size: 14px; line-height: 18px; font-weight: 500; color: #33b9ff; margin-right: 13px; } .tt-event.type-1 .tt-event-info span:last-child { margin-right: 0; } .tt-event.type-1 .tt-event-info .fa { margin-right: 5px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 95 - TT-EVENT TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-event.type-2 { padding-left: 30px; padding-right: 30px; border-bottom: 1px solid #e9e9e9; } .tt-event.type-2.left { border-right: 1px solid #e9e9e9; } .tt-event.type-2 .tt-event-icon { color: #1cb0f5; float: left; } .tt-event.type-2 .tt-event-icon .stroke-icon { font-size: 28px; } .tt-event.type-2 .tt-event-icon .fa { font-size: 22px; } .tt-event.type-2 .tt-event-info { padding-left: 50px; } .tt-event.type-2 .tt-event-title { font-size: 18px; line-height: 20px; font-weight: 700; color: #202020; letter-spacing: 0.3px; margin-top: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (max-width:767px) { .tt-event.type-2 { padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 96 - TT-HEADING */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-heading-title { font-family: 'Roboto Slab'; font-size: 30px; line-height: 30px; font-weight: 700; color: #fff; letter-spacing: 0.4px; margin-top: 0; } .tt-breadcrumbs { list-style: none; font-size: 0; } .tt-breadcrumbs li { display: inline-block; position: relative; margin-right: 18px; } .tt-breadcrumbs li:after { content: '\f105'; display: block; position: absolute; top: 0; left: 100%; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; line-height: 15px; color: #fff; margin-left: 6px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tt-breadcrumbs li:last-child { margin-right: 0; } .tt-breadcrumbs li:last-child:after { display: none; } .tt-breadcrumbs a, .tt-breadcrumbs span { font-size: 12px; line-height: 15px; font-weight: 700; color: #fff; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-breadcrumbs a:hover { color: #BB0D0F; } .tt-heading .tt-breadcrumbs { float: right; padding-left: 0; } @media (max-width:767px) { .tt-heading .tt-breadcrumbs { float: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 97 - TT-LEFT-SIDE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-left-side { position: relative; } .tt-left-side-img { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } .tt-left-side-title { position: absolute; top: 74px; left: 0; font-family: 'Roboto Slab'; font-size: 20px; line-height: 26px; font-weight: 700; color: #fff; background: #ecab13; letter-spacing: 0.5px; padding: 14px 44px; } @media (max-width:991px) { .tt-left-side-img { position: relative; width: 100%; height: 200px; left: 0; margin-bottom: 30px; } .tt-left-side-title { top: auto; bottom: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 98 - TT-TEAM TYPE-1*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-team.type-1 { position: relative; } .tt-team.type-1:before { content: ''; display: block; position: absolute; top: 0; left: 47px; width: 124px; height: 100%; background: #f4f4f4; z-index: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team.type-1 .tt-team-img { position: relative; z-index: 1; } .tt-team.type-1 .tt-team-social { position: absolute; top: 0; left: 0; width: 47px; height: 100%; background: #ecab13; padding-top: 28px; z-index: 2; } .tt-team.type-1 .tt-team-social a { display: block; font-size: 20px; color: #fff; text-align: center; margin-bottom: 30px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team.type-1 .tt-team-social a:hover { color: #202020; } .tt-team.type-1 .tt-team-social a:last-child { margin-bottom: 0; } .tt-team.type-1 .tt-team-info { position: absolute; bottom: 20px; left: 28px; right: 0; background: #3485c7; padding: 9px 9px 9px 35px; z-index: 3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team.type-1 .tt-team-title { font-family: 'Roboto Slab'; font-size: 16px; line-height: 21px; font-weight: 700; color: #fff; letter-spacing: 0.4px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team.type-1 .tt-team-cat { font-size: 13px; line-height: 21px; font-weight: 400; color: #fff; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team.type-1:hover:before { background: #ecab13; } .tt-team.type-1:hover .tt-team-info { background: #fff; } .tt-team.type-1:hover .tt-team-title { color: #3d3d3d; } .tt-team.type-1:hover .tt-team-cat { color: #3d3d3d; } @media (max-width:767px) { .tt-team.type-1 { max-width: 320px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 99 - TT-TEAM-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-team-2 { position: relative; } .tt-team-2:before { content: ''; display: block; position: absolute; top: 0; left: 0px; width: 144px; height: 100%; background: #f5f5f5; z-index: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-2-img { position: relative; z-index: 1; } .tt-team-2-info { position: absolute; top: 55%; left: 0px; right: 0; background: #ecab13; padding: 9px; text-align: center; z-index: 3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-2-title { font-family: 'Roboto Slab'; font-size: 16px; line-height: 21px; font-weight: 700; color: #fff; letter-spacing: 0.4px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-2-cat { font-size: 13px; line-height: 21px; font-weight: 400; color: #fff; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-2-social { position: absolute; top: 55%; left: 0; width: 100%; background: #49b4ff; font-size: 0; text-align: center; padding: 10px 0px; z-index: 2; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-2-social a { display: inline-block; font-size: 16px; color: #fff; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; padding-right: 12px; margin-right: 12px; border-right: 1px solid #fff; } .tt-team-2-social a:hover { color: #202020; } .tt-team-2-social a:last-child { margin-right: 0; border-right: 0; } .tt-team-2:hover:before { background: #49b4ff; } .tt-team-2:hover .tt-team-2-social { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .tt-team-2:hover .tt-team-2-info { background: #171f2b; } @media (max-width:767px) { .tt-team-2 { max-width: 320px; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 100 - TT-TEAM-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-team-3 { background: #f6f6f7; } .tt-team-3-img { margin-left: auto; margin-right: auto; } .tt-team-3-info { background: #ecab13; padding: 9px; text-align: center; z-index: 3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-3-title { font-family: 'Roboto Slab'; font-size: 16px; line-height: 21px; font-weight: 700; color: #fff; letter-spacing: 0.4px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-3-cat { font-size: 13px; line-height: 21px; font-weight: 400; color: #fff; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-team-3:hover .tt-team-3-info { background: #171f2b; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 101 - TT-FACT*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-fact { display: table; width: 100%; } .tt-fact-cell { display: table-cell; vertical-align: middle; } .tt-fact-counter { width: 100px; height: 100px; border: 2px solid #fff; -moz-border-radius: 100%; border-radius: 100%; text-align: center; } .tt-fact-counter span { font-family: 'Roboto Slab'; font-size: 45px; line-height: 96px; } .tt-fact-title { font-family: 'Roboto Slab'; font-size: 18px; line-height: 24px; font-weight: 400; color: #202020; padding-left: 22px; padding-right: 5px; } @media (max-width:991px) { .tt-fact { display: block; } .tt-fact-cell { display: block; text-align: center; } .tt-fact-counter { margin-left: auto; margin-right: auto; margin-bottom: 10px; } .tt-fact-title { padding-left: 0; padding-right: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 102 - TT-RIGHT-SIDE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-right-side { position: relative; } .tt-right-side-img { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; margin-right: 15px; } @media (max-width:991px) { .tt-right-side-img { position: relative; width: 100%; height: 200px; left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 103 - TT-CATEGORIES TYPE-1*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-categories { list-style: none; padding-left: 0; } .tt-categories li.type-1 { margin-bottom: 10px; } .tt-categories li.type-1:last-child { margin-bottom: 0; } .tt-categories li.type-1 a { display: block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #202020; letter-spacing: 0.4px; background: #f2f2f2; padding: 14px 0 14px 37px; overflow: hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-categories li.type-1 a:before { content: '\f105'; display: block; position: absolute; top: 50%; left: 20px; margin-top: -1px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tt-categories li.type-1 a:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 3px; background: #3f3f3f; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-categories li.type-1 a:hover, .tt-categories li.type-1.active a { background: #faaa1e; color: #fff; } .tt-categories li.type-1 a:hover:after, .tt-categories li.type-1.active a:after { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 104 - TT-CATEGORIES TYPE-1 COLOR-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-categories li.type-1.color-2 a { background: #fff; } .tt-categories li.type-1.color-2 a:hover, .tt-categories li.type-1.color-2.active a { background: #faaa1e; color: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 105 - TT-CATEGORIES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-categories li.type-2 { position: relative; padding-left: 18px; margin-bottom: 19px; } .tt-categories li.type-2:before { content: "\f105"; display: block; position: absolute; top: 1px; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #8d8d8d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-categories li.type-2 a { font-size: 14px; line-height: 18px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.4px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-categories li.type-2:last-child { margin-bottom: 0; } .tt-categories li.type-2:hover:before { color: #ff9000; } .tt-categories li.type-2:hover a { color: #ff9000; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 106 - TT-SEARCH */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-search { position: relative; } .tt-search input[type="text"] { display: block; width: 100%; height: 48px; font-size: 14px; line-height: 48px; font-weight: 400; color: #ccc; border: 1px solid #e9e9e9; padding: 0 45px 0 19px; letter-spacing: 0.4px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search input[type="text"]::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: #ccc; } .tt-search input[type="text"]:-moz-placeholder { font-size: 14px; font-weight: 400; color: #ccc; filter: alpha(opacity=100); } .tt-search input[type="text"]::-moz-placeholder { font-size: 14px; font-weight: 400; color: #ccc; filter: alpha(opacity=100); } .tt-search input[type="text"]:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: #ccc; } .tt-search input[type="text"]:focus { outline: none; border-color: #fa7e1e; } .tt-search input[type="submit"] { position: absolute; top: 50%; right: 18px; width: 18px; height: 18px; background: url(../img/search.png) no-repeat center center; border: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tt-search input[type="submit"]:focus { outline: none; } .tt-search input[type="submit"]:hover { opacity: 0.6; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 107 - TT-SEARCH-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-search-2 { background: #f2f2f2; padding-left: 20px; padding-right: 20px; } .tt-search-2-keywords { background: #fafafa; padding-left: 20px; padding-right: 20px; } .tt-search-2-keywords .tt-checkbox-entry { margin-right: 45px; } .tt-search-2-footer { background: #fafafa; padding-left: 20px; padding-right: 20px; } .tt-search-2-all { display: inline-block; font-size: 13px; line-height: 17px; font-weight: 400; color: #a7a7a7; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search-2-all:hover { color: #ff9000; } .tt-search-2-rss { display: inline-block; float: right; font-size: 13px; line-height: 17px; font-weight: 400; color: #000; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search-2-rss:hover { color: #ff9000; } .tt-search-result { padding-left: 15px; padding-right: 15px; } @media (max-width:991px) { .tt-search-2-keywords .tt-checkbox-entry { margin-right: 30px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 108 - TT-SEARCH-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-search-3 { background: #f9f9f9; padding-left: 30px; padding-right: 30px; } .tt-search-3-input { position: relative; } .tt-search-3-input input[type="text"] { display: block; width: 100%; height: 45px; font-family: 'Raleway'; font-size: 14px; line-height: 43px; font-weight: 500; color: #ccc; letter-spacing: 0.3px; border: 1px solid #e9e9e9; padding: 0 155px 0 23px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search-3-input input[type="text"]:focus { outline: none; border-color: #00a3ef; } .tt-search-3-input input[type="submit"] { position: absolute; top: 0; right: 0; height: 45px; font-family: 'Raleway'; font-size: 16px; line-height: 45px; font-weight: 700; color: #fff; letter-spacing: 0.3px; background: #00a3ef; border: 0; padding: 0 32px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search-3-input input[type="submit"]:hover { background: #ff9000; } .tt-search-3-input input[type="submit"]:focus { outline: none; } @media (max-width:767px) { .tt-search-3 { padding-left: 15px; padding-right: 15px; } } @media (max-width:480px) { .tt-search-3-input input[type="submit"] { font-size: 14px; padding: 0 15px; } .tt-search-3-input input[type="text"] { padding-right: 110px; padding-left: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 109 - TT-TAGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tags { list-style: none; font-size: 0; padding-left: 0; } .tt-tags li { display: inline-block; } .tt-tags a { display: block; font-size: 13px; line-height: 17px; font-weight: 400; color: #8d8d8d; background: #f6f6f6; letter-spacing: 0.3px; padding: 11.5px 23px; margin-right: 6px; margin-bottom: 10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tags a:hover, .tt-tags li.active a { color: #fff; background: #ff9000; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 110 - TT-PAGINATION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-pagination { list-style: none; font-size: 0; padding-left: 0; } .tt-pagination li { display: inline-block; margin-right: 10px; } .tt-pagination li:last-child { margin-right: 0; } .tt-pagination a { display: block; min-width: 46px; height: 46px; border: 1px solid #e2e2e2; padding: 0 5px; font-size: 20px; line-height: 44px; font-weight: 400; color: #8e8d8d; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-pagination a .fa { font-size: 16px; } .tt-pagination a:hover, .tt-pagination li.active a { background: #ff9000; border-color: #ff9000; color: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 111 - TT-TAGS POSTITION 2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-pagination.pos-2 { margin-left: 70px; } @media (max-width:991px) { .tt-pagination.pos-2 { margin-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 112 - TT-TAGS POSTITION 3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-pagination.pos-3 { text-align: center; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 113 - TT-TAGS POSTITION 4*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-pagination.pos-4 { margin-left: 50px; } @media (max-width:991px) { .tt-pagination.pos-4 { margin-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 114 - TT-TAGS COLOR 2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-pagination.color-2 a:hover, .tt-pagination.color-2 li.active a { background: #ecab13; border-color: #ecab13; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 115 - TT-BLOG-TOP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-left-margin { margin-left: 70px; } .tt-blog-top { position: relative; } .tt-blog-top-date { position: absolute; bottom: 0; right: 100%; margin-right: 2px; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; background: #ff9000; width: 68px; text-align: center; letter-spacing: 0.3px; padding: 9px 5px; } .tt-blog-top-date span { display: block; font-size: 22px; margin-bottom: 4px; } .tt-blog-top-title { display: block; font-family: 'Roboto Slab'; font-size: 20px; line-height: 26px; font-weight: 700; color: #202020; letter-spacing: 0.5px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-blog-top-label a { color: #b9b9b9; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-blog-top-label a:hover { color: #202020; } .tt-blog-top-label span { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #bbbbbb; padding-right: 17px; margin-right: 7px; } .tt-blog-top-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #bbbbbb; } .tt-blog-top-label span:last-child { padding-right: 0; margin-right: 0; } .tt-blog-top-label span:last-child:before { display: none; } .tt-blog-devider { height: 1px; background: #ddd; } .tt-blog-tags { font-size: 14px; line-height: 15px; font-weight: 400; color: #616161; letter-spacing: 0.5px; } .tt-blog-tags-inner { display: inline-block; color: #bbbbbb; } .tt-blog-tags-inner a { color: #bbb; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-blog-tags-inner a:hover { color: #ff9000; } .tt-blog-poster { font-size: 14px; line-height: 18px; font-weight: 400; color: #616161; letter-spacing: 0.5px; } .tt-blog-poster a { color: #bbb; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-blog-poster a:hover { color: #ff9000; } .tt-blog-nav-left { float: left; } .tt-blog-nav-right { float: right; } @media (max-width:991px) { .tt-left-margin { margin-left: 0; } .tt-blog-top-date { right: auto; left: 0; } } @media (max-width: 767px) { .tt-blog-nav-left, .tt-blog-nav-right { float: none; text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 116 - TT-ADMIN */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-admin { border: 1px solid #eee; background: #fcfcfc; } .tt-admin-table { display: table; width: 100%; height: 169px; border-bottom: 1px solid #eee; } .tt-admin-cell { display: table-cell; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; } .tt-admin-img { width: 122px; height: 122px; overflow: hidden; -moz-border-radius: 122px; border-radius: 122px; z-index: 2; margin-left: 25px; margin-right: 25px; } .tt-admin-title { font-size: 16px; line-height: 26px; font-weight: 700; color: #000; letter-spacing: 0.3px; } .tt-admin-title span { font-size: 14px; font-weight: 400; } .tt-admin-footer { padding: 11px 0px; } .tt-admin-left { float: left; padding-left: 35px; } .tt-admin-right { float: right; padding-right: 28px; } .tt-admin-social { margin-top: 3px; } .tt-admin-social a { font-size: 16px; color: #010101; margin-left: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-admin-social a:hover { color: #ff8c04; } @media (max-width:767px) { .tt-admin-table { display: block; text-align: center; height: auto; padding: 15px; } .tt-admin-cell { display: block; } .tt-admin-left, .tt-admin-right { float: none; text-align: center; padding-left: 0; padding-right: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 117 - TT-COMMENT-BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-comment-block { border: 1px solid #eee; list-style: none; padding-left: 0; } .tt-comment-block li { padding: 25px 25px 25px 25px; } .tt-comment-block > li { border-bottom: 1px solid #eee; } .tt-comment-block > li:nth-child(even) { background: #fcfcfc; } .tt-comment-block > li:last-child { border-bottom: 0; } .tt-comment-avatar { float: left; } .tt-comment-text { padding-left: 95px; } .tt-comment-name { font-size: 16px; line-height: 26px; font-weight: 400; color: #353535; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-comment-name:hover { color: #ff8c04; } .tt-comment-label a { color: #e84c3d; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-comment-label a:hover { color: #202020; } .tt-comment-label span { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-weight: 400; color: #c2c2c2; padding-right: 17px; margin-right: 7px; } .tt-comment-label span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #c2c2c2; } .tt-comment-label span:last-child { padding-right: 0; margin-right: 0; } .tt-comment-label span:last-child:before { display: none; } .tt-comment-block ul { list-style: none; padding-left: 95px; } .tt-comment-block ul li { padding-left: 0; padding-right: 0; } @media (max-width:767px) { .tt-comment-block { text-align: center; } .tt-comment-avatar { float: none; } .tt-comment-text { padding-left: 0; } .tt-comment-block ul { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 118 - TT-FORM-BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-form-block { border: 1px solid #eee; padding-left: 25px; padding-right: 25px; } @media (max-width:767px) { .tt-form-block { padding-left: 15px; padding-right: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 119 - TT-TOPBAR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-topbar { display: table; width: 100%; height: 64px; } .tt-topbar-entry { display: table-cell; position: relative; vertical-align: middle; padding: 5px 10px; text-align: center; } .tt-topbar-entry:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 26px; margin-top: -13px; background: #cacaca; } .tt-topbar-entry:last-child:after { display: none; } .tt-topbar-entry, .tt-topbar-entry a { font-size: 14px; line-height: 26px; font-weight: 400; color: #727272; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-topbar-entry a:hover { color: #202020; } .tt-topbar-entry .fa { font-size: 18px; color: #0088cc; margin-right: 10px; } @media (max-width:767px) { .tt-topbar { display: block; height: auto; } .tt-topbar-entry { display: block; } .tt-topbar-entry:after { display: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 120 - TT-PRODUCT-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-product-1 { border: 1px solid #f0f0f0; padding: 10px; } .tt-product-1-img { position: relative; widows: 100%; height: 180px; } .tt-product-1-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .tt-product-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(248, 248, 248, 0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-btn { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 0; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-1-img:hover .tt-product-overlay { background: rgba(248, 248, 248, 0.6); } .tt-product-1-img:hover .tt-product-btn { opacity: 1; } .tt-product-like { display: inline-block; position: relative; font-size: 14px; line-height: 33px; color: #36bbfe; width: 35px; height: 35px; background: #fff; margin-right: 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-like:last-child { margin-right: 0; } .tt-product-like:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: url(../img/btn_20_top.png) repeat-x; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-like:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url(../img/btn_20_top.png) repeat-x; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-like span:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 1px; background: url(../img/btn_20_left.png) repeat-y; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-like span:after { content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: url(../img/btn_20_left.png) repeat-y; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-like:hover { color: #202020; } .tt-product-1-info { background: #f8f8f8; text-align: center; } .tt-product-1-title { display: inline-block; font-size: 13px; line-height: 22px; font-weight: 400; color: #000; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-1-title:hover { color: #fbab00; } .tt-product-1-price { font-size: 14px; line-height: 18px; font-weight: 400; color: #202020; letter-spacing: 0.3px; } .tt-product-1-price span { font-size: 16px; font-weight: 600; color: #ff1a16; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 121 - TT-PRODUCT-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-product-2-img { display: block; float: left; border: 1px solid #ededed; } .tt-product-2-info { padding-left: 140px; } .tt-product-2-title { display: block; font-size: 14px; line-height: 20px; font-weight: 400; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-2-title:hover { color: #fbab00; } .tt-product-2-price { font-size: 13px; line-height: 17px; font-weight: 400; color: #999; letter-spacing: 0.3px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 122 - TT-PRODUCT-3 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-product-3-img { position: relative; width: 100%; height: 204px; background: #f9f9f9; border: 1px solid #e5e5e5; } .tt-product-3-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .tt-product-3-img:hover .tt-product-overlay { background: rgba(248, 248, 248, 0.6); } .tt-product-3-img:hover .tt-product-btn { opacity: 1; } .tt-product-3-title { display: block; font-size: 14px; line-height: 22px; font-weight: 700; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-3-title:hover { color: #fbab00; } .tt-product-3-price { font-family: 'Raleway'; font-size: 16px; line-height: 24px; font-weight: 500; color: #202020; letter-spacing: 0.3px; } .tt-product-3-price span { font-size: 20px; font-weight: 700; color: #ff8400; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 123 - TT-PRODUCT-4 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-product-4 { border: 1px solid #f0f0f0; } .tt-product-4-img { position: relative; widows: 100%; height: 178px; border-bottom: 1px solid #f0f0f0; } .tt-product-4-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .tt-product-4-img:hover .tt-product-overlay { background: rgba(248, 248, 248, 0.6); } .tt-product-4-img:hover .tt-product-btn { opacity: 1; } .tt-product-4-info { background: #f8f8f8; text-align: center; } .tt-product-4-title { display: inline-block; font-size: 14px; line-height: 22px; font-weight: 700; color: #000; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-product-4-title:hover { color: #fbab00; } .tt-product-4-price { font-size: 16px; line-height: 22px; font-weight: 400; color: #202020; letter-spacing: 0.3px; } .tt-product-4-price span { font-size: 20px; font-weight: 600; color: #ff8400; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 124 - TT-PRODUCT-GALLERY */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-product-bigimg { position: relative; height: 486px; border: 1px solid #e2e2e2; } .tt-product-bigimg:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 2px solid #fff; } .tt-product-slider { margin-left: 40px; margin-right: 40px; } .tt-product-slider .swiper-container { margin-left: -11px; margin-right: -11px; } .tt-product-slider .tt-product-slide { padding-left: 11px; padding-right: 11px; } .tt-product-slide img { border: 1px solid #e7e7e7; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-slide.hovered .tt-product-slide img { border: 1px solid #fa7e1e; } .swiper-arrow-left.type-7 { left: -30px; width: 16px; height: 26px; font-size: 26px; line-height: 24px; z-index: 2; text-align: center; background: transparent; margin-top: -13px; color: #8c8c8c; } .swiper-arrow-right.type-7 { right: -30px; width: 16px; height: 16px; font-size: 26px; line-height: 24px; z-index: 2; text-align: center; background: transparent; margin-top: -13px; color: #8c8c8c; } /*Phones (<768px)*/ @media (max-width:767px) { .tt-product-gallery { max-width: 480px; margin-left: auto; margin-right: auto; } .tt-product-bigimg { height: 300px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 125 - MPRDUCT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-mproduct-title { font-size: 32px; line-height: 32px; font-weight: 700; color: #000; letter-spacing: 1px; margin-top: 0; } .tt-mproduct-devider { height: 1px; background: #ebebeb; } .tt-mproduct-xlabel { float: left; } .tt-mproduct-xlabel span { display: inline-block; position: relative; font-size: 13px; line-height: 18px; font-weight: 400; color: #b3b3b3; letter-spacing: 0.3px; padding-right: 12px; margin-right: 12px; } .tt-mproduct-xlabel span:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin-top: -6.5px; background: #c9c9c9; } .tt-mproduct-xlabel span:last-child:after { display: none; } .tt-mproduct-xlabel a { color: #b3b3b3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-mproduct-xlabel a:hover { color: #202020; } .tt-mproduct-rating { float: left; } .tt-mproduct-rating span { font-size: 13px; line-height: 18px; color: #b3b3b3; margin-left: 7px; } .tt-mproduct-rating span.active { color: #ff9000; } .tt-mproduct-xquantity { float: left; font-size: 16px; line-height: 28px; font-weight: 400; color: #858585; } .tt-mproduct-stock { float: right; font-size: 13px; line-height: 17px; font-weight: 600; color: #ff9000; letter-spacing: 0.3px; } .tt-mproduct-price { font-size: 35px; line-height: 35px; font-weight: 400; font-style: italic; color: #000000; letter-spacing: 0.3px; } .tt-mproduct-compare { text-align: right; } .tt-mproduct-social { float: right; } .tt-mproduct-quantity .number-picker { margin-right: 20px; vertical-align: middle; } .tt-mproduct-wrapper-right { margin-left: 50px; } @media (max-width: 1199px) { .tt-mproduct-wrapper-right { margin-left: 0; } .tt-tab-wrapper.type-6 .tt-nav-tab-item { min-width: 10px; } } @media (max-width:767px) { .tt-mproduct-compare { text-align: left; } } @media (max-width:480px) { .tt-mproduct-xlabel { float: none; } .tt-mproduct-rating { float: none; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 126 - CART-TABLE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-cart-table table { width: 100%; max-width: 100%; } .tt-cart-table table > thead > tr > th { font-size: 16px; line-height: 26px; font-weight: 400; color: #000; letter-spacing: 0.3px; background: #f9f9f9; padding: 16px 25px; border: 1px solid #ebebeb; } .tt-cart-table table > tbody > tr > th { vertical-align: middle; border: 1px solid #ebebeb; padding: 0 25px; font-size: 14px; line-height: 26px; font-weight: 400; color: #8e8d8d; } .tt-cart-img { display: block; width: 120px; height: 132px; margin: 15px auto; border: 1px solid #e9e9e9; } .tt-cart-link { color: #8e8d8d; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-cart-link:hover { color: #8e8d8d; text-decoration: underline; } .tt-cart-remove { display: block; width: 22px; font-family: 'Raleway'; font-size: 18px; line-height: 26px; font-weight: 700; color: #36bbfe; margin-left: auto; margin-right: auto; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-cart-remove:hover { color: #fbab00; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 127 - CART-TABLE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-coupon { font-size: 0; } .tt-coupon input { margin-right: 16px; } .tt-coupon input:last-child { margin-right: 0; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 128 - CART-TABLE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-chekout { border: 1px solid #ebebeb; border-bottom: 0; } .tt-chekout-head { font-size: 16px; line-height: 26px; font-weight: 400; color: #000; letter-spacing: 0.3px; background: #f9f9f9; border-bottom: 1px solid #ebebeb; padding: 15px 24px; } .tt-chekout-row { padding: 15px 24px; font-size: 14px; line-height: 26px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; border-bottom: 1px solid #ebebeb; } .tt-chekout-label { display: inline-block; width: 34%; color: #000; vertical-align: middle; } .tt-chekout-price { display: inline-block; vertical-align: middle; } .tt-chekout-row.total { padding-bottom: 37px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 129 - TT-MESSAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-message { font-size: 16px; line-height: 26px; font-weight: 400; color: #fff; background: #00a3ef; letter-spacing: 0.3px; padding: 22px 30px; } .tt-message a { text-decoration: underline; color: #fff; } .tt-message a:hover { text-decoration: none; color: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 130 - TT-ORDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-order { background: #f8f8f8; border: 1px solid #d9d9d9; padding-left: 29px; padding-right: 29px; } .tt-order-label { font-size: 14px; line-height: 22px; font-weight: 400; color: #000; vertical-align: middle; } .tt-order-count { font-size: 14px; line-height: 22px; font-weight: 400; color: #8e8d8d; vertical-align: middle; } .tt-order-count.total { font-size: 18px; color: #010101; } .tt-order-devider { height: 1px; background: #e2e2e2; } .tt-order-info { position: relative; background: #ececec; padding-left: 30px; padding-right: 30px; -moz-border-radius: 3px; border-radius: 3px; } .tt-order-info:before { content: ''; display: block; position: absolute; top: -12px; left: 27px; width: 0; height: 0; border-style: solid; border-width: 0 9.5px 12px 9.5px; border-color: transparent transparent #ececec transparent; } .tt-order-pay { margin-top: -8px; } .tt-order-faq { text-align: right; } .tt-order-link { font-size: 13px; line-height: 17px; font-weight: 400; color: #fe5454; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-order-link:hover { color: #010101; } .tt-address-more { display: none; } @media (max-width:767px) { .tt-order { padding-left: 15px; padding-right: 15px; } .tt-order-faq { text-align: left; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 131 - TT-ACHEIVE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-acheive { border: 1px solid #e9e9e9; padding: 10px; } .tt-acheive-img { position: relative; float: left; width: 111px; height: 138px; background: #f5f5f5; text-align: center; } .tt-acheive-img i { font-size: 70px; line-height: 138px; color: #faaa1e; } .tt-acheive-info { padding-left: 140px; } .tt-acheive-title { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 600; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-acheive-title:hover { color: #ff9000; } .sidebar-margin { margin-left: 20px; } @media (max-width: 991px) { .sidebar-margin { margin-left: 0; } } @media (max-width:480px) { .tt-acheive-img { float: none; margin-left: auto; margin-right: auto; } .tt-acheive-info { padding-left: 0; text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 132 - TT-BROCHURE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-brochure { position: relative; display: table; width: 100%; max-width: 100%; background: #162842; padding: 21px 30px; } .tt-brochure:before { content: ''; display: block; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #0972aa; } .tt-brochure-cell { display: table-cell; vertical-align: middle; } .tt-brochure-file { width: 50px; } .tt-brochure-icon { position: relative; font-size: 35px; color: #faaa1e; width: 50px; border-right: 1px solid #0f4d76; } .tt-brochure-link { display: block; position: relative; font-family: 'Roboto Slab'; font-size: 16px; line-height: 20px; font-weight: 700; color: #fff; padding-left: 22px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-brochure-link:hover { color: #faaa1e; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 133 - TT-TWO-COLORS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-overflow { overflow: hidden; } .tt-two-colors { position: relative; } .tt-two-colors:before { content: ''; display: block; position: absolute; top: 0; left: -63px; right: -5000px; bottom: 0; background: #fff; } .tt-two-colors > div { position: relative; } @media (max-width:1199px) { .tt-two-colors:before { left: -55px; } } @media (max-width:991px) { .tt-two-colors:before { left: -15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 134 - TT-TWO-COLORS-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-two-colors-2 { position: relative; } .tt-two-colors-2:before { content: ''; display: block; position: absolute; top: 0; left: 0px; right: -5000px; bottom: 0; background: #f6f6f8; } .tt-two-colors-2 > div { position: relative; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 135 - TT-PARTNER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-partner { border: 1px solid #e9e9e9; padding: 10px; } .tt-partner-img { display: block; float: left; width: 204px; background: #f5f5f5; } .tt-partner-img img { opacity: 0.5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-partner-img:hover img { opacity: 1; } .tt-partner-info { padding-left: 235px; } .tt-partner-title { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 600; color: #202020; letter-spacing: 0.3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-partner-title:hover { color: #ff9000; } @media (max-width:480px) { .tt-partner-img { float: none; margin-left: auto; margin-right: auto; } .tt-partner-info { padding-left: 0; text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 136 - TT-PRICE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-price { border: 1px solid #f0f0f0; border-top: 0; text-align: center; } .tt-price-label { font-family: 'Raleway'; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; background: #00a3ef; letter-spacing: 0.3px; padding: 13px 10px; } .tt-price-price { font-size: 45px; line-height: 45px; font-weight: 600; color: #083a5d; text-align: center; background: #eaeaea; padding: 14px 15px 11px 15px; } .tt-price-mark { font-size: 40px; font-weight: 400; } .tt-price-coin { font-size: 20px; font-weight: 400; } .tt-price-list { list-style: none; padding-left: 0; } .tt-price-list li { font-size: 14px; line-height: 24px; font-weight: 400; color: #8e8d8d; letter-spacing: 0.3px; border-bottom: 1px solid #f0f0f0; padding: 13px 15px; } .tt-price.active { margin-top: -16px; } .tt-price.active .tt-price-label { background: #ff5a00; padding: 21px 10px; } @media (max-width:767px) { .tt-price.active { margin-top: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 137 - TT-CONTACT-MAP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-contact-map { height: 276px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 138 - TT-CONTACT-MAP-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-contact-map-2 { height: 388px; } @media (max-width:767px) { .tt-contact-map-2 { height: 320px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 139 - TT-CONTACT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-contact { border: 1px solid #e9e9e9; padding-left: 25px; padding-right: 25px; } .tt-contact-submit { text-align: right; } @media (max-width:767px) { .tt-contact { padding-left: 15px; padding-right: 15px; } .tt-contact-submit { text-align: left; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 140 - TT-ACCOUNT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-account { border-right: 1px solid #e2e2e2; } @media (max-width:767px) { .tt-account { border-right: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 141 - TT-QUESTUION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-questuion-icon { float: left; font-size: 22px; color: #d0d0d0; } .tt-questuion-info { padding-left: 35px; } .tt-questuion-label { font-family: 'Raleway'; font-size: 14px; line-height: 24px; font-weight: 400; color: #656565; } .tt-questuion-link { font-family: 'Raleway'; font-size: 14px; line-height: 24px; font-weight: 400; color: #ff9000; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-questuion-link:hover { color: #202020; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 142 - SLIDER-RANGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .slider-range { position: relative; height: 47px; } .slider-range .ui-slider { margin-top: 19px; } .slider-range .ui-slider-horizontal { position: relative; height: 8px; background: #dadada; -moz-border-radius: 8px; border-radius: 8px; text-align: left; clear: both; margin-right: 119px; } .slider-range .ui-slider .ui-slider-range { position: absolute; top: 0; height: 100%; display: block; border: 0; background: #dadada; background-position: 0 0; -moz-border-radius: 8px; border-radius: 8px; z-index: 1; } .slider-range .ui-slider .ui-slider-handle { display: block; position: absolute; top: -13px; cursor: default; -ms-touch-action: none; width: 34px; height: 34px; margin-left: -17px; background: #fff; border: 9px solid #31b9f8; -moz-border-radius: 16px; border-radius: 28px; -ms-touch-action: none; touch-action: none; z-index: 2; } .slider-range .ui-slider .ui-slider-handle:before { content: ''; display: block; position: absolute; top: -9px; left: -9px; width: 34px; height: 34px; -moz-border-radius: 34px; border-radius: 34px; border: 3px solid #fff; } .slider-range .ui-slider .ui-slider-handle:focus { outline: none; } .slider-range .amount { position: absolute; top: 0; right: 0; width: 87px; height: 47px; font-size: 18px; line-height: 45px; font-weight: 400; color: #202020; letter-spacing: 0.3px; background: #fff; border: 1px solid #e9e9e9; text-align: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .slider-range .amount:focus { outline: none; border-color: #ff9000; } .slider-range .ui-slider-handle .text { display: block; position: absolute; top: 45px; left: 50%; min-width: 48px; height: 35px; background: #31b9f8; font-size: 16px; line-height: 35px; font-weight: 400; color: #fff; letter-spacing: 0.3px; text-align: center; padding: 0 5px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .slider-range .ui-slider-handle .text:before { content: ''; display: block; position: absolute; top: -8px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #31b9f8 transparent; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .tt-range-result { font-size: 22px; line-height: 32px; font-weight: 400; color: #373737; letter-spacing: 0.8px; text-align: right; } .tt-range-result span { font-size: 32px; margin-left: 35px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 143 - SLIDER-RANGE COLOR-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .slider-range.color-2 .ui-slider-horizontal { background: #f9c322; } .slider-range.color-2 .ui-slider .ui-slider-range { background: #f9c322; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 144 - TT-MLINE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-mline { display: table; width: 100%; height: 98px; background: #f8f8f8; border-left: 1px solid #31b9f8; padding-top: 10px; padding-bottom: 10px; } .tt-mline-title { display: table-cell; width: 350px; font-size: 16px; line-height: 26px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.3px; padding-left: 30px; padding-right: 20px; vertical-align: middle; } .tt-mline-info { display: table-cell; padding-left: 25px; padding-right: 25px; vertical-align: middle; } @media (max-width:767px) { .tt-mline { display: block; height: auto; padding-top: 15px; padding-bottom: 15px; } .tt-mline-title { display: block; padding-left: 15px; padding-right: 15px; width: auto; margin-bottom: 15px; } .tt-mline-info { display: block; padding-left: 15px; padding-right: 15px; } } @media (max-width:480px) { .slider-range { height: auto; } .slider-range .ui-slider-horizontal { margin-right: 0; margin-bottom: 25px; } .slider-range .ui-slider-handle .text { display: none; } .slider-range .amount { position: static; width: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 145 - TT-DETAILS-ICON */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-details { margin-left: 25px; margin-right: 25px; } .tt-details-devider { height: 1px; background: #e7e7ed; } .tt-details-icon { font-size: 45px; color: #fa7e1e; float: left; } .tt-details-text { padding-left: 80px; } .tt-details-text, .tt-details-text a { font-size: 14px; line-height: 26px; font-weight: 400; color: #8d8d8d; letter-spacing: 0.3px; word-break: break-word; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-details-text p { margin-bottom: 0; } .tt-details-text a:hover { color: #202020; } @media (max-width:991px) { .tt-details { margin-left: 15px; margin-right: 15px; } .tt-details-text { padding-left: 65px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 146 - TT-CONTACT-LINE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-contact-line { position: relative; font-family: 'Roboto Slab'; font-size: 27px; line-height: 29px; font-weight: 700; color: #fff; letter-spacing: 0.3px; text-align: center; background: #1b75b4; } .tt-contact-line:before { content: ''; display: block; position: absolute; bottom: -11px; left: 50%; width: 0; height: 0; margin-left: -13px; border-style: solid; border-width: 11px 13.5px 0 13.5px; border-color: #1b74b4 transparent transparent transparent; z-index: 2; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 147 - TT-NOTFOUND */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-notfound { text-align: center; } .tt-notfound-label { font-family: 'Roboto Slab'; font-size: 200px; line-height: 170px; font-weight: 700; color: #00a3ef; margin-top: 0; } .tt-notfound-title { font-family: 'Roboto Slab'; font-size: 50px; line-height: 50px; font-weight: 700; color: #fff; } .tt-notfound-text { font-size: 25px; line-height: 26px; font-weight: 300; color: #fff; } .tt-notfound-img img { float: right; margin-top: -55px; } @media (max-width:991px) { .tt-notfound-img img { margin-top: 0; } .tt-notfound { padding-left: 15px; padding-right: 15px; } } @media (max-width:767px) { .tt-notfound-label { font-size: 100px; line-height: 85px; } .tt-notfound-title { font-size: 25px; line-height: 25px; } .tt-notfound-text { font-size: 18px; line-height: 26px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 148 - COMMING SOON */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-comming { overflow: hidden; } .tt-comming-inner { position: relative; background: rgba(0, 0, 0, 0.65); padding-right: 50px; } .tt-comming-inner:before { content: ''; display: block; position: absolute; top: 0; left: -5000px; bottom: 0; right: 100%; background: rgba(0, 0, 0, 0.65); } .tt-timer-entry { border: 1px solid #ff9000; text-align: center; } .tt-timer-count { font-family: 'Raleway'; font-size: 65px; line-height: 65px; font-weight: 100; color: #ff9000; } .tt-timer-text { font-family: 'Raleway'; font-size: 20px; line-height: 26px; font-weight: 300; color: #ff9000; } .tt-comming-label { position: absolute; left: 66.66666667%; top: 0; bottom: 0; width: 5000px; background: #ecab13; margin-left: 150px; text-align: left; } .tt-comming-label-bg { position: absolute; bottom: 0; left: 0; opacity: 0.1; } .tt-comming-label-text { display: inline-block; position: absolute; bottom: 50%; left: 60px; font-family: 'Raleway'; font-size: 100px; line-height: 65px; font-weight: 500; color: #000; margin-top: 0; -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); -o-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; z-index: 2; } .tt-comming-label-text span { font-weight: 100; } @media (max-width:991px) { .tt-comming-label-text { font-size: 72px; } } @media (max-width:767px) { .tt-comming-label { position: static; width: auto; margin-left: 0; padding-left: 15px; padding-right: 15px; text-align: center; } .tt-comming-label-text { position: static; -webkit-transform: translateX(0) rotate(0deg); -moz-transform: translateX(0) rotate(0deg); -ms-transform: translateX(0) rotate(0deg); -o-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } .tt-timer-entry { max-width: 180px; margin-left: auto; margin-right: auto; } .tt-comming-inner { padding-left: 15px; padding-right: 15px; } .tt-comming-inner:before { display: none; } .tt-comming-label-text { font-size: 40px; line-height: 40px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 149 - LIGHTBOX */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; } #imagelightbox-close { width: 2.5em; height: 2.5em; text-align: left; background-color: #ecab13; position: fixed; z-index: 10002; top: 2.5em; right: 2.5em; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; border: none; } #imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111; outline: none; } #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; } #imagelightbox-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #imagelightbox-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #imagelightbox-loading, #imagelightbox-loading div { -moz-border-radius: 50%; border-radius: 50%; } #imagelightbox-loading { width: 2.5em; height: 2.5em; background-color: #444; background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; margin: -1.25em 0 0 -1.25em; -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); } #imagelightbox-loading div { width: 1.25em; height: 1.25em; background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; -moz-animation: imagelightbox-loading .5s ease infinite; -o-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; } #imagelightbox-overlay { background-color: rgba(246, 246, 247, 0.7); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } #imagelightbox-caption { font-size: 15px; font-weight: 500; letter-spacing: 1px; text-align: center; color: #fff; background-color: #ecab13; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 14px 0px; } .imagelightbox-arrow { font-size: 40px; line-height: 56px; font-weight: 400; color: #3c3c3c; width: 3.75em; height: 7.5em; background-color: transparent; vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; border: none; } .imagelightbox-arrow-left { left: 2.5em; } .imagelightbox-arrow-right { right: 2.5em; } .imagelightbox-arrow-left:focus, .imagelightbox-arrow-right:focus { outline: none; } .imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:hover { color: #ecab13; } #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow { -webkit-animation: fade-in .25s linear; -moz-animation: fade-in .25s linear; -o-animation: fade-in .25s linear; animation: fade-in .25s linear; } @media only screen and (max-width:660px) { #container { width: 100%; } #imagelightbox-close { top: 1.25em; right: 1.25em; } #imagelightbox-nav { bottom: 1.25em; } .imagelightbox-arrow { width: 2.5em; } .imagelightbox-arrow-left { left: 1.25em; } .imagelightbox-arrow-right { right: 1.25em; } } @media only screen and (max-width:320px) { .imagelightbox-arrow-left { left: 0; } .imagelightbox-arrow-right { right: 0; } } @media (max-width:767px) { .block.type-7 .filter-nav li { margin-bottom: 10px; } .block.type-7 .filter-content a { display: block; } .block.type-7 .filter-content a img { margin: 0 auto; } .block.type-7 .icon-wrapper .icon-entry { margin-bottom: 30px; } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: .5; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-moz-keyframes imagelightbox-loading { from { opacity: .5; -moz-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: .5; -moz-transform: scale(0.75); transform: scale(0.75); } } @-o-keyframes imagelightbox-loading { from { opacity: .5; -o-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -o-transform: scale(1); transform: scale(1); } to { opacity: .5; -o-transform: scale(0.75); transform: scale(0.75); } } @keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { opacity: .5; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } } /* cf validation styles */ .cf-validation label.error { display: none !important; } .cf-validation input.error, .cf-validation textarea.error { border: 1px solid #BB0D0F; } p.success { font-size: 18px; color: #494949; margin-bottom: 20px; border: 1px solid #494949; padding: 16px 17px; } /* revolution slider styles */ .rev_slider_wrapper .buildcon-caption-h1 { color: #202D41; font-size: 45px; font-weight: 800; font-family: 'Raleway', sans-serif; text-transform: uppercase; line-height: 55px; } .rev_slider_wrapper .buildcon-caption-h1 span.highlighted { color: #FB9A00; } .rev_slider_wrapper .buildcon-caption-h1 span.border { width: 65px; height: 3px; background: #FB9A00; display: inline-block; } .rev_slider_wrapper .buildcon-caption-h2 { color: #3F3F3F; font-size: 40px; font-weight: 800; font-family: 'Raleway', sans-serif; text-transform: uppercase; line-height: 55px; } .rev_slider_wrapper .buildcon-caption-h2 span.highlighted { color: #00A3EF; } .rev_slider_wrapper .buildcon-caption-p { font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: italic; color: #000000; line-height: 28px; } .rev_slider_wrapper .thm-btn { border: none; outline: none; border: 1px solid #FBAB00; line-height: 38px !important; letter-spacing: .1em !important; text-transform: uppercase; font-weight: bold !important; display: inline-block; font-family: 'Raleway'; padding: 0 27px; background: #FBAB00; color: #fff; transition: all .5s ease !important; } .rev_slider_wrapper .thm-btn:hover, .rev_slider_wrapper .thm-btn.bordered { border-color: #878787; color: #151515; background-color: transparent; } .rev_slider_wrapper .thm-btn.bordered:hover { background: #FBAB00; border-color: #FBAB00; color: #fff; } .rev_slider_wrapper .tt-main-slide-info { width: 525px; } .rev_slider_wrapper .tt-main-slide-info .tt-main-slide-text { font-weight: 200 !important; } @media only screen and (max-width: 600px) { .rev_slider_wrapper .tp-caption { display: none !important; } } /* header fixing styles */ .tt-header-1.scrolled { padding-top: 0; height: 94px; } .tt-header-1.scrolled .top-line { display: none; } /* Spacers */ .spacer { height: 20px; overflow: hidden; } .spacer-sm { height: 10px; overflow: hidden; } .spacer-lg { height: 40px; overflow: hidden; } .spacer-xl { height: 60px; overflow: hidden; } .spacer-xxl { height: 80px; overflow: hidden; } ul .titleCell { background-color: #999; } .smart-pricing .elegant-style ul li { text-shadow: 0 1px rgba(0, 0, 0, .5); ; } .smart-pricing .elegant-style ul li .features { font-weight: bold; color: #CD0000; } /*.smart-pricing .elegant-style .pricing-footer { background-color: #171f2b; background-image: none; }*/