/* |------------------------------------------------------------------------- | Be | Global style | version 3.2 | http://BeantownThemes.com | http://themeforest.net/user/BeantownThemes |-------------------------------------------------------------------------- | 1.0 Base | 2.0 Buttons | 3.0 Mfn-icons | 4.0 Shortcodes | 5.0 Variables | 6.0 Animation | 7.0 jQuery ui | 8.0 jPlayer | 9.0 Prrettyphoto | 10. simple style | 11. Bootstrap elements */ /* |-------------------------------------------------------------------------- | 1.0 Base | |-------------------------------------------------------------------------- | | | */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } .body-bg-3 { /*background: url(../img/body-bg-3.jpg) no-repeat center center fixed; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #000; } .header-1 { background: #b2b9bf; background: -moz-linear-gradient(top, #b2b9bf 0%, #dde6eb 50%, #e7e8ea 100%); background: -webkit-linear-gradient(top, #b2b9bf 0%,#dde6eb 50%,#e7e8ea 100%); background: linear-gradient(to bottom, #b2b9bf 0%,#dde6eb 50%,#e7e8ea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b9bf', endColorstr='#e7e8ea',GradientType=0 ); } .header-2 { background: url(../img/header-2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .header-3 { background: none; } body { line-height: 1; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ html { height: 100%; } body { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: inherit; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none; } h1 { margin-bottom: 15px; } h2 { margin-bottom: 15px; } h3 { margin-bottom: 15px; } h4 { margin-bottom: 15px; } h5 { margin-bottom: 15px; } h6 { margin-bottom: 15px; } p { margin: 0 0 15px; } em,i { font-style: italic; } b,strong { font-weight: 700; } big,.big { font-size: 110%; line-height: 180%; color: #444; } footer .big { font-size: 110%; line-height: 180%; color: #fff; } dt { font-weight: 700; } /* #Links ================================================== */ a,a:visited,a:focus { text-decoration: none; outline: 0; } a:hover { text-decoration: underline; } p a,p a:visited { line-height: inherit; } /* #Images ================================================== */ img.scale-with-grid,#Content img { max-width: 100%; /*height: 100px;*/ } #logo .scale-with-grid { max-height: 100%; /* height: 100px;*/ } @media (min-width:1240px) { .image_wrapper-3 img { height: 396px; } body { overflow-y: hidden; } } @media (max-width:1239px) { .image_wrapper-3 img { height: 426px; } body { overflow-y: hidden; } } @media (max-width:972px) { .image_wrapper-3 img { height: 426px; } body { overflow-y: hidden; } } @media (max-width:959px) { .image_wrapper-3 img { height: 458px; } body { overflow-y: hidden; } } @media (max-width:768px) { .image_wrapper-3 img { height: auto !important; margin-top: -1px; } body { overflow-y: hidden; } } @media (max-width:767px) { .image_wrapper-3 img { float: left; margin: 0; padding: 0; } } @media (max-width:414px) { .image_wrapper-3 img { height: 470px; } } @media (max-width:375px) { .image_wrapper-3 img { height: 482px; } } @media (max-width:320px) { .image_wrapper-3 img { height: 506px; } } .google-map img { max-width: none !important; } iframe { max-width: 100%; } /* Sizes ----------------------------------------------------------------------------- */ /* .mcb-wrap */ .one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .one-second.mcb-wrap { width: 50%; } /* 1/2 */ .three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .one-seventh.column { width: 7%; } .one-sixth.column { width: 14.666%; } /* 1/6 */ .one-fifth.column { width: 18%; } .one-fifth-2.column { width: 16.4%; } /* 1/5 */ .one-fourth.column, .four.columns { width: 23%; } /* 1/4 */ .one-fourth-2.column { width: 30%; } .one-third.column { width: 31.333%; } /* 1/3 */ .one-third-2.column { width: 33.333%; } .two-fifth.column { width: 38%; } /* 2/5 */ .one-second-3.column { width: 45%; } .one-second.column { width: 48%; } /* 1/2 */ .one-second-2.column { width: 37%; } .one-second-4.column { width: 48.6%; } .three-fifth.column { width: 58%; } /* 3/5 */ .two-third.column { width: 64.666%; } /* 2/3 */ .three-fourth.column { width: 73%; } /* 3/4 */ .four-fifth.column { width: 78%; } /* 4/5 */ .five-sixth.column { width: 81.333%; } /* 5/6 */ .one.column { width: 98%; } /* 1/1 */ .section.full-width > .one.column, .section.full-width > .section_wrapper > .one.column, .section.full-width .one.wrap .one.column { width:100%; margin: 0; } /* .Sidebar | .with_aside */ .with_aside .content_wrapper { max-width: 1240px; margin:0 auto;} .with_aside .sections_group { width: 75%; float:left;} .with_aside .section_wrapper { max-width:98%; max-width:calc( 100% - 20px );} .with_aside .four.columns { float: right; margin:0;} .aside_left .sections_group { float: right;} .aside_left .four.columns { float: left;} /* Sidebar - Both | .aside_both */ .aside_both .sections_group { width: 60%; margin-left:20%;} .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar-1 { float: left !important; margin-left:-79%; } /* Column ---------------------------------------------------------------------------- */ /* Column | Margin - Horizontal */ .no-margin-h .column { margin-left:0; margin-right:0; } .no-margin-h .one-sixth.column { width: 16.666%; } /* 1/6 */ .no-margin-h .one-fifth.column { width: 20%; } /* 1/5 */ .no-margin-h .one-fourth.column { width: 25%; } /* 1/4 */ .no-margin-h .one-third.column { width: 33.333%; } /* 1/3 */ .no-margin-h .one-second.column { width: 50%; } /* 1/2 */ .no-margin-h .two-third.column { width: 66.666%; } /* 2/3 */ .no-margin-h .three-fourth.column { width: 75%; } /* 3/4 */ .no-margin-h .one.column { width: 100%; } /* 1/1 */ /* Column | Margin - Bottom */ /* set in section options */ .column.column_divider { margin-bottom: 0 !important;} .column-margin-0px .column { margin-bottom: 0 !important;} .column-margin-10px .column { margin-bottom: 10px !important;} .column-margin-20px .column { margin-bottom: 20px !important;} .column-margin-30px .column { margin-bottom: 30px !important;} .column-margin-40px .column { margin-bottom: 40px !important;} .column-margin-50px .column { margin-bottom: 50px !important;} /* set in item options */ .column-margin-0px.column { margin-bottom: 0 !important;} .column-margin-10px.column { margin-bottom: 10px !important;} .column-margin-20px.column { margin-bottom: 20px !important;} .column-margin-30px.column { margin-bottom: 30px !important;} .column-margin-40px.column { margin-bottom: 40px !important;} .column-margin-50px.column { margin-bottom: 50px !important;} /* Column | Equal Height */ .equal-height .column .column_attr{height:100%;box-sizing:border-box} /* Column | Align */ .column_attr.align_left{text-align:left} .column_attr.align_right{text-align:right} .column_attr.align_center{text-align:center} .column_attr.align_justify{text-align:justify} .mcb-wrap { float:left; position:relative; z-index:1; -webkit-box-sizing:border-box; box-sizing:border-box;} .mcb-wrap.divider { width:100%;} /* #Buttons ================================================== */ a.tp-button { background: none; font-family: inherit !important; height: auto !important; line-height: inherit !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; letter-spacing: 0 !important; text-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; font-weight: 400 !important; border-width: 1px !important; } a.button,a.tp-button,button,input[type="submit"],input[type="reset"],input[type="button"] { display: inline-block; padding: 11px 20px; margin-bottom: 15px; cursor: pointer; margin-right: 7px; border: 0; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); background-image: url(../img/box_shadow_button.png); background-repeat: repeat-x; } .search_wrapper input[type="submit"] { padding: 11px 20px; top:-23px; } a.button_js { padding: 0; } a.button.button_large,a.tp-button.button_large,button.button_large,input[type="submit"].button_large,input[type="reset"].button_large,input[type="button"].button_large { font-size: 110%; line-height: 110%; } /* Button label & icon */ a.button .button_label { display: block; float: left; position: relative; z-index: 2; } a.button .button_icon { display: block; float: left; background: rgba(0,0,0,.05); } a.button .button_icon i { color: rgba(0,0,0,.5); } /* Button icon left */ a.button.button_left .button_icon,a.tp-button.button_left .button_icon { float: left; } a.button.button_right .button_icon,a.tp-button.button_right .button_icon { float: right; } /* Paddings */ a.button .button_label { padding: 11px 20px; } a.button .button_icon { padding: 11px 13px; } a.button_large .button_label { padding: 15px 30px; } a.button_large .button_icon { padding: 15px 13px; } /* Hover */ @media only screen and (min-width: 768px) { a.button:after,a.tp-button:after,button:after,input[type="submit"]:after,input[type="reset"]:after,input[type="button"]:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(0,0,0,.05); } a:hover.button,a:hover.tp-button { text-decoration: none; } a.button:hover:after,a.tp-button:hover:after,button:hover:after,input[type="submit"]:hover:after,input[type="reset"]:hover:after,input[type="button"]:hover:after { width: 100%; } } /* #Buttons stroke ================================================== */ .button-stroke a.button,.button-stroke a.tp-button,.button-stroke button,.button-stroke input[type="submit"],.button-stroke input[type="reset"],.button-stroke input[type="button"] { border-width: 2px; border-style: solid; -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; background-image: none; } .button-stroke a.button:after,.button-stroke a.tp-button:after,.button-stroke button:after,.button-stroke input[type="submit"]:after,.button-stroke input[type="reset"]:after,.button-stroke input[type="button"]:after { display: none; } .button-stroke a:hover.button,.button-stroke a:hover.tp-button,.button-stroke button:hover,.button-stroke input[type="submit"]:hover,.button-stroke input[type="reset"]:hover,.button-stroke input[type="button"]:hover { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background-color: #828282; } .button-stroke a:hover.button.button_stroke_custom,.button-stroke a:hover.tp-button.button_stroke_custom { background-color: rgba(0,0,0,.05) !important; } /* Button icon */ .button-stroke a.button .button_icon { background: none; } .button-stroke a:hover.button .button_icon i,.button-stroke a.button.button_theme:hover .button_icon i { color: rgba(0,0,0,.5) !important; } /* Paddings */ .button-stroke a.button_left.button .button_label,.button-stroke a.button_left.button_large .button_label { padding-left: 0; } .button-stroke a.button_right.button .button_label,.button-stroke a.button_right.button_large .button_label { padding-right: 0; } .button-stroke a.button_left.button_large .button_icon { padding-left: 27px; } .button-stroke a.button_right.button_large .button_icon { padding-right: 27px; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; } /* |-------------------------------------------------------------------------- | 2.0 Buttons | |-------------------------------------------------------------------------- | | | */ /* Red */ a.button.button_red,a.tp-button.red { background-color: #e7432b; color: #fff; } .button-stroke a.button.button_red,.button-stroke a.button.button_red .button_icon i,.button-stroke a.tp-button.red { color: #e7432b; border-color: #e7432b; } .button-stroke a:hover.button.button_red,.button-stroke a:hover.tp-button.red { background-color: #e7432b !important; color: #fff; } /* Blue */ a.button.button_blue,a.tp-button.blue { background-color: #2e96db; color: #fff; } .button-stroke a.button.button_blue,.button-stroke a.button.button_blue .button_icon i,.button-stroke a.tp-button.blue { color: #2e96db; border-color: #2e96db; } .button-stroke a:hover.button.button_blue,.button-stroke a:hover.tp-button.blue { background-color: #2e96db !important; color: #fff; } /* Turquoise */ a.button.button_turquoise,a.tp-button.turquoise { background-color: #22e387; color: #fff; } .button-stroke a.button.button_turquoise,.button-stroke a.button.button_turquoise .button_icon i,.button-stroke a.tp-button.turquoise { color: #22e387; border-color: #22e387; } .button-stroke a:hover.button.button_turquoise,.button-stroke a:hover.tp-button.turquoise { background-color: #22e387 !important; color: #fff; } /* Yellow */ a.button.button_yellow,a.tp-button.yellow { background-color: #face43; color: #fff; } .button-stroke a.button.button_yellow,.button-stroke a.button.button_yellow .button_icon i,.button-stroke a.tp-button.yellow { color: #face43; border-color: #face43; } .button-stroke a:hover.button.button_yellow,.button-stroke a:hover.tp-button.yellow { background-color: #face43 !important; color: #fff; } /* Grey */ a.button.button_grey,a.tp-button.grey { background-color: #8f8f8f; color: #fff; } .button-stroke a.button.button_grey,.button-stroke a.button.button_grey .button_icon i,.button-stroke a.tp-button.grey { color: #8f8f8f; border-color: #8f8f8f; } .button-stroke a:hover.button.button_grey,.button-stroke a:hover.tp-button.grey { background-color: #8f8f8f !important; color: #fff; } /* Navy */ a.button.button_navy,a.tp-button.navy { background-color: #3b5982; color: #fff; } .button-stroke a.button.button_navy,.button-stroke a.button.button_navy .button_icon i,.button-stroke a.tp-button.navy { color: #3b5982; border-color: #3b5982; } .button-stroke a:hover.button.button_navy,.button-stroke a:hover.tp-button.navy { background-color: #3b5982 !important; color: #fff; } /* Orange */ a.button.button_orange,a.tp-button.orange { background-color: #ff8125; color: #fff; } .button-stroke a.button.button_orange,.button-stroke a.button.button_orange .button_icon i,.button-stroke a.tp-button.orange { color: #ff8125; border-color: #ff8125; } .button-stroke a:hover.button.button_orange,.button-stroke a:hover.tp-button.orange { background-color: #ff8125 !important; color: #fff; } /* Green */ a.button.button_green,a.tp-button.green { background-color: #88be4c; color: #fff; } .button-stroke a.button.button_green,.button-stroke a.button.button_green .button_icon i,.button-stroke a.tp-button.green { color: #88be4c; border-color: #88be4c; } .button-stroke a:hover.button.button_green,.button-stroke a:hover.tp-button.green { background-color: #88be4c !important; color: #fff; } /****************************************************/ /* Button darkgrey */ a.tp-button.darkgrey { background-color: transparent; color: #545454 !important; border-color: #545454; } a:hover.tp-button.darkgrey { background-color: #545454; color: #fff !important; } /* Button lightgrey */ a.tp-button.lightgrey { background-color: transparent; color: #fff; border-color: #fff; } a:hover.tp-button.lightgrey { background-color: #fff; color: #545454 !important; } /* |-------------------------------------------------------------------------- | 3.0 Mfn-icons | |-------------------------------------------------------------------------- | | | */ @font-face { font-family: 'mfn-icons'; src: url(fonts/mfn-icons.eot); src: url(fonts/mfn-icons.eot) format("embedded-opentype"),url(fonts/mfn-icons.woff) format("woff"),url(fonts/mfn-icons.ttf) format("truetype"),url(fonts/mfn-icons.svg) format("svg"); font-weight: 400; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'mfn-icons'; src: url('fonts/../font/mfn-icons.svg?3416171#mfn-icons') format('svg'); } } */ [class^="icon-"]:before,[class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #fff; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dark [class^="icon-"]:before, .dark [class*=" icon-"]:before { color: #aaa; } [class^="icon-"]:hover:before,[class*=" icon-"]:hover:before { /*color: #ec6d01;*/ } .top-social-color [class^="icon-"] { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #fff; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .top-social-color [class^="icon-"]:hover:before,.top-social-color [class*=" icon-"]:hover:before { color: #ec6d01; } .ab-5-icon-color [class^="icon-"]:before,.ab-5-icon-color [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #444; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .ab-5-icon-color:hover [class^="icon-"]:before,.ab-5-icon-color:hover [class*=" icon-"]:before { color: #fff; } .icon_box:hover .ab-5-icon-color [class^="icon-"]:before,.icon_box:hover .ab-5-icon-color [class*=" icon-"]:before { color: #fff; } .ab-4-text-color li:hover [class^="icon-"]:before , .ab-4-text-color a:hover [class^="icon-"]:before { color: #fff; } footer [class^="icon-"]:before,footer [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #ccc; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } footer [class^="icon-"]:hover:before,footer [class*=" icon-"]:hover:before { color: #e50e13; } .index-3-title-icon [class^="icon-"]:before,.index-3-title-icon [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #fff; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .index-3-title-icon [class^="icon-"]:hover:before,.index-3-title-icon [class*=" icon-"]:hover:before { color: #fff; } .index-3-title-icon-2 [class^="icon-"]:before,.index-3-title-icon-2 [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #ec6d01; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .index-3-title-icon-2 [class^="icon-"]:hover:before,.index-3-title-icon-2 [class*=" icon-"]:hover:before { color: #fff; } .index-2-title-icon [class^="icon-"]:before,.index-2-title-icon [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #fff; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .index-2-title-icon [class^="icon-"]:hover:before,.index-2-title-icon [class*=" icon-"]:hover:before { color: #ec6d01; } .index-4-title-icon [class^="icon-"]:before,.index-4-title-icon [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #ec6d01; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .index-4-title-icon [class^="icon-"]:hover:before,.index-4-title-icon [class*=" icon-"]:hover:before { color: #444; } .pagination-3-title-icon [class^="icon-"]:before,.pagination-3-title-icon [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #ec6d01; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .pagination-3-title-icon [class^="icon-"]:hover:before,pagination-3-title-icon [class*=" icon-"]:hover:before { color: #fff; } .pagination-3-title-icon:hover { color: #fff; } #Subheader-5 [class^="icon-"]:before,#Subheader-5 [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-right: .2em; text-align: center; color: #b5b5b5; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } #Subheader-5 [class^="icon-"]:hover:before,#Subheader-5 [class*=" icon-"]:hover:before { color: #b5b5b5; } .icon-acrobat:before{content:'\e800'}.icon-address:before{content:'\e801'}.icon-adjust:before{content:'\e802'}.icon-aim:before{content:'\e803'}.icon-air:before{content:'\e804'}.icon-alert:before{content:'\e805'}.icon-amazon:before{content:'\e806'}.icon-android:before{content:'\e807'}.icon-angellist:before{content:'\e808'}.icon-appnet:before{content:'\e809'}.icon-appstore:before{content:'\e80a'}.icon-archive:before{content:'\e80b'}.icon-arrow-combo:before{content:'\e80c'}.icon-arrows-ccw:before{content:'\e80d'}.icon-attach:before{content:'\e80e'}.icon-attach-line:before{content:'\e80f'}.icon-attention:before{content:'\e810'}.icon-back:before{content:'\e811'}.icon-back-in-time:before{content:'\e812'}.icon-bag:before{content:'\e813'}.icon-basket:before{content:'\e814'}.icon-battery:before{content:'\e815'}.icon-beaker-line:before{content:'\e816'}.icon-bell:before{content:'\e817'}.icon-bitbucket:before{content:'\e818'}.icon-bitcoin:before{content:'\e819'}.icon-block:before{content:'\e81a'}.icon-blogger:before{content:'\e81b'}.icon-book:before{content:'\e81c'}.icon-book-open:before{content:'\e81d'}.icon-bookmark:before{content:'\e81e'}.icon-bookmarks:before{content:'\e81f'}.icon-box:before{content:'\e820'}.icon-briefcase:before{content:'\e821'}.icon-brush:before{content:'\e822'}.icon-bucket:before{content:'\e823'}.icon-buffer:before{content:'\e824'}.icon-calendar:before{content:'\e825'}.icon-calendar-line:before{content:'\e826'}.icon-call:before{content:'\e827'}.icon-camera:before{content:'\e828'}.icon-camera-line:before{content:'\e829'}.icon-cancel:before{content:'\e82a'}.icon-cancel-circled:before{content:'\e82b'}.icon-cancel-squared:before{content:'\e82c'}.icon-cart:before{content:'\e82d'}.icon-cc:before{content:'\e82e'}.icon-cc-by:before{content:'\e82f'} .icon-cc-nc:before{content:'\e830'}.icon-cc-nc-eu:before{content:'\e831'}.icon-cc-nc-jp:before{content:'\e832'}.icon-cc-nd:before{content:'\e833'}.icon-cc-pd:before{content:'\e834'}.icon-cc-remix:before{content:'\e835'}.icon-cc-sa:before{content:'\e836'}.icon-cc-share:before{content:'\e837'}.icon-cc-zero:before{content:'\e838'}.icon-ccw:before{content:'\e839'}.icon-cd:before{content:'\e83a'}.icon-cd-line:before{content:'\e83b'}.icon-chart-area:before{content:'\e83c'}.icon-chart-bar:before{content:'\e83d'}.icon-chart-line:before{content:'\e83e'}.icon-chart-pie:before{content:'\e83f'}.icon-chat:before{content:'\e840'}.icon-check:before{content:'\e841'}.icon-clipboard:before{content:'\e842'}.icon-clock:before{content:'\e843'}.icon-clock-line:before{content:'\e844'}.icon-cloud:before{content:'\e845'}.icon-cloud-line:before{content:'\e846'}.icon-cloud-thunder:before{content:'\e847'}.icon-cloudapp:before{content:'\e848'}.icon-code:before{content:'\e849'}.icon-cog:before{content:'\e84a'}.icon-cog-line:before{content:'\e84b'}.icon-comment-fa:before{content:'\e84c'}.icon-comment-line:before{content:'\e84d'}.icon-compass:before{content:'\e84e'}.icon-credit-card:before{content:'\e84f'}.icon-cup:before{content:'\e850'}.icon-cup-line:before{content:'\e851'}.icon-cw:before{content:'\e852'}.icon-database-line:before{content:'\e853'}.icon-delicious:before{content:'\e854'}.icon-desktop-line:before{content:'\e855'}.icon-diamond-line:before{content:'\e856'}.icon-digg:before{content:'\e857'}.icon-direction:before{content:'\e858'}.icon-disqus:before{content:'\e859'}.icon-doc:before{content:'\e85a'} .icon-doc-landscape:before{content:'\e85b'}.icon-doc-line:before{content:'\e85c'}.icon-doc-text:before{content:'\e85d'}.icon-doc-text-inv:before{content:'\e85e'}.icon-docs:before{content:'\e85f'}.icon-dot:before{content:'\e860'}.icon-dot-2:before{content:'\e861'}.icon-dot-3:before{content:'\e862'}.icon-down:before{content:'\e863'}.icon-down-bold:before{content:'\e864'}.icon-down-circled:before{content:'\e865'}.icon-down-dir:before{content:'\e866'}.icon-down-open:before{content:'\e867'}.icon-down-open-big:before{content:'\e868'}.icon-down-open-mini:before{content:'\e869'}.icon-down-thin:before{content:'\e86a'}.icon-download:before{content:'\e86b'}.icon-drive:before{content:'\e86c'}.icon-droplet:before{content:'\e86d'}.icon-drupal:before{content:'\e86e'}.icon-duckduckgo:before{content:'\e86f'}.icon-dwolla:before{content:'\e870'}.icon-ebay:before{content:'\e871'}.icon-email:before{content:'\e872'}.icon-erase:before{content:'\e873'}.icon-eventasaurus:before{content:'\e874'}.icon-eventbrite:before{content:'\e875'}.icon-eventful:before{content:'\e876'}.icon-export:before{content:'\e877'}.icon-eye:before{content:'\e878'}.icon-eye-line:before{content:'\e879'}.icon-fast-backward:before{content:'\e87a'}.icon-fast-forward:before{content:'\e87b'}.icon-feather:before{content:'\e87c'}.icon-fire-line:before{content:'\e87d'}.icon-fivehundredpx:before{content:'\e87e'}.icon-flag:before{content:'\e87f'}.icon-flash:before{content:'\e880'}.icon-flashlight:before{content:'\e881'}.icon-flight:before{content:'\e882'}.icon-floppy:before{content:'\e883'}.icon-flow-branch:before{content:'\e884'}.icon-flow-cascade:before{content:'\e885'}.icon-flow-line:before{content:'\e886'}.icon-flow-parallel:before{content:'\e887'}.icon-flow-tree:before{content:'\e888'}.icon-folder:before{content:'\e889'}.icon-food-line:before{content:'\e88a'}.icon-forrst:before{content:'\e88b'}.icon-forward:before{content:'\e88c'}.icon-gauge:before{content:'\e88d'}.icon-globe:before{content:'\e88e'}.icon-globe-line:before{content:'\e88f'}.icon-gmail:before{content:'\e890'} .icon-googleplay:before{content:'\e891'}.icon-gowalla:before{content:'\e892'}.icon-graduation-cap:before{content:'\e893'}.icon-graduation-cap-line:before{content:'\e894'}.icon-grooveshark:before{content:'\e895'}.icon-guest:before{content:'\e896'}.icon-hackernews:before{content:'\e897'}.icon-heart-empty-fa:before{content:'\e898'}.icon-heart-fa:before{content:'\e899'}.icon-heart-line:before{content:'\e89a'}.icon-help:before{content:'\e89b'}.icon-help-circled:before{content:'\e89c'}.icon-home:before{content:'\e89d'}.icon-hourglass:before{content:'\e89e'}.icon-html5:before{content:'\e89f'}.icon-ie:before{content:'\e8a0'}.icon-inbox:before{content:'\e8a1'}.icon-inbox-line:before{content:'\e8a2'}.icon-infinity:before{content:'\e8a3'}.icon-info:before{content:'\e8a4'}.icon-info-circled:before{content:'\e8a5'}.icon-install:before{content:'\e8a6'}.icon-instapaper:before{content:'\e8a7'}.icon-intensedebate:before{content:'\e8a8'}.icon-itunes:before{content:'\e8a9'}.icon-key:before{content:'\e8aa'}.icon-key-line:before{content:'\e8ab'}.icon-keyboard:before{content:'\e8ac'}.icon-klout:before{content:'\e8ad'}.icon-lamp:before{content:'\e8ae'}.icon-language:before{content:'\e8af'}.icon-lanyrd:before{content:'\e8b0'}.icon-layout:before{content:'\e8b1'}.icon-leaf:before{content:'\e8b2'}.icon-left:before{content:'\e8b3'}.icon-left-bold:before{content:'\e8b4'}.icon-left-circled:before{content:'\e8b5'}.icon-left-dir:before{content:'\e8b6'}.icon-left-open:before{content:'\e8b7'}.icon-left-open-big:before{content:'\e8b8'}.icon-left-open-mini:before{content:'\e8b9'}.icon-left-thin:before{content:'\e8ba'}.icon-lego:before{content:'\e8bb'}.icon-level-down:before{content:'\e8bc'}.icon-level-up:before{content:'\e8bd'}.icon-lifebuoy:before{content:'\e8be'}.icon-light-down:before{content:'\e8bf'}.icon-light-up:before{content:'\e8c0'}.icon-lightbulb-line:before{content:'\e8c1'}.icon-link:before{content:'\e8c2'}.icon-list:before{content:'\e8c3'}.icon-list-add:before{content:'\e8c4'}.icon-lkdto:before{content:'\e8c5'} .icon-location:before{content:'\e8c6'}.icon-location-line:before{content:'\e8c7'}.icon-lock:before{content:'\e8c8'}.icon-lock-line:before{content:'\e8c9'}.icon-lock-open:before{content:'\e8ca'}.icon-login:before{content:'\e8cb'}.icon-logout:before{content:'\e8cc'}.icon-loop:before{content:'\e8cd'}.icon-macstore:before{content:'\e8ce'}.icon-magnet:before{content:'\e8cf'}.icon-mail:before{content:'\e8d0'}.icon-mail-line:before{content:'\e8d1'}.icon-map:before{content:'\e8d2'}.icon-meetup:before{content:'\e8d3'}.icon-megaphone:before{content:'\e8d4'}.icon-megaphone-line:before{content:'\e8d5'}.icon-menu:before{content:'\e8d6'}.icon-mic:before{content:'\e8d7'}.icon-minus:before{content:'\e8d8'}.icon-minus-circled:before{content:'\e8d9'}.icon-minus-squared:before{content:'\e8da'}.icon-mobile:before{content:'\e8db'}.icon-mobile-line:before{content:'\e8dc'}.icon-money-line:before{content:'\e8dd'}.icon-monitor:before{content:'\e8de'}.icon-moon:before{content:'\e8df'}.icon-mouse:before{content:'\e8e0'}.icon-music:before{content:'\e8e1'}.icon-music-line:before{content:'\e8e2'}.icon-mute:before{content:'\e8e3'}.icon-myspace:before{content:'\e8e4'}.icon-network:before{content:'\e8e5'}.icon-newspaper:before{content:'\e8e6'}.icon-ninetyninedesigns:before{content:'\e8e7'}.icon-note:before{content:'\e8e8'}.icon-note-beamed:before{content:'\e8e9'}.icon-note-line:before{content:'\e8ea'}.icon-openid:before{content:'\e8eb'}.icon-opentable:before{content:'\e8ec'}.icon-palette:before{content:'\e8ed'}.icon-paper-plane:before{content:'\e8ee'}.icon-paper-plane-line:before{content:'\e8ef'}.icon-params-line:before{content:'\e8f0'}.icon-pause:before{content:'\e8f1'}.icon-pencil:before{content:'\e8f2'}.icon-pencil-line:before{content:'\e8f3'}.icon-phone:before{content:'\e8f4'}.icon-photo-line:before{content:'\e8f5'}.icon-picture:before{content:'\e8f6'} .icon-pinboard:before{content:'\e8f7'}.icon-plancast:before{content:'\e8f8'}.icon-play:before{content:'\e8f9'}.icon-plurk:before{content:'\e8fa'}.icon-plus:before{content:'\e8fb'}.icon-plus-circled:before{content:'\e8fc'}.icon-plus-squared:before{content:'\e8fd'}.icon-pocket:before{content:'\e8fe'}.icon-podcast:before{content:'\e8ff'}.icon-popup:before{content:'\e900'}.icon-posterous:before{content:'\e901'}.icon-print:before{content:'\e902'}.icon-progress-0:before{content:'\e903'}.icon-progress-1:before{content:'\e904'}.icon-progress-2:before{content:'\e905'}.icon-progress-3:before{content:'\e906'}.icon-publish:before{content:'\e907'}.icon-quora:before{content:'\e908'}.icon-quote:before{content:'\e909'}.icon-record:before{content:'\e90a'}.icon-reddit:before{content:'\e90b'}.icon-reply:before{content:'\e90c'}.icon-reply-all:before{content:'\e90d'}.icon-resize-full:before{content:'\e90e'}.icon-resize-small:before{content:'\e90f'}.icon-retweet:before{content:'\e910'}.icon-right:before{content:'\e911'}.icon-right-bold:before{content:'\e912'}.icon-right-circled:before{content:'\e913'}.icon-right-dir:before{content:'\e914'}.icon-right-open:before{content:'\e915'}.icon-right-open-big:before{content:'\e916'}.icon-right-open-mini:before{content:'\e917'}.icon-right-thin:before{content:'\e918'}.icon-rocket:before{content:'\e919'}.icon-rss:before{content:'\e91a'}.icon-search:before{content:'\e91b'}.icon-search-line:before{content:'\e91c'}.icon-share:before{content:'\e91d'}.icon-shareable:before{content:'\e91e'}.icon-shop-line:before{content:'\e91f'}.icon-shuffle:before{content:'\e920'}.icon-signal:before{content:'\e921'}.icon-smashmag:before{content:'\e922'}.icon-songkick:before{content:'\e923'}.icon-sound:before{content:'\e924'}.icon-sound-line:before{content:'\e925'}.icon-stackoverflow:before{content:'\e926'} .icon-star:before{content:'\e927'}.icon-star-empty:before{content:'\e928'}.icon-star-line:before{content:'\e929'}.icon-statusnet:before{content:'\e92a'}.icon-stop:before{content:'\e92b'}.icon-suitcase:before{content:'\e92c'}.icon-switch:before{content:'\e92d'}.icon-t-shirt-line:before{content:'\e92e'}.icon-tag:before{content:'\e92f'}.icon-tag-line:before{content:'\e930'}.icon-tape:before{content:'\e931'}.icon-target:before{content:'\e932'}.icon-thermometer:before{content:'\e933'}.icon-thumbs-up:before{content:'\e934'}.icon-thumbs-down:before{content:'\e935'}.icon-thumbs-up-line:before{content:'\e936'}.icon-ticket:before{content:'\e937'}.icon-to-end:before{content:'\e938'}.icon-to-start:before{content:'\e939'}.icon-tools:before{content:'\e93a'}.icon-traffic-cone:before{content:'\e93b'}.icon-trash:before{content:'\e93c'}.icon-trash-line:before{content:'\e93d'}.icon-trophy:before{content:'\e93e'}.icon-truck-line:before{content:'\e93f'}.icon-tv-line:before{content:'\e940'}.icon-up:before{content:'\e941'}.icon-up-bold:before{content:'\e942'}.icon-up-circled:before{content:'\e943'}.icon-up-dir:before{content:'\e944'}.icon-up-open:before{content:'\e945'}.icon-up-open-big:before{content:'\e946'}.icon-up-open-mini:before{content:'\e947'}.icon-up-thin:before{content:'\e948'}.icon-upload:before{content:'\e949'}.icon-upload-cloud:before{content:'\e94a'}.icon-user:before{content:'\e94b'}.icon-user-add:before{content:'\e94c'}.icon-user-line:before{content:'\e94d'}.icon-users:before{content:'\e94e'}.icon-vcard:before{content:'\e94f'}.icon-viadeo:before{content:'\e950'}.icon-video:before{content:'\e951'}.icon-videocam-line:before{content:'\e952'}.icon-vk:before{content:'\e953'}.icon-volume:before{content:'\e954'}.icon-w3c:before{content:'\e955'}.icon-wallet-line:before{content:'\e956'}.icon-water:before{content:'\e957'}.icon-weibo:before{content:'\e958'}.icon-wikipedia:before{content:'\e959'}.icon-window:before{content:'\e95a'}.icon-wordpress:before{content:'\e95b'}.icon-xing:before{content:'\e95c'} .icon-yahoo:before{content:'\e95d'}.icon-yelp:before{content:'\e95e'}.icon-youtube:before{content:'\e95f'}.icon-menu-fine:before{content:'\e960'}.icon-bag-fine:before{content:'\e961'}.icon-search-fine:before{content:'\e962'}.icon-cancel-fine:before{content:'\e963'}.icon-plus-fine:before{content:'\e964'}.icon-minus-fine:before{content:'\e965'}.icon-gplus-circled:before{content:'\f059'}.icon-github-circled:before{content:'\f09b'}.icon-gplus:before{content:'\f0d5'}.icon-comment-empty-fa:before{content:'\f0e5'}.icon-instagram:before{content:'\f16d'}.icon-tumblr:before{content:'\f173'}.icon-windows:before{content:'\f17a'}.icon-foursquare:before{content:'\f180'}.icon-google:before{content:'\f1a0'}.icon-behance:before{content:'\f1b4'}.icon-steam:before{content:'\f1b6'}.icon-spotify:before{content:'\f1bc'}.icon-database:before{content:'\f1c0'}.icon-qq:before{content:'\f1d6'}.icon-paypal:before{content:'\f1ed'}.icon-stripe:before{content:'\f1f5'}.icon-chrome:before{content:'\f268'}.icon-scribd:before{content:'\f28a'}.icon-github:before{content:'\f300'}.icon-flickr:before{content:'\f303'}.icon-flickr-circled:before{content:'\f304'}.icon-vimeo:before{content:'\f306'}.icon-vimeo-circled:before{content:'\f307'}.icon-twitter:before{content:'\f309'}.icon-twitter-circled:before{content:'\f30a'}.icon-facebook:before{content:'\f30c'}.icon-facebook-circled:before{content:'\f30d'}.icon-facebook-squared:before{content:'\f30e'}.icon-pinterest:before{content:'\f312'}.icon-pinterest-circled:before{content:'\f313'}.icon-tumblr-circled:before{content:'\f316'}.icon-linkedin:before{content:'\f318'} .icon-linkedin-circled:before{content:'\f319'}.icon-dribbble:before{content:'\f31b'}.icon-dribbble-circled:before{content:'\f31c'}.icon-stumbleupon:before{content:'\f31e'}.icon-stumbleupon-circled:before{content:'\f31f'}.icon-lastfm:before{content:'\f321'}.icon-lastfm-circled:before{content:'\f322'}.icon-rdio:before{content:'\f324'}.icon-rdio-circled:before{content:'\f325'}.icon-spotify-circled:before{content:'\f328'}.icon-dropbox:before{content:'\f330'}.icon-evernote:before{content:'\f333'}.icon-flattr:before{content:'\f336'}.icon-skype:before{content:'\f339'}.icon-skype-circled:before{content:'\f33a'}.icon-renren:before{content:'\f33c'}.icon-sina-weibo:before{content:'\f33f'}.icon-picasa:before{content:'\f345'}.icon-soundcloud:before{content:'\f348'}.icon-mixi:before{content:'\f34b'}.icon-google-circles:before{content:'\f351'}.icon-vkontakte:before{content:'\f354'}.icon-smashing:before{content:'\f357'}.icon-db-shape:before{content:'\f600'}.icon-sweden:before{content:'\f601'}.icon-logo-db:before{content:'\f603'} /* |-------------------------------------------------------------------------- | 4.0 Shortcodes | |-------------------------------------------------------------------------- | | | */ /* Latest news ----------------------------------------------------------------------- */ .Latest_news ul{float:left;width:100%;margin:0} .Latest_news ul li{margin:0 0 20px;list-style:none;position:relative;overflow:hidden} .Latest_news ul li .photo{width:30%;border-right-width:3px;border-style:solid;float:left;line-height:0} .Latest_news ul li .desc{width:100%;padding:3px 12px 3px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .Latest_news ul li.has-post-thumbnail .desc{margin-left:30%;width:70%;padding-left:12px;} .Latest_news ul li .desc h5{margin:0 0 7px} .Latest_news ul li .desc .post-excerpt{margin:10px 0 5px} .Latest_news ul li .desc_footer{overflow:hidden;border-top-width:1px;border-style:solid;padding-top:5px;color:#a8a8a8} .Latest_news ul li .desc_footer .date{float:left;margin-right:5px} .Latest_news ul li .desc_footer .button-love{float:left;margin-right:5px} .Latest_news ul li .desc_footer .button-love a.mfn-love{display:inline-block;position:relative;padding-left:24px;margin-left:5px} .Latest_news ul li .desc_footer .button-love a.mfn-love i{position:absolute;left:0;top:0;font-size:16px} .Latest_news ul li .desc_footer .button-love a.mfn-love:hover{text-decoration:none} .Latest_news ul li .desc_footer .button-love a.mfn-love i:last-child{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .Latest_news ul li .desc_footer .button-love a:hover.mfn-love i:last-child,.Latest_news ul li .desc_footer .button-love a.loved.mfn-love i:last-child{opacity:1;filter:alpha(opacity=100)} .Latest_news .button{float:left;clear:both;} .Latest_news.featured ul{float:left;width:49%;} .Latest_news.featured ul.ul-first{margin-right:1%;} .Latest_news.featured ul.ul-second{margin-left:1%;} .Latest_news.featured ul.ul-first li .photo{width:100%;float:left;margin-bottom:10px;border-right-width:0;border-bottom-width:3px;border-bottom-style:solid;} .Latest_news.featured ul.ul-first li .desc{width:100%;margin:0;padding:0;float:left;} .Latest_news.featured ul.ul-first li .desc h4{margin:0 0 7px;} .column.two-fifth .Latest_news.featured ul, .column.one-third .Latest_news.featured ul, .column.one-fourth .Latest_news.featured ul{width:100%} .wrap.three-fifth .column.one-second .Latest_news.featured ul, .wrap.one-second .column.one-second .Latest_news.featured ul, .wrap.one-second .column.three-fifth .Latest_news.featured ul, .wrap.two-fifth .column.three-fourth .Latest_news.featured ul, .wrap.two-fifth .column.one-second .Latest_news.featured ul, .wrap.two-fifth .column.three-fifth .Latest_news.featured ul, .wrap.one-fourth .Latest_news.featured ul, .wrap.one-fifth .Latest_news.featured ul, .wrap.one-sixth .Latest_news.featured ul{width:100%} /* Intro ------------------------------------------------------------------------- */ #Intro { text-align: center; position: relative; background-color: #000119; } #Intro .intro-inner {position:relative;padding:250px 10%;} #Intro .intro-title { margin-bottom: 20px; word-wrap: break-word; } #Intro .intro-meta {} #Intro .intro-meta > div { display: inline-block; margin: 0 10px; } #Intro .intro-next { cursor: pointer; font-size: 38px; height: 50px; left: 50%; bottom: 30px; line-height: 50px; margin: 0 0 0 -25px; position: absolute; text-align: center; width: 50px; z-index: 20; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Intro.parallax {overflow:hidden} #Intro.parallax .mfn-parallax {position:absolute;left:0;top:0;max-width:auto!important} /* Light */ #Intro .intro-title { color: #fff; } #Intro .intro-meta, #Intro .intro-meta a { color: rgba(255,255,255,.7); } #Intro .intro-next { color: rgba(255,255,255, 0.2); } #Intro .intro-next:hover { color: rgba(255,255,255, 0.5); } /* Dark */ #Intro.light .intro-title { color: #212121; } #Intro.light .intro-meta, #Intro.light .intro-meta a { color: rgba(33,33,33,.7); } #Intro.light .intro-next { color: rgba(33,33,33, 0.2); } #Intro.light .intro-next:hover { color: rgba(33,33,33, 0.5); } /* Post related */ .section-post-related .section-related-adjustment{border-top-width:1px;border-style:solid;padding-top:20px} .section-post-related .post-related{position:relative;width:31.333%} .section-post-related .col-2 .post-related{width:48%} .section-post-related .col-3 .post-related{width:31.333%} .section-post-related .col-4 .post-related{width:23%} .section-post-related .col-5 .post-related{width:18%} .section-post-related .col-6 .post-related{width:14.666%} .section-post-related .col-2 .post-related:nth-child(2n+1){clear:both} .section-post-related .col-3 .post-related:nth-child(3n+1){clear:both} .section-post-related .col-4 .post-related:nth-child(4n+1){clear:both} .section-post-related .col-5 .post-related:nth-child(5n+1){clear:both} .section-post-related .col-6 .post-related:nth-child(6n+1){clear:both} .section-post-related .post-related .image_frame{margin-left:30px;margin-bottom:15px} .section-post-related .post-related .fullscreen-container{height:180px!important} .section-post-related .post-related .date_label{position:absolute;left:0;top:30px;z-index:20} .section-post-related .post-related hr{margin-left:30px;width:40%} .section-post-related .post-related a.button{margin-left:30px;margin-bottom:0} .section-post-related .format-quote blockquote{margin-top:70px;margin-left:40px} .section-post-related .format-link .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(../img/link.png);background-position:center center;background-repeat:no-repeat} .section-post-related .format-standard.no-img .image_frame{display:block;height:180px;background-color:rgba(255,255,255,.5);background-image:url(../img/photo.png);background-position:center center;background-repeat:no-repeat} .section-post-related .post-related .image_frame iframe{width:100%} /* Section post related - simple */ .section-post-related .simple .post-related .image_frame{margin-left:0px;} .section-post-related .simple .post-related .date_label{margin-bottom:5px;position:static;padding:0;background-color:transparent;background-image:none;} .section-post-related .simple .post-related .date_label:after{display:none;} .section-post-related .simple .post-related hr { display: none; } .section-post-related .simple .post-related a.button{margin-left:0px;} .section-post-related .simple .post-related.format-quote .date_label{margin-bottom:10px;} .section-post-related .simple .format-quote blockquote{margin-top:0px;} /* Grid */ .grid .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; } .grid .post-photo-wrapper { width: 100%; float: none; } .grid .post-desc-wrapper { width: 100%; float: none; } .grid .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .grid .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid .post-meta .author-date .author span.label { display: none; } .grid .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .grid .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Columns 2-6 */ .posts_group.grid.col-2 .post-item { width: 47.99%;} .posts_group.grid.col-3 .post-item { width: 31.33%;} .posts_group.grid.col-4 .post-item { width: 22.99%;} .posts_group.grid.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px;} .posts_group.grid.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px;} .posts_group.grid.col-2 .post-item:nth-child(2n+1) { clear:both; } .posts_group.grid.col-3 .post-item:nth-child(3n+1) { clear:both; } .posts_group.grid.col-4 .post-item:nth-child(4n+1) { clear:both; } .posts_group.grid.col-5 .post-item:nth-child(5n+1) { clear:both; } .posts_group.grid.col-6 .post-item:nth-child(6n+1) { clear:both; } .footer-fixed #Intro, .footer-sliding #Intro { z-index: 28; } /* Style | Overlay */ .if-overlay .image_frame .image_wrapper .image_links{opacity:0;width:60px;height:60px;bottom:auto;top:50%;left:50%;z-index:4;margin-top:-30px;margin-left:-30px;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0)} .if-overlay .image_frame .image_wrapper .image_links.double{width:120px;margin-left:-60px} .if-overlay .image_frame .image_wrapper .image_links.triple{width:180px;margin-left:-90px} .if-overlay .image_frame .image_wrapper .image_links.hover-title{width:100%;left:0;margin-left:0} .if-overlay li.product .product-loading-icon,.if-overlay li.product .added-cart{border-radius:0!important;width:60px!important;height:60px!important;margin:-30px 0 0 -30px !important} .if-overlay li.product.adding-to-cart .added-cart,.if-overlay li.product.added-to-cart .added-cart{z-index:5!important} .if-overlay .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0} .if-overlay .image_frame:hover .image_wrapper .image_links,.if-overlay .image_frame.hover .image_wrapper .image_links{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)} .if-overlay .image_frame:hover .image_wrapper img,.if-overlay .image_frame.hover .image_wrapper img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);top:0} .if-overlay .image_item:hover .image_wrapper img,.if-overlay .image_item.hover .image_wrapper img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)} /* Style | Zoom */ .if-zoom {} .if-zoom .image_frame .image_wrapper .image_links { display: none; } .if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:0!important} .if-zoom .image_frame:hover .image_wrapper img,.if-zoom .image_frame.hover .image_wrapper img{top:0} .if-zoom .image_frame .image_wrapper .mask { display: none; } .if-zoom .image_frame:hover .image_wrapper img,.if-zoom .image_frame.hover .image_wrapper img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);} .if-zoom .image_frame.no_link:hover .image_wrapper img,.if-zoom image_frame.no_link.hover .image_wrapper img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)} /* Blog slider ----------------------------------------------------------------------- */ .blog_slider .blog_slider_header{position:relative;height:43px;margin-bottom:15px;overflow:hidden;padding-right:110px} .blog_slider .blog_slider_header .title{margin:9px 0 0} .blog_slider .blog_slider_header a.slider_prev{position:absolute;top:0;right:50px;margin:0} .blog_slider .blog_slider_header a.slider_next{position:absolute;top:0;right:0;margin:0} .blog_slider .slider_pagination{margin-top:15px} .blog_slider .blog_slider_ul{margin:0} .blog_slider .blog_slider_ul li{float:left;width:25%;list-style:none} .blog_slider .blog_slider_ul li .item_wrapper{margin:0 10px;position:relative} .blog_slider .blog_slider_ul li .item_wrapper .image_frame{margin-left:30px;margin-bottom:15px;min-height:52px} .blog_slider .blog_slider_ul li .item_wrapper .date_label{position:absolute;left:0;top:30px;z-index:20} .blog_slider .blog_slider_ul li .item_wrapper hr{margin-left:30px;width:40%} .blog_slider .blog_slider_ul li .item_wrapper a.button{margin-left:30px;margin-bottom:0} .blog_slider .blog_slider_ul li.format-quote .item_wrapper{overflow:hidden} .blog_slider .blog_slider_ul li.format-quote .item_wrapper blockquote{margin-top:70px;margin-left:40px} .blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(../img/link.png);background-position:center center;background-repeat:no-repeat} .blog_slider.hide-dots .slider_pagination{display:none!important} .blog_slider.hide-arrows .blog_slider_header a.button{display:none!important} .blog_slider.hide-nav .slider_pagination, .blog_slider.hide-nav .blog_slider_header a.button{display:none!important} /* Blog slider - flat */ .blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame{margin-left:0;border:0} .blog_slider.flat .blog_slider_ul li .item_wrapper .date_label{position:static;background-color:transparent!important;background-image:none;display:inline-block;padding:0} .blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr{margin-left:0;width:0} .blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button{display:none;margin-left:0} .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .desc hr{width:100px} .blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img,.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img{filter:alpha(opacity=90);opacity:.9} .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img,.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img{top:0;filter:alpha(opacity=100);opacity:1} /* Arrows */ .blog_slider.flat{position:relative} .blog_slider.flat .blog_slider_header{position:static;height:0;margin-bottom:0;overflow:hidden;padding-right:0} .blog_slider.flat .blog_slider_header a.button.slider_prev,.blog_slider.flat .blog_slider_header a.button.slider_next{width:60px;height:100%;border:0;border-radius:0;background-color:rgba(255,255,255,.4)!important;box-shadow:inset 0 0 0 0;background-image:none} .blog_slider.flat .blog_slider_header a:hover.button.slider_prev,.blog_slider.flat .blog_slider_header a:hover.button.slider_next{background-color:rgba(255,255,255,.7)!important} .blog_slider.flat .blog_slider_header a.button.slider_prev:after,.blog_slider.flat .blog_slider_header a.button.slider_next:after{display:none} .blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon,.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon{float:none;font-size:15px;padding:0;text-align:center;position:absolute;width:100%;top:50%;margin-top:-4px;background:none} .blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon i,.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon i,.blog_slider.flat .blog_slider_header a:hover.button.slider_prev .button_icon i,.blog_slider.flat .blog_slider_header a:hover.button.slider_next .button_icon i{color:#000!important} .blog_slider.flat .blog_slider_header a.button.slider_prev{left:10px;right:auto;z-index:2} .blog_slider.flat .blog_slider_header a.button.slider_next{right:10px;z-index:2} .blog_slider.flat .blog_slider_header{filter:alpha(opacity=0);opacity:0} .blog_slider.flat:hover .blog_slider_header{filter:alpha(opacity=100);opacity:1} /* Buttons | Flat -------------------------------------------------------------------- */ .button-flat a.button:not(.action_button),.button-flat:not(.header-plain) a.button.action_button,.button-flat a.tp-button,.button-flat button,.button-flat input[type="submit"],.button-flat input[type="reset"],.button-flat input[type="button"]{background-image:none;border-width:0;border-style:solid;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:inset 0 0 0 0;box-shadow:inset 0 0 0 0;-webkit-appearance:none} .button-flat a.button .button_icon{background:none} .button-flat a.button .button_icon i{color:inherit} .button-flat a.button_left.button .button_label,.button-flat a.button_left.button_large .button_label{padding-left:0} .button-flat a.button_right.button .button_label,.button-flat a.button_right.button_large .button_label{padding-right:0} .button-flat a.button_left.button_large .button_icon{padding-left:27px} .button-flat a.button_right.button_large .button_icon{padding-right:27px} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} @media only screen and (min-width: 768px){ .button-flat a.button:after,.button-flat a.tp-button:after,.button-flat button:after,.button-flat input[type="submit"]:after,.button-flat input[type="reset"]:after,.button-flat input[type="button"]:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background:rgba(0,0,0,.07);filter:alpha(opacity=0);opacity:0} .button-flat a.button:hover:after,.button-flat a.tp-button:hover:after,.button-flat button:hover:after,.button-flat input[type="submit"]:hover:after,.button-flat input[type="reset"]:hover:after,.button-flat input[type="button"]:hover:after{width:100%;filter:alpha(opacity=1);opacity:1} } /* Dropcaps -------------------------------------------------------------------------- */ .dropcap{display:inline-block;float:left;width:35px;height:35px;line-height:35px;font-size:20px;margin:0 10px 5px 0;text-align:center;-webkit-border-radius:5px;border-radius:5px;background-image:url(../img/stripes/stripes_10_w.png)} .dropcap_circle{-webkit-border-radius:100%;border-radius:100%} .dropcap.transparent{background:none!important;} /* Masonry tiles */ .masonry.tiles { position: relative; } .masonry.tiles .post-item { margin: 0 !important; overflow: hidden; background-color: transparent; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper { position: absolute; z-index: 4; left: 0; bottom: -20px; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { background: url(../img/blog_masonry_tile_gradient.png) top left repeat-x; padding: 70px 30px 30px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc { padding: 50% 30px 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links { display: inline-block; margin-left: 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { display: none; } /* Photo wrapper */ .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper { line-height: 0; position: relative; } .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 0; transition: all 0.6s ease-out; } .masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after { opacity: 1; } /* Posts */ .masonry.tiles .format-link .post-title .icon-link { display: none; } .masonry.tiles .format-link .post-title .link-wrapper { margin-left: 0; padding-top: 5px; } .masonry.tiles .format-quote blockquote { margin-left: 0; top: 0; margin-bottom: 25px; } .masonry.tiles .format-quote blockquote:after { display: none; } .masonry.tiles .format-quote blockquote a { text-decoration: none; } /* Post icon */ .masonry.tiles .post-item .post-format-icon { position: absolute; z-index: 3; left: 25px; top: 25px; font-size: 35px; line-height: 35px; color: #fff; } /* Line */ .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after { content: ""; display: block; height: 3px; margin-top: 20px; width: 0; transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after { width: 40%; } /* Desc wrapper animation */ .masonry.tiles .post-item .post-desc-wrapper { transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper { transform: translateY(-20px); } /* Columns 2-6 */ .posts_group.masonry.tiles.col-2 .post-item { width: 49.99%; } .posts_group.masonry.tiles.col-3 .post-item { width: 33.33%; } .posts_group.masonry.tiles.col-4 .post-item { width: 24.99%; } .posts_group.masonry.tiles.col-5 .post-item { width: 19.99%; } .posts_group.masonry.tiles.col-6 .post-item { width: 16.66%; } /* With margin */ .posts_group.masonry.margin .post-item { margin:0 1% 25px !important;} .posts_group.masonry.margin.col-2 .post-item { width: 47.99%;} .posts_group.masonry.margin.col-3 .post-item { width: 31.33%;} .posts_group.masonry.margin.col-4 .post-item { width: 22.99%;} .posts_group.masonry.margin.col-5 .post-item { width: 18.99%; margin:0 0.5% 12px !important;} .posts_group.masonry.margin.col-6 .post-item { width: 15.66%; margin:0 0.5% 12px !important;} /* Colors */ .masonry.tiles .post-item.format-quote blockquote, .masonry.tiles .post-item.format-quote blockquote a, .masonry.tiles .post-item.format-link .post-title .icon-link, .masonry.tiles .post-item.format-link .post-title .link-wrapper h4, .masonry.tiles .post-item.format-link .post-title .link-wrapper a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a { color: #fff; } .masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after { background-color: #fff; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { color: rgba(255,255,255,.7); } /* #Typography ==================================================================================================== */ /* Dropcaps */ .dropcap { display: inline-block; float: left; width: 35px; height: 35px; line-height: 35px; font-size: 20px; margin: 0 10px 5px 0; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(../img/stripes/stripes_10_w.png); } .dropcap_circle { -webkit-border-radius: 100%; border-radius: 100%; } /* Highlight */ .highlight { padding: 1px 7px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../img/stripes/stripes_10_w.png); } .highlight.highlight_image { padding: 0 2px 7px; } /* Tooltip */ .tooltip { display: inline; position: relative; cursor: help; border-bottom-width: 1px; border-style: dotted; } .tooltip:hover:after,.tooltip.hover:after { content: attr(data-tooltip); font-size: 13px; line-height: 18px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 15px; width: 140px; position: absolute; left: 50%; bottom: 110%; z-index: 98; margin-left: -85px; background-image: url(../img/stripes/stripes_10_w.png); } .tooltip.tooltip-img:after { display: none; } .tooltip.tooltip-img .tooltip-content { display: none; font-size: 13px; line-height: 18px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 15px; width: 300px; position: absolute; left: 50%; bottom: 110%; z-index: 98; margin-left: -165px; background-image: url(../img/stripes/stripes_10_w.png); } .wpml-languages .tooltip:hover:after,.wpml-languages .tooltip.hover:after { top: 40px; bottom: auto; } .wpml-languages:not(.disabled) .tooltip { cursor: default; } .wpml-languages:not(.disabled) .tooltip:hover:after,.wpml-languages:not(.disabled) .tooltip.hover:after { display: none !important; } /* Blockquote */ blockquote { font-size: 17px; line-height: 31px; font-family: Patua One; display: block; height: auto; margin: 0 0 35px 25px; top: 15px; position: relative; background: url(../img/stripes/textline.png) repeat-y; } blockquote:before { content: ""; } blockquote:after { content: ""; width: 55px; height: 40px; background: url(../img/blockquote.png); position: absolute; left: -25px; top: -15px; } .blockquote { margin-bottom: 20px; } .blockquote blockquote { margin-bottom: 25px; } .blockquote p.author { margin-left: 25px; } .blockquote p.author i { margin-right: 5px; } /* Alignments */ .alignleft { float: left; margin: 15px 15px 15px 0; } .alignright { float: right; margin: 15px 0 15px 15px; } .aligncenter { text-align: center; margin: 0 auto; display: block; } .aligncenter img { display: inline; } .sticky,.gallery-caption,.bypostauthor { } /* Image frames */ .image_frame,.wp-caption { /*border-width: 8px;*/ border-style: solid; display: block; max-width: 100%; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image_frame.inline-block { display: inline-block; max-width: 100%; } .image_frame .image_wrapper,.wp-caption img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image_frame a,.wp-caption a { display: block; } .wp-caption-text { display: block; text-align: center; margin: 0; padding: 10px 0 5px; line-height: normal; } .the_content_wrapper .image_frame,.the_content_wrapper .wp-caption { margin-bottom: 20px; } .the_content_wrapper .wp-caption.alignnone,.the_content_wrapper .wp-caption.aligncenter { clear: both; } .image_frame .image_wrapper { position: relative; overflow: hidden; } .image_frame .image_wrapper .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .image_frame .image_wrapper img:not(.ls-l) { position: relative; top: 0; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: -15px !important; } .masonry-flat .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .image_frame:hover .image_wrapper img,.image_frame.hover .image_wrapper img { top: -15px; } .image_frame:hover .image_wrapper .ls-container img,.image_frame.no_link:hover .image_wrapper img { top: 0; } .image_frame .image_wrapper .mask:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; filter: alpha(opacity=0); opacity: 0; } .image_frame:hover .image_wrapper .mask:after,.image_frame.hover .image_wrapper .mask:after { filter: alpha(opacity=100); opacity: 1; } .image_frame.no_link:hover .image_wrapper .mask:after { filter: alpha(opacity=0); opacity: 0; } .image_frame .image_wrapper .image_links { width: 100%; height: 60px; position: absolute; left: 0; bottom: -60px; z-index: 4; overflow: hidden; } .image_frame:hover .image_wrapper .image_links,.image_frame.hover .image_wrapper .image_links { bottom: 0; } .image_frame .image_wrapper .image_links a { display: block; font-size: 25px; line-height: 60px; width: 100%; text-align: center; } .image_frame .image_wrapper .image_links.double a { width: 50%; display: block; float: left; } .image_frame .image_wrapper .image_links.double a:first-child { -webkit-box-shadow: inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow: inset -1px 0 0 0 rgba(255,255,255,.2); } .image_frame .image_wrapper .image_links.triple a { width: 50%; display: block; float: left; -webkit-box-shadow: inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow: inset -1px 0 0 0 rgba(255,255,255,.2); } .image_frame .image_wrapper .image_links.triple a:last-child { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; width: 50%; } .image_frame .image_wrapper .image_links.hover-title a { font-size: 15px; text-decoration: none; } .image_frame.no_border { border-width: 0; } /* Animation */ .image_frame .image_wrapper img,.image_frame .image_wrapper .mask:after,.image_frame .image_wrapper .image_links { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .image_frame .image_wrapper .image_links a { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } /* Greyscale */ .greyscale .image_wrapper { position: relative; display: block; } .greyscale .image_wrapper .BWfade { z-index: 3; } .greyscale .image_wrapper img { top: 0 !important; margin-bottom: 0 !important; } .greyscale:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } /* fix 4 too strong !important */ .greyscale .image_wrapper .mask { display: none; } /* Video */ /* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */ .content_video.iframe { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .content_video.iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Gallery */ .gallery .gallery-item { overflow: hidden; margin: 0 0 10px !important; } .gallery .gallery-item .gallery-icon { border: 0; width: 95%; overflow: hidden; line-height: 0; margin-right: 2.5% !important; margin-left: 2.5% !important; padding: 0 !important; position: relative; } .gallery .gallery-item img { border: 0 !important; line-height: 0; display: block; } .gallery.flat .gallery-item { margin: 0 !important; } .gallery.flat .gallery-item .gallery-icon { margin: 0 !important; width: 100%; } .gallery.flat .gallery-item .gallery-icon .image_frame { border-width: 0; } /* Divider */ hr { display: block; border: none; outline: none; height: 1px; width: 100%; margin: 0 auto 15px; clear: both; } hr,.hr_wide,.hr_zigzag,.hr_dots { margin: 0 auto 15px; clear: both; } hr.hr_narrow { width: 7%; } hr.no_line { height: 0; } .hr_wide { position: relative; height: 1px; } .hr_wide hr { position: absolute; left: -1000px; top: 0; width: 3000px; } .aside_left .hr_wide hr { left: 0; } .aside_right .hr_wide hr { right: 0; left: auto; } .hr_zigzag { text-align: center; margin-bottom: 10px; } .hr_zigzag i { font-size: 25px; line-height: 25px; margin: 0 -11px; display: inline-block; } .hr_dots { text-align: center; line-height: 0; } .hr_dots span { display: inline-block; width: 5px; height: 5px; overflow: hidden; margin: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; } .column_divider hr,.column_divider .hr_wide,.column_divider .hr_zigzag,.column_divider .hr_dots { margin-bottom: 0; } /* Fancy divider */ .fancy-divider svg { display: block; } .fancy-divider svg:not(:root) { overflow: hidden; } /* Section styles */ .section .section-divider { display: block; width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; background-color: inherit; z-index: 1; } .section-divider.triangle.up,.section-divider.triangle.down { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .section-divider.triangle.up { top: -25px; } .section-divider.triangle.down { bottom: -25px; } .section-divider.triple-triangle:after,.section-divider.triple-triangle:before { content: ""; display: block; width: 50px; height: 50px; position: absolute; background-color: inherit; z-index: 1; } .section-divider.triple-triangle.up:after { left: -36px; top: 50px; } .section-divider.triple-triangle.up:before { right: -50px; top: -36px; } .section-divider.triple-triangle.down:after { left: -51px; top: 35px; } .section-divider.triple-triangle.down:before { right: -35px; top: -50px; } .section-divider.triple-triangle.up,.section-divider.triple-triangle.down { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .section-divider.triple-triangle.up { top: -25px; } .section-divider.triple-triangle.down { bottom: -25px; } .section-divider.square.up,.section-divider.square.down { width: 70px; height: 70px; margin-left: -35px; } .section-divider.square.up { top: -25px; } .section-divider.square.down { bottom: -25px; } .section-divider.circle.up,.section-divider.circle.down { width: 70px; height: 70px; margin-left: -35px; -webkit-border-radius: 100%; border-radius: 100%; } .section-divider.circle.up { top: -25px; } .section-divider.circle.down { bottom: -25px; } /* Idea box */ .idea_box { padding: 25px 25px 25px 70px; position: relative; border-top-width: 1px; border-style: solid; background: rgba(0,0,0,.02); clear: both; } .idea_box .icon { font-size: 30px; line-height: 30px; position: absolute; left: 15px; top: 50%; margin-top: -15px; color: rgba(0,0,0,.15); } /* Google font */ .google_font { margin-bottom: 15px; } /* Popup | .popup-content */ .popup-content { display: none; } /* Single icon */ .single_icon { display: block; margin: 0 auto 15px; } .single_icon.icon_left { text-align: left; } .single_icon.icon_right { text-align: right; } .single_icon.icon_center { text-align: center; } /* Forms */ form,fieldset { margin-bottom: 0; } textarea { min-height: 60px; } label,legend { display: block; margin-bottom: 5px; font-weight: 700; } input[type="checkbox"] { display: inline; } input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea { padding: 10px; outline: none; margin: 0; width: 230px; max-width: 100%; display: block; color: #444; margin-bottom: 20px; font-size: 13px; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } /* Lists */ ul { list-style: none outside; } ol { list-style: decimal; } .column_column ul,.column_column ol,.column_visual ul,.column_visual ol,.mfn-acc ul,.mfn-acc ol,.ui-tabs-panel ul,.ui-tabs-panel ol,.the_content_wrapper ul,.the_content_wrapper ol { margin: 0 0 15px 30px; font-size: 15px; line-height: 21px; } .column_column ul li,.column_visual ul li,.mfn-acc ul li,.ui-tabs-panel ul li,.the_content_wrapper ul li { list-style: disc outside; } .column_column ul li,.column_column ol li,.column_visual ul li,.column_visual ol li,.mfn-acc ul li,.mfn-acc ol li,.ui-tabs-panel ul li,.ui-tabs-panel ol li,.the_content_wrapper ul li,.the_content_wrapper ol li { margin-bottom: 10px; } .column_column ul li ul,.column_column ol li ol,.column_visual ul li ul,.column_visual ol li ol,.mfn-acc ul li ul,.mfn-acc ol li ol,.ui-tabs-panel ul li ul,.ui-tabs-panel ol li ol,.the_content_wrapper ul li ul,.the_content_wrapper ol li ol { margin-top: 10px; margin-bottom: 0; } ul.list_mixed,ul.list_check,ul.list_star,ul.list_idea { margin-left: 0; } ul.list_mixed li,ul.list_check li,ul.list_idea li { margin-bottom: 20px; position: relative; list-style: none; padding-left: 0px; margin-left: 0; color: #fff; } ul.list_star li { margin-bottom: 20px; position: relative; list-style: none; padding-left: 50px; padding-top: 4px; margin-left: 0; color: #444; } ul.list_mixed li:after,ul.list_check li:after,ul.list_star li:after,ul.list_idea li:after { content: ""; width: 100%; height: 1px; overflow: hidden; background: rgba(0,0,0,.08); position: absolute; left: 0; bottom: -11px; } ul.list_mixed li:last-child:after,ul.list_check li:last-child:after,ul.list_star li:last-child:after,ul.list_idea li:last-child:after { display: none; } ul.list_check li,li.list_check { background: url(../img/icons/list_check.png) no-repeat 20px 5px; } ul.list_star li,li.list_star { background: url(../img/icons/list_star.png) no-repeat 20px 5px; } ul.list_idea li,li.list_idea { background: url(../img/icons/list_idea.png) no-repeat 20px 6px; } ul.list_star_2 { margin-left: 0; } ul.list_star_2 li { margin-bottom: 20px; position: relative; list-style: none; padding-left: 50px; padding-top: 3px; margin-left: 0; color: #444; } ul.list_star_2 li:after { content: ""; width: 100%; height: 1px; overflow: hidden; background: rgba(0,0,0,.08); position: absolute; left: 0; bottom: -11px; } ul.list_star_2 li:last-child:after { display: none; } ul.list_star_2 li,li.list_star_2 { background: url(../img/icons/list_star.png) no-repeat 20px 5px; } ul.list_mixed-2,ul.list_check-2,ul.list_star-2,ul.list_idea-2 { margin-left: 0; } ul.list_mixed-2 li,ul.list_check-2 li,ul.list_star-2 li,ul.list_idea-2 li { margin-bottom: 20px; position: relative; list-style: none; padding-left: 50px; padding-top: 3px; margin-left: 0; color: #444; } ul.list_mixed-2 li:after,ul.list_check-2 li:after,ul.list_star-2 li:after,ul.list_idea-2 li:after { content: ""; width: 100%; height: 1px; overflow: hidden; background: rgba(0,0,0,.08); position: absolute; left: 0; bottom: -11px; } ul.list_mixed-2 li:last-child:after,ul.list_check-2 li:last-child:after,ul.list_star-2 li:last-child:after,ul.list_idea-2 li:last-child:after { display: none; } ul.list_check-2 li,li.list_check-2 { background: url(../img/icons/list_check.png) no-repeat 20px 5px; } ul.list_star-2 li,li.list_star-2 { background: url(../img/icons/list_star.png) no-repeat 20px 5px; } ul.list_idea-2 li,li.list_idea-2 { background: url(../img/icons/list_idea.png) no-repeat 20px 6px; } dl { margin: 0 0 30px; } dl > dt,dl > dd { border-width: 1px 0 0; border-style: solid; padding: 10px 0; margin: 0; } dl > dt { display: block; float: left; width: 100px; font-weight: 700; } dl > dd { margin-left: 110px; } dl > dd:after { content: ""; clear: both; display: block; } /* Alerts */ .alert { margin-bottom: 30px; padding: 20px 55px 20px 90px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; } .alert .alert_icon { width: 60px; height: 60px; font-size: 30px; line-height: 60px; color: rgba(0,0,0,.4); position: absolute; left: 10px; top: 10px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .alert a.close { position: absolute; right: 15px; top: 20px; font-size: 20px; line-height: 20px; } .alert a.close i { margin: 0 !important; color: rgba(0,0,0,.6); } .alert a:hover.close i { color: rgba(0,0,0,.8); } .alert_warning { background: #ffe38b; color: #9b812e; } .alert_warning .alert_icon { background: #fbda72; } .alert_warning a,.alert_warning a:hover { color: #645012; } .alert_error { background: #fb5455; color: #fff; } .alert_error .alert_icon { background: #f24143; } .alert_error a,.alert_error a:hover { color: #9f2e2e; } .alert_info { background: #3097db; color: #fff; } .alert_info .alert_icon { background: #1c81c4; } .alert_info a,.alert_info a:hover { color: #b1e0ff; } .alert_success { background: #a5de5c; color: #fff; } .alert_success .alert_icon { background: #8fc944; } .alert_success a,.alert_success a:hover { color: #5d9514; } /* Muffin link */ a.mfn-link { position: relative; display: inline-block; margin: 15px 25px; outline: none; text-decoration: none; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 15px; } a:hover.mfn-link { text-decoration: none; } /* Effect 1: Brackets */ a.mfn-link-1:before,a.mfn-link-1:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s,opacity .2s; -moz-transition: -moz-transform 0.3s,opacity .2s; transition: transform 0.3s,opacity .2s; } a.mfn-link-1:before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } a.mfn-link-1:after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } a:hover.mfn-link-1:before,a:hover.mfn-link-1:after,a.hover.mfn-link-1:before,a.hover.mfn-link-1:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* Effect 2: 3D rolling links */ a.mfn-link-2 { line-height: 44px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } a.mfn-link-2 span { position: relative; display: inline-block; padding: 0 14px; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } a.mfn-link-2 span:before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: background .3s; -moz-transition: background .3s; transition: background .3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; text-align: center; } a:hover.mfn-link-2 span,a.hover.mfn-link-2 span { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } /* Effect 3: bottom line */ a.mfn-link-3 { padding: 8px 0; } a.mfn-link-3:after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; content: ''; opacity: 0; -webkit-transition: opacity 0.3s,-webkit-transform .3s; -moz-transition: opacity 0.3s,-moz-transform .3s; transition: opacity 0.3s,transform .3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } a:hover.mfn-link-3:after,a.hover.mfn-link-3:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Effect 4: second border slides up */ a.mfn-link-4 { padding: 12px 10px 10px; text-shadow: none; font-weight: 700; } a.mfn-link-4:before,a.mfn-link-4::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; content: ''; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } a.mfn-link-4:after { opacity: 0; -webkit-transition: top 0.3s,opacity 0.3s,-webkit-transform .3s; -moz-transition: top 0.3s,opacity 0.3s,-moz-transform .3s; transition: top 0.3s,opacity 0.3s,transform .3s; } a:hover.mfn-link-4:before,a:hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.hover.mfn-link-4:after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } a:hover.mfn-link-4:after,a.hover.mfn-link-4:after { top: 0; opacity: 1; } /* Effect 5: reveal, push out */ a.mfn-link-5 { overflow: hidden; margin: 0 15px; position: relative; z-index: 1; } a.mfn-link-5 span { display: block; padding: 10px 20px; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; } a.mfn-link-5:before { position: absolute; top: 0; left: 0; text-align: left; z-index: -1; padding: 10px 20px; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); transform: translateX(-25%); } a:hover.mfn-link-5 span,a.hover.mfn-link-5 span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } a:hover.mfn-link-5:before,a.hover.mfn-link-5:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } /* Effect 6: text fill*/ a.mfn-link-6 { padding: 10px 0; text-shadow: none; } a.mfn-link-6:before { position: absolute; top: 0; left: 0; overflow: hidden; padding: 10px 0; max-width: 0; border-bottom: 2px solid; content: attr(data-hover); -webkit-transition: max-width .5s; -moz-transition: max-width .5s; transition: max-width .5s; } a:hover.mfn-link-6:before,a.hover.mfn-link-6:before { max-width: 100%; } /* Effect 7: border switch */ a.mfn-link-7 { padding: 0 20px; height: 45px; line-height: 45px; } a.mfn-link-7:before,a.mfn-link-7:after { position: absolute; width: 45px; height: 2px; content: ''; opacity: .2; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; pointer-events: none; } a.mfn-link-7:before { top: 0; left: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; } a.mfn-link-7:after { right: 0; bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; } a:hover.mfn-link-7:before,a:hover.mfn-link-7:after,a.hover.mfn-link-7:before,a.hover.mfn-link-7:after { opacity: 1; } a:hover.mfn-link-7:before,a.hover.mfn-link-7:before { left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); -moz-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%); } a:hover.mfn-link-7:after,a.hover.mfn-link-7:after { right: 50%; -webkit-transform: rotate(0deg) translateX(50%); -moz-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%); } /* Effect 8: cross */ a.mfn-link-8 { padding: 0 5px; font-weight: 700; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; position: relative; z-index: 1; } a.mfn-link-8:before,a.mfn-link-8:after { position: absolute; width: 100%; left: 0; top: 50%; height: 2px; margin-top: -1px; content: ''; z-index: -1; -webkit-transition: -webkit-transform 0.3s,opacity .3s; -moz-transition: -moz-transform 0.3s,opacity .3s; transition: transform 0.3s,opacity .3s; pointer-events: none; } a.mfn-link-8:before { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } a.mfn-link-8:after { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } a:hover.mfn-link-8:before,a:hover.mfn-link-8:after,a.hover.mfn-link-8:before,a.hover.mfn-link-8:after { opacity: .7; } a:hover.mfn-link-8:before,a.hover.mfn-link-8:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } a:hover.mfn-link-8:after,a.hover.mfn-link-8:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* variables */ a.mfn-link-4:before,a.mfn-link-4:after,a.mfn-link-3:after,a:hover.mfn-link-8:after,a:hover.mfn-link-8:before,a.hover.mfn-link-8:after,a.hover.mfn-link-8:before { background: rgba(0,0,0,0.1); } a.mfn-link-6 { border-top: 2px solid rgba(0,0,0,.05); } a.mfn-link.mfn-link-6 { color: rgba(0,0,0,.25); } a.mfn-link-2 span,a:hover.mfn-link-2 span:before,a.hover.mfn-link-2 span:before,a.mfn-link-5 span,a.mfn-link-5:before { color: #fff; } /* #Content blocks ==================================================================================================== */ /* Accordion & Toggle */ .accordion { } .accordion .accordion_wrapper { } .accordion .question { margin-bottom: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; border-width: 1px; border-style: solid; } .accordion .question:last-child { margin-bottom: 0; } .accordion .question .title { padding: 14px 14px 14px 60px; font-size: 13px; font-weight: 700; position: relative; border-width: 0; border-style: solid; cursor: pointer; background-image: url(../img/bg_panel.png); background-repeat: repeat-x; background-position: left top; } .accordion .question .title:before { content: ""; width: 49px; height: 100%; border-width: 0 1px 0 0; border-style: solid; position: absolute; left: 0; top: 0; z-index: 1; } .accordion .question .title > .acc-icon-plus,.accordion .question .title > .acc-icon-minus { font-size: 17px; line-height: 17px; display: block; position: absolute; left: 15px; top: 16px; width: 20px; height: 20px; text-align: center; color: rgba(0,0,0,.25); } .accordion .question .title > .acc-icon-plus:before,.accordion .question .title > .acc-icon-minus:before { margin: 0 !important; } .accordion .question .title > .acc-icon-plus { display: none; } .accordion .question .title > .acc-icon-minus { display: block; } .accordion .question .answer { padding: 15px 20px 20px; overflow: hidden; display: none; /*background-image: url(../img/box_shadow.png);*/ background-repeat: repeat-x; background-position: left top; } .accordion .question .answer .wpb_content_element:last-child { margin-bottom: 0; } .accordion .question.active .title { border-width: 0 0 1px; } .accordion .question.active .title > .acc-icon-plus { display: block; } .accordion .question.active .title > .acc-icon-minus { display: none; } .accordion .question.active p:last-child { margin-bottom: 0; } /* FAQ */ .faq { } .faq .faq_wrapper { } .faq .question { margin-bottom: 5px; overflow: hidden; position: relative; background: rgba(0,0,0,.02); } .faq .question:before { content: ""; width: 60px; height: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: rgba(0,0,0,.1); position: absolute; left: 0; top: 0; z-index: 2; } .faq .question:after { content: ""; width: 60px; height: 100%; background: rgba(0,0,0,.03); position: absolute; left: 0; top: 0; z-index: 1; } .faq .question:last-child { margin-bottom: 0; } .faq .question .title { padding: 20px 40px 20px 80px; font-size: 15px; position: relative; cursor: pointer; } .faq .question .title > .acc-icon-plus,.faq .question .title > .acc-icon-minus { font-size: 17px; line-height: 17px; display: block; position: absolute; right: 15px; top: 21px; width: 20px; height: 20px; text-align: center; color: rgba(0,0,0,.25); } .faq .question .title > .acc-icon-plus:before,.faq .question .title > .acc-icon-minus:before { margin: 0 !important; } .faq .question .title > .acc-icon-plus { display: none; } .faq .question .title > .acc-icon-minus { display: block; } .faq .question .title .num { font-weight: 700; position: absolute; left: 27px; top: 20px; font-weight: 700; } .faq .question .answer { padding: 0 20px 20px 80px; overflow: hidden; display: none; } .faq .question.active .title > .acc-icon-plus { display: block; } .faq .question.active .title > .acc-icon-minus { display: none; } .faq .question.active p:last-child { margin-bottom: 0; } .wpb_wrapper .faq { margin-bottom: 5px; } .wpb_wrapper .faq .question .title.wpb_toggle { background-position: 23px; } .wpb_wrapper .faq .question .answer.wpb_toggle_content { margin: 0; } .wpb_wrapper .faq .question .last_toggle_el_margin { margin-bottom: 0; } /* Table */ table { width: 100%; margin-bottom: 15px; border-collapse: collapse !important; border-spacing: 0; -webkit-border-radius: 5px; border-radius: 5px; } table th,table td { padding: 10px; text-align: center; border-width: 1px; border-style: solid; vertical-align: middle; } @media (max-width:320px) { table th,table td { padding: 5px; text-align: center; border-width: 1px; border-style: solid; vertical-align: middle; } } table th { font-weight: 700; background: url(../img/bg_panel.png) repeat-x left top; } table th.clear { border: 0; background: none; } table tr:first-child td { /*background: url(../img/box_shadow.png) repeat-x left top;*/ } table tr:nth-child(2n) td { background: rgba(0,0,0,0.01); } /* Animation */ table tr:hover td { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* table.simple */ table.simple th { background: none; } table.simple th,table.simple td { border-width: 0 0 1px; } table.simple tr:first-child td { background: none; } table.simple tr:last-child td { border: none; } table.simple tr:hover td { background: none; color: inherit; } /* Features list */ .feature_list { } .feature_list ul { margin: 0; overflow: hidden; } .feature_list ul li { margin: 0; list-style: none; width: 25%; float: left; display: block; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .feature_list ul li a { display: block; } .feature_list ul li a:hover { text-decoration: none; } .feature_list ul li .icon { width: 60px; height: 60px; line-height: 0; margin-right: 10px; display: table-cell; vertical-align: middle; text-align: center; } .feature_list ul li .icon i { font-size: 43px; line-height: 60px; } .feature_list ul li .icon i:before { margin: 0; } .feature_list ul li p { display: table-cell; vertical-align: middle; padding: 0 0 0 10px; } .feature_list hr { margin: 0; } /* Animation */ .feature_list ul li a { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } /* List */ .list_item { display: block; } .list_item a { display: block; } .list_item a:hover { text-decoration: none; } .list_item .list_left { width: 80px; height: 80px; line-height: 80px; font-size: 50px; overflow: hidden; text-align: center; float: left; } .list_item .list_image { font-size: 0; } .list_item .list_left img { max-width: 80px !important; max-height: 80px !important; vertical-align: middle; } .list_item .list_left i { } .list_item .list_left i:before { margin: 0; } .list_item .circle { width: 78px; height: 78px; line-height: 78px; border-width: 1px; border-style: solid; font-size: 20px; font-weight: 700; overflow: hidden; text-align: center; float: left; -webkit-border-radius: 100%; border-radius: 100%; /*background-image: url(../img/stripes/stripes_3_b.png);*/ -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.08); box-shadow: inset 0 0 5px 0 rgba(0,0,0,.08); } .list_item .list_right { padding: 5px 0 0; margin-left: 100px; word-wrap: break-word; } .list_item .list_right h4 { margin-bottom: 7px; } .list_item.lists_1 .list_left { -webkit-border-radius: 5px; border-radius: 5px; /*background-image: url(../img/stripes/stripes_3_b.png);*/ -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1); box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1); } .list_item.lists_1 .list_image { width: 60px; height: 60px; line-height: 60px; padding: 10px; font-size: 0; } .list_item.lists_1 .list_left img { max-width: 60px !important; max-height: 60px !important; } .list_item.lists_3 .list_left { float: none; margin-bottom: 10px; } .list_item.lists_3 .list_icon { width: auto; text-align: left; } .list_item.lists_3 .list_right { margin-left: 0; padding-top: 0; } .list_item.lists_3 .list_right h4 { margin-bottom: 10px; } .list_item.lists_4 .list_right { padding-top: 21px; } /* Pricing boxes */ .pricing-box { border-width: 1px; border-style: solid; background: #fff; } .pricing-box .plan-header { text-align: center; padding: 20px 15px 0; } .pricing-box .plan-header .image { text-align: center; margin-bottom: 15px; } .pricing-box .plan-header h2 { margin: 0 0 20px; font-size: 30px; line-height: 30px; } .pricing-box .plan-header .price { margin: 0 0 20px; } .pricing-box .plan-header .price > span { font-size: 45px; line-height: 45px; font-family: Patua One; margin: 0 5px; } .pricing-box .plan-header .price sup.currency { font-size: 20px; line-height: 20px; top: -10px; font-family: Patua One; position: relative; } .pricing-box .plan-header .price sup.period { font-size: 15px; line-height: 15px; top: -15px; position: relative; } .pricing-box .plan-header hr { margin-bottom: 0; width: 60%; } .pricing-box .plan-header p.subtitle { padding: 20px 0 0; margin-bottom: 0; } .pricing-box .plan-inside { padding: 10px 30px; text-align: center; } .pricing-box .plan-inside ul { margin: 0; font-size: 100%; line-height: normal; } .pricing-box .plan-inside ul li { text-align: center; padding: 11px 10px; display: block; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.1); } .pricing-box .plan-inside ul li .yes,.pricing-box .plan-inside ul li .no { display: inline-block; overflow: hidden; width: 10px; height: 10px; -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,.1); } .pricing-box .plan-inside ul li:last-child { border-bottom: 0; } .pricing-box .plan-footer { text-align: center; } .pricing-box .plan-footer a { margin-right: 0; } .pricing-box-box.pricing-box-featured { border-color: transparent; } /* Pricing table */ .pricing-box.pricing-box-label .plan-header *,.pricing-box.pricing-box-label .plan-footer { visibility: hidden; } .pricing-box-label ul li { font-weight: 700; text-align: right !important; } .pricing-box-label,.pricing-box-table { border: 0; background: none; } .pricing-box-label .plan-inside,.pricing-box-table .plan-inside { padding-left: 0; padding-right: 0; } .pricing-box-table.pricing-box-featured { background: rgba(0,0,0,.02); padding-left: 10px; padding-right: 10px; } /* Content slider */ .content_slider { padding: 0 140px 42px; position: relative; } .content_slider .caroufredsel_wrapper { border-width: 0px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content_slider ul { line-height: 0; } .content_slider ul li { display: block; float: left; } .content_slider a.slider_prev,.content_slider a.slider_next { position: absolute; top: 50%; margin: -43px 0 0; } .content_slider a.slider_prev { left: 50px; } .content_slider a.slider_next { right: 50px; } .content_slider .slider_pagination { position: absolute; left: 0; bottom: 0; width: 100%; } .content_slider.flat { padding: 0 60px; } .content_slider.flat .caroufredsel_wrapper { border-width: 0; } .content_slider.flat a.button { background-color: transparent; background-image: none; box-shadow: none; } .content_slider.flat a.button:after { display: none; } .content_slider.flat a.button .button_icon { background: none; padding: 0; font-size: 50px; opacity: .3; } .content_slider.flat a:hover.button .button_icon { opacity: 1; } .content_slider.flat a.slider_prev { left: 0px; } .content_slider.flat a.slider_next { right: 0px; } .content_slider.flat .slider_pagination { display: none !important; } /* Animation */ .content_slider.flat a.button .button_icon { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Offer slider */ .offer .offer_ul { margin: 0 !important; } .offer .offer_li { display: block; float: left; background: #fff; } .offer_li-3 { cursor: default; } .offer .offer_li .image_wrapper { float: left; width: 50%; line-height: 0; } .offer .offer_li .image_wrapper img { float: right; } .offer .offer_li .desc_wrapper { float: left; width: 500px; margin: 30px 0px 0px 60px; } @media (max-width:1080px) { .offer .offer_li .desc_wrapper { float: left; width: 570px; margin: 30px 0px 0px 40px; } } @media (max-width:991px) { .offer .offer_li .desc_wrapper { float: left; width: 570px; margin: 30px 0px 0px 20px; } } @media (max-width:768px) { .offer .offer_li .desc_wrapper { float: left; width: 570px; margin: 20px 0px 0px 30px; } } @media (max-width:767px) { .offer .offer_li .desc_wrapper { float: left; margin: 20px 0px 0px 0; padding-left: 30px; } .offer .offer_li .desc_wrapper .desc { width: 90%; } } @media (max-width:425px) { .offer .offer_li .desc_wrapper { float: left; margin: 20px 0px 0px 0; padding-left: 30px; } .offer .offer_li .desc_wrapper .desc { width: 360px; } } @media (max-width:375px) { .offer .offer_li .desc_wrapper { float: left; margin: 20px 0px 0px 0; padding-left: 30px; } .offer .offer_li .desc_wrapper .desc { width: 320px; } } @media (max-width:320px) { .offer .offer_li .desc_wrapper { float: left; margin: 20px 0px 0px 0; padding-left: 30px; } .offer .offer_li .desc_wrapper .desc { width: 265px; } } .offer .offer_li .desc_wrapper .title { margin-bottom: 30px; position: relative; min-height: 43px; padding-right: 160px; } .offer .offer_li .desc_wrapper .title h3 { margin: 0; font-size: 35px; line-height: 35px; padding-top: 3px; } .offer .offer_li .desc_wrapper .title h3 em { color: rgba(0,0,0,.1); font-style: normal; } .offer .offer_li .desc_wrapper .title a.button { margin: 0; position: absolute; right: 0; top: 0; } .offer a.slider_prev,.offer a.slider_next { background: #262626; margin: 0; position: absolute; } .offer a.slider_prev:after,.offer a.slider_next:after { background: rgba(0,0,0,.2); } .offer a.slider_prev .button_icon,.offer a.slider_next .button_icon { padding: 0; width: 46px; height: 46px; line-height: 46px; text-align: center; } .offer a.slider_prev .button_icon i,.offer a.slider_next .button_icon i { color: #fff; } .offer a.slider_prev { left: 50px; top: 50%; z-index: 2; margin-top: -68px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .offer a.slider_next { left: 50px; top: 50%; z-index: 2; margin-top: 23px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .offer .slider_pagination { display: block; left: 50px; top: 50%; color: #6C6C6C; margin-top: -23px; position: absolute; z-index: 1; width: 46px; height: 46px; line-height: 46px; text-align: center; font-size: 13px; background: #1c1c1c; } .offer .slider_pagination .current,.offer .slider_pagination .count { color: #fff; } /* Offer thumb */ .offer_thumb { position: relative; padding-left: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .offer_thumb_ul li.offer_thumb_li { float: left; display: block; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .offer_thumb_ul li.offer_thumb_li .image_wrapper { float: right; width: 57%; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { float: left; width: 39%; margin-right: 4%; padding-top: 20px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title { margin-bottom: 30px; position: relative; min-height: 43px; padding-right: 160px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { margin: 0; font-size: 35px; line-height: 35px; padding-top: 3px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button { margin: 0; position: absolute; right: 0; top: 0; } /* Animation */ .offer_thumb .slider_pagination a img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a:after { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media only screen and (min-width: 768px) { .offer_thumb .slider_pagination { position: absolute; left: 0; top: 0; border-width: 1px; border-style: solid; } .offer_thumb .slider_pagination a { display: block; margin: 0; width: 85px; height: 85px; line-height: 85px; text-align: center; padding: 8px; text-indent: 0; border-bottom-width: 1px; border-style: solid; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=60); opacity: .6; } .offer_thumb .slider_pagination a.selected { top: 0; } .offer_thumb .slider_pagination a:last-child { border: 0; } .offer_thumb .slider_pagination a:before { content: ""; display: block; width: 5px; height: 100%; right: -5px; top: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; } .offer_thumb .slider_pagination a.selected:before { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a:after { content: ""; left: auto; right: -9px; top: 50%; margin-top: -4px; width: 8px; height: 8px; filter: alpha(opacity=0); opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a.selected:after { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a { background-color: #fff; } .offer_thumb .slider_pagination a.selected { background-color: #fff; /*background-image: url(../img/stripes/stripes_3_b.png);*/ } .offer_thumb .slider_pagination a img { vertical-align: middle; } } /* Offer thumb bottom */ .offer_thumb.bottom { padding-left: 0; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 48%; text-align: center; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper { margin-right: 4%; width: 48%; } .offer_thumb.bottom .slider_pagination { position: static; border: 0; text-align: center; margin-top: 50px; } .offer_thumb.bottom .slider_pagination a { display: inline-block; border-width: 1px 0 1px 1px; border-style: solid; } .offer_thumb.bottom .slider_pagination a:last-child { border-right-width: 1px; border-style: solid; } .offer_thumb.bottom .slider_pagination a:before { width: 100%; height: 5px; left: 0; right: auto; top: -5px; } .offer_thumb.bottom .slider_pagination a:after { left: 50%; right: auto; top: -5px; margin-left: -4px; } /* Latest news */ .Latest_news ul { margin: 0; font-size: 100%; line-height: normal; } .Latest_news ul li { margin: 0 0 15px; list-style: none; position: relative; overflow: hidden; } .Latest_news ul li .photo { width: 30%; border-right-width: 3px; border-style: solid; float: left; line-height: 0; } .Latest_news ul li .desc { width: 100%; padding: 3px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Latest_news ul li .desc h5 { margin: 0 0 9px; } .Latest_news ul li.has-post-thumbnail .desc { margin-left: 30%; width: 70%; } .Latest_news ul li .desc_footer { overflow: hidden; border-top-width: 1px; border-style: solid; padding-top: 8px; color: #a8a8a8; } .Latest_news ul li .desc_footer .date { float: left; margin-right: 5px; } .Latest_news ul li .desc_footer .button-love { float: left; margin-right: 5px; } .Latest_news ul li .desc_footer .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 24px; margin-left: 5px; } .Latest_news ul li .desc_footer .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 16px; } .Latest_news ul li .desc_footer .button-love a.mfn-love:hover { text-decoration: none; } .Latest_news ul li .desc_footer .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .Latest_news ul li .desc_footer .button-love a:hover.mfn-love i:last-child,.Latest_news ul li .desc_footer .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } /* #Boxes & Infographics ==================================================================================================== */ /* Icon box */ .icon_box { position: relative; padding: 10px 0; } .icon_box.has_border:after { content: ""; display: block; width: 0; height: 100%; border-width: 0 1px 0 0; border-style: solid; position: absolute; right: -2.4%; top: 0; } .icon_box a { display: block; } .icon_box a:hover { text-decoration: none; } .icon_box .icon_wrapper { width: 110px; height: 110px; text-align: center; line-height: 110px; font-size: 50px; position: relative; overflow: hidden; margin: 0 auto 15px; border-width: 8px; border-style: solid; display: block; -webkit-border-radius: 100%; border-radius: 100%; /*background-image: url(../img/stripes/stripes_3_b.png);*/ } .icon_box .icon_wrapper i { z-index: 2; position: relative; } .icon_box .icon_wrapper:before { content: ""; display: block; width: 100%; height: 100%; border-width: 1px; border-style: solid; position: absolute; left: 0; top: 0; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .icon_box .icon_wrapper { background-color: #fff; -webkit-box-shadow: inset 0 0 7px 0 rgba(0,0,0,.08); box-shadow: inset 0 0 7px 0 rgba(0,0,0,.08); } .icon_box .image_wrapper { text-align: center; margin-bottom: 15px; } .icon_box .desc_wrapper { text-align: center; } /* Icon postion left */ .icon_box.icon_position_left { min-height: 126px; padding-left: 145px; } .icon_box.icon_position_left .icon_wrapper { position: absolute; left: 0; top: 10px; margin-bottom: 0; } .icon_box.icon_position_left .desc_wrapper { text-align: left; padding-top: 10px; } .icon_box.icon_position_left .image_wrapper { position: absolute; left: 0; top: 10px; margin-bottom: 0; width: 126px; height: 126px; overflow: hidden; } /* Animation */ .icon_box .icon_wrapper,.icon_box .icon_wrapper:before { -webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .icon_box .icon_wrapper { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .icon_box:hover .icon_wrapper { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); -o-transform: scale(0.94); transform: scale(0.94); } /* Icon box button & mfn-link */ .icon_box a.mfn-link,.icon_box a.button { display: inline-block; } /* Article box */ .article_box { overflow: hidden; } .article_box a { display: block; } .article_box a:hover { text-decoration: none; } .article_box .photo_wrapper { width: 50%; float: left; line-height: 0; } .article_box .desc_wrapper { width: 50%; min-height: 138px; float: left; padding: 10px 15px; background-color: #f8f8f8; /*background-image: url(../img/stripes/stripes_3_b.png);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .article_box .desc_wrapper p { margin-bottom: 10px; border-bottom-width: 1px; border-style: solid; padding-bottom: 7px; } .article_box .desc_wrapper h4 { margin-bottom: 5px; } .article_box .desc_wrapper i.icon-right-open { display: block; position: relative; left: -5px; } /* Sliding box */ .sliding_box { position: relative; } .sliding_box a { display: block; } .sliding_box a:hover { text-decoration: none; } .sliding_box .photo_wrapper { line-height: 0; position: relative; bottom: -15px; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .sliding_box .desc_wrapper { padding: 15px 20px; width: 100%; text-align: center; z-index: 2; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sliding_box .desc_wrapper:after { content: ""; display: block; position: absolute; left: 50%; top: 0; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px; border-color: transparent; } .sliding_box .desc_wrapper h4 { margin-bottom: 0; } /* Animation */ .sliding_box .photo_wrapper { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .sliding_box:hover .photo_wrapper { bottom: -1px; } .sliding_box .desc_wrapper:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .sliding_box:hover .desc_wrapper:after { top: -8px; } /* Fancy box */ .story_box { padding: 0 11%; } .story_box a,.story_box a:hover { display: block; text-decoration: none; } .story_box .photo_wrapper { line-height: 0; overflow: hidden; } .story_box .photo_wrapper img { display: block; opacity: .7; } .story_box .desc_wrapper { margin-right: 20%; position: relative; z-index: 2; } .story_box .desc_wrapper h3 { margin-left: -30px; margin-top: -26px; } .story_box .desc_wrapper hr { margin-left: 0; width: 20%; } .story_box:hover .desc_wrapper hr { width: 40%; } .story_box:hover .photo_wrapper img { display: block; opacity: 1; } .story_box.vertical { padding: 0 17%; } /* Animation */ .story_box .desc_wrapper hr,.story_box .photo_wrapper img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Promo box */ .promo_box { position: relative; } .promo_box.has_border:after { content: ""; display: block; width: 0; height: 100%; border-width: 0 1px 0 0; border-style: solid; position: absolute; right: -2.4%; top: 0; } .promo_box_wrapper { overflow: hidden; } .promo_box_wrapper .photo_wrapper { width: 36%; float: left; text-align: left; line-height: 0; } .promo_box_wrapper .desc_wrapper { width: 56%; margin: 0 2% 0 6%; float: left; padding-top: 10px; } .promo_box_wrapper .desc_wrapper .desc { margin-bottom: 15px; } .promo_box_wrapper.promo_box_right .photo_wrapper { float: right; text-align: right; } .promo_box_wrapper.promo_box_right .desc_wrapper { margin: 0 6% 0 2%; text-align: right; } .promo_box_wrapper.promo_box_right .desc_wrapper a.button { margin-right: 0; } /* Zoom box */ .zoom_box { position: relative; line-height: 0; overflow: hidden; } .zoom_box .photo img,.zoom_box .desc { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .zoom_box .photo img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoom_box:hover .photo img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .zoom_box .desc { background: rgba(0,0,0,.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; opacity: 0; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .zoom_box:hover .desc { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoom_box .desc .desc_img img { max-width: 30% !important; padding-bottom: 15px; } .zoom_box .desc .desc_txt { padding: 0 40px; font-size: 26px; line-height: 30px; color: #fff; } /* Counter */ .counter { padding: 20px; background-image: url(../img/stripes/stripes_10_b.png); text-align: center; position: relative; } .counter .icon_wrapper { margin-bottom: 15px; line-height: 0; width: 100%; } .counter .icon_wrapper i:before { margin: 0; } .counter .icon_wrapper i { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 50px; } .counter .desc_wrapper { } .counter .desc_wrapper .number-wrapper { font-size: 50px; line-height: 50px; font-family: Patua One; margin-bottom: 5px; } .counter .desc_wrapper .title { font-size: 15px; line-height: 20px; margin: 0; } .counter.counter_horizontal { text-align: left; min-height: 75px; } .counter.counter_horizontal .icon_wrapper { width: 50px; height: 50px; position: absolute; left: 30px; top: 32px; margin: 0; } .counter.counter_horizontal .desc_wrapper { padding-left: 85px; } /* Chart box */ .chart_box { position: relative; text-align: center; } .chart_box:before { content: ""; display: block; z-index: 2; width: 124px; height: 124px; border-width: 1px; border-style: solid; position: absolute; left: 50%; margin-left: -62px; top: 8px; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; /*background-image: url(../img/stripes/stripes_3_b.png);*/ } .chart_box .chart { width: 140px; margin: 0 auto 10px; position: relative; } .chart_box .chart .icon,.chart_box .chart .image { width: 70px; height: 70px; line-height: 70px; overflow: hidden; position: absolute; left: 35px; top: 35px; z-index: 3; text-align: center; } .chart_box .chart .icon { font-size: 45px; } .chart_box .chart .icon i:before { margin: 0; } .chart_box .chart .image img { vertical-align: middle; } .chart_box .chart .num { position: absolute; left: 0; top: 45px; z-index: 3; width: 100%; font-family: Patua One; font-size: 50px; line-height: 50px; } .chart_box p { margin-bottom: 0; } /* Progress bars */ .progress_bars { } .progress_bars .bars_list { margin: 0; } .progress_bars .bars_list li { margin-bottom: 20px; list-style: none; overflow: hidden; } .progress_bars .bars_list li:last-child { margin-bottom: 0; } .progress_bars .bars_list li h6 { margin-bottom: 7px; position: relative; padding-right: 40px; } .progress_bars .bars_list li h6 .label { display: block; font-size: 11px; line-height: 17px; padding: 0 5px; font-weight: 400; position: absolute; right: 0; top: 1px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0,0,0,.05); color: rgba(0,0,0,.35); } .progress_bars .bars_list li h6 .label em { font-style: normal; } .progress_bars .bars_list li .bar { position: relative; width: 100%; height: 20px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,.02); -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.04); box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.04); } .progress_bars .bars_list li .bar .progress { display: block; height: 20px; background-image: url(../img/progressbar.png); -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.04); box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.04); } .progress_bars .bars_list:not(.hover) li .bar .progress { width: 0 !important; } /* Animation */ .progress_bars .bars_list.hover li .bar .progress { -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out; } /* Progress icons */ .progress_icons { margin-bottom: 12px; overflow: hidden; } .progress_icons .progress_icon { display: inline-block; margin: 0 7px 7px 0; width: 35px; height: 35px; line-height: 35px; font-size: 17px; color: #fff; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .progress_icons .progress_icon:last-child { margin-right: 0; } .progress_icons .progress_icon:not(.themebg) { background: rgba(0,0,0,.06); } /* Animation */ .progress_icons .progress_icon { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Trailer box */ .trailer_box { text-align: center; position: relative; line-height: 0; } .trailer_box a { display: block; } .trailer_box a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; background: rgba(0,0,0,.15); } .trailer_box:hover a:after { filter: alpha(opacity=100); opacity: 100; } .trailer_box .desc { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 20px 15px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .trailer_box .desc h2 { margin: 0; position: relative; bottom: 0; font-size: 30px; line-height: 30px; } .trailer_box:hover .desc h2 { bottom: 20px; } .trailer_box .desc .subtitle { display: inline-block; position: relative; bottom: 0; line-height: normal; letter-spacing: 1px; padding: 4px 8px; text-transform: uppercase; margin-bottom: 15px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../img/stripes/stripes_10_w.png); } .trailer_box:hover .desc .subtitle { bottom: 20px; } .trailer_box .desc .line { height: 1px; width: 0; margin: 0 auto; background: #fff; overflow: hidden; display: block; } .trailer_box:hover .desc .line { width: 60%; } /* Animation */ .trailer_box a:after,.trailer_box .desc .subtitle,.trailer_box .desc .line,.trailer_box .desc h2 { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Quick facts */ .quick_fact { text-align: center; } .quick_fact .number { font-size: 90px; line-height: 90px; font-family: Patua One; } .quick_fact hr { width: 40%; } /* Photo box */ .photo_box { text-align: center; } .photo_box.pb_left { text-align: left; } .photo_box.pb_right { text-align: right; } .photo_box .image_frame { margin-bottom: 15px; } .photo_box .desc { margin-bottom: 15px; } /* Flat box */ .flat_box { } .flat_box a,.flat_box a:hover { display: block; text-decoration: none; } .flat_box .photo_wrapper { margin-bottom: 15px; position: relative; line-height: 0; overflow: hidden; } .flat_box .photo_wrapper .icon { position: absolute; left: 0; top: 0; height: 100%; width: 90px; text-align: center; color: #fff; z-index: 2; } .flat_box .photo_wrapper .icon i { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 55px; vertical-align: middle; position: absolute; top: 50%; margin-top: -30px; } .flat_box:hover .photo_wrapper .icon,.flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(-90px); transform: translateX(-90px); } .flat_box .photo_wrapper img { position: relative; display: block; z-index: 1; -webkit-transform: translateX(15px); transform: translateX(15px); } .flat_box:hover .photo_wrapper img,.flat_box a:hover .photo_wrapper img { -webkit-transform: translateX(0px); transform: translateX(0px); } .flat_box .desc_wrapper { margin-left: 90px; } /* 1/4 */ @media only screen and (min-width: 960px) { .one-fourth .flat_box .photo_wrapper .icon { width: 60px; } .one-fourth .flat_box .photo_wrapper .icon i { height: 40px; line-height: 40px; font-size: 35px; margin-top: -20px; } .one-fourth .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(-60px); transform: translateX(-60px); } .one-fourth .flat_box .desc_wrapper { margin-left: 60px; } } /* Animation */ .flat_box .photo_wrapper .icon { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .flat_box .photo_wrapper img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Hover box */ .hover_box { } .hover_box a { display: block; } .hover_box .hover_box_wrapper { position: relative; overflow: hidden; line-height: 0; } .hover_box .hover_box_wrapper img { display: block; } .hover_box .hover_box_wrapper .hidden_photo { position: absolute; left: 0; top: 0; } /* width: 100%; height: 100%; */ .hover_box .hover_box_wrapper .visible_photo { filter: alpha(opacity=100); opacity: 1; } .hover_box .hover_box_wrapper .hidden_photo { filter: alpha(opacity=0); opacity: 0; } .hover_box:hover .hover_box_wrapper .visible_photo,.hover_box.hover .hover_box_wrapper .visible_photo { filter: alpha(opacity=0); opacity: 0; } .hover_box:hover .hover_box_wrapper .hidden_photo,.hover_box.hover .hover_box_wrapper .hidden_photo { filter: alpha(opacity=100); opacity: 1; } /* Animation */ .hover_box .hover_box_wrapper .visible_photo,.hover_box .hover_box_wrapper .hidden_photo { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Hover color */ .hover_color:hover .hover_color_bg,.hover_color.hover .hover_color_bg { background-color: inherit !important; } .hover_color a { display: block; } .hover_color a:hover { text-decoration: none; } .hover_color .hover_color_wrapper { text-decoration: none; padding: 40px 30px; text-align: center; } .hover_color,.hover_color a,.hover_color a:hover,.hover_color h1 a,.hover_color h2 a,.hover_color h3 a,.hover_color h4 a,.hover_color h5 a,.hover_color h6 a { color: #fff; } /* Animation */ .hover_color .hover_color_bg { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* #Content elements ==================================================================================================== */ /* Content links */ a.content_link { display: inline-block; position: relative; border-width: 1px; border-style: solid; width: 140px; padding: 25px 15px; text-align: center; margin-left: -1px; background-color: #fff; } @media (max-width:414px) { a.content_link { display: inline-block; position: relative; border-width: 1px; border-style: solid; width: 100px; padding: 25px 0px; text-align: center; margin-left: 0px; background-color: #fff; } } a.content_link .icon { display: block; font-size: 45px; line-height: 45px; margin-bottom: 15px; } a.content_link .title { font-weight: 700; } a.content_link:after { content: ""; z-index: 2; filter: alpha(opacity=0); opacity: 0; height: 0; width: 100%; border-width: 0 0 5px; border-style: solid; position: absolute; left: 0; bottom: -6px; } a.content_link:before { content: ""; z-index: 2; filter: alpha(opacity=0); opacity: 0; position: absolute; left: 50%; bottom: -1px; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px; border-color: transparent; } a:hover.content_link:after { filter: alpha(opacity=100); opacity: 100; } a:hover.content_link:before { filter: alpha(opacity=100); opacity: 100; } a.active.content_link:after { filter: alpha(opacity=100); opacity: 100; } a.active.content_link:before { filter: alpha(opacity=100); opacity: 100; } a:hover.content_link { text-decoration: none; /*background-image: url(../img/stripes/stripes_3_b.png);*/ } /* Animation */ a.content_link:after,a.content_link:before { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Icon bar */ a.icon_bar { display: inline-block; overflow: hidden; text-align: center; margin: 0 2px 2px 0; border-width: 1px; border-style: solid; position: relative; background-color: #fff; /*background-image: url(../img/stripes/stripes_3_b.png);*/ -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.08); box-shadow: inset 0 0 5px 0 rgba(0,0,0,.08); } a.icon_bar span { display: block; } a.icon_bar,a.icon_bar span { width: 58px; height: 58px; line-height: 58px; font-size: 20px; } a.icon_bar_small,a.icon_bar_small span { width: 43px; height: 43px; line-height: 43px; font-size: 15px; } a.icon_bar span.t { position: relative; } a.icon_bar span.b { position: absolute; top: 100%; } /* Animation */ a.icon_bar span { -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; } a.icon_bar span.b { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } a:hover.icon_bar span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } /* Social */ a.icon_bar_facebook span.b { background: #3a589b; color: #fff; } a.icon_bar_google span.b { background: #d6492f; color: #fff; } a.icon_bar_twitter span.b { background: #32ccfe; color: #fff; } a.icon_bar_vimeo span.b { background: #1ca7cc; color: #fff; } a.icon_bar_youtube span.b { background: #ff3334; color: #fff; } a.icon_bar_flickr span.b { background: #ff0084; color: #fff; } a.icon_bar_linkedin span.b { background: #007bb6; color: #fff; } a.icon_bar_pinterest span.b { background: #cb2027; color: #fff; } a.icon_bar_dribbble span.b { background: #ec4a89; color: #fff; } /* Get in touch */ .get_in_touch { padding: 25px 20px 25px 30px; background-repeat: no-repeat; background-position: right bottom; } .get_in_touch ul { margin: 0; font-size: 100%; line-height: normal; } .get_in_touch ul li { margin: 0; list-style: none; position: relative; padding: 13px 0 13px 50px; word-wrap: break-word; } .get_in_touch ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.2); position: absolute; left: -30px; bottom: 0; } .get_in_touch ul li p { margin: 0; } .get_in_touch ul li .icon { position: absolute; left: 0; top: 5px; display: block; color: rgba(0,0,0,.7); width: 30px; height: 30px; line-height: 30px; font-size: 23px; text-align: center; } .get_in_touch ul li:last-child:after { display: none; } /* Infobox */ .infobox { padding: 25px 20px 25px 30px; background-repeat: no-repeat; background-position: right bottom; } .infobox ul { margin: 0; font-size: 100%; line-height: normal; } .infobox ul li { margin: 0; list-style: none; position: relative; padding: 13px 0 13px 50px; word-wrap: break-word; } .infobox ul li p { margin: 0; } .infobox ul li:before { content: ""; display: block; background: url(../img/icons/list_check.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 0; top: 15px; } .infobox ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.2); position: absolute; left: -30px; bottom: 0; } .infobox ul li:last-child:after { display: none; } /* Opening hours */ .opening_hours { padding: 25px; border-width: 1px; border-style: solid; background-color: #fff; background-repeat: no-repeat; background-position: right bottom; } .opening_hours .opening_hours_wrapper { } .opening_hours .opening_hours_wrapper .desc { margin-bottom: 15px; } .opening_hours .opening_hours_wrapper li { position: relative; padding-bottom: 15px; margin-bottom: 15px; text-align: center; border-bottom-width: 1px; border-style: dashed; list-style: none; } .opening_hours .opening_hours_wrapper li:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; } .opening_hours .opening_hours_wrapper li label { margin-bottom: 8px; font-size: 12px; line-height: 18px; display: inline-block; font-weight: 400; padding: 5px 11px; -webkit-border-radius: 4px; border-radius: 4px; /*background-image: url(../img/stripes/stripes_3_b.png);*/ background-color: #f8f8f8; } .opening_hours .opening_hours_wrapper li span { font-size: 22px; line-height: 22px; margin: 0; padding: 0 14px; display: block; } .opening_hours .opening_hours_wrapper li span sup { font-size: 13px; line-height: 13px; position: relative; top: 4px; margin-left: 2px; } /* Timeline */ .timeline_items { margin: 0 !important; position: relative; background: url(../img/timeline_top.png) no-repeat top center; padding-top: 9px; } .timeline_items:after { content: ""; width: 0; height: 0; border-width: 3px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 50%; bottom: -10px; margin-left: -3px; display: block; z-index: 1; } .timeline_items li { margin: 0 !important; list-style: none !important; width: 45%; padding: 0 0 25px 55%; position: relative; background: url(../img/timeline_right.png) no-repeat top center; } .timeline_items li:nth-child(even) { padding: 0 55% 25px 0; background: url(../img/timeline_left.png) no-repeat top center; } .timeline_items li h3 { font-size: 30px; line-height: 35px; } .timeline_items li h3 span { position: absolute; right: 55%; top: 8px; } .timeline_items li h3:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 50%; top: 11px; margin-left: -8px; display: block; z-index: 1; } .timeline_items li:nth-child(even) h3 { text-align: right; } .timeline_items li:nth-child(even) h3 span { left: 55%; right: auto; } .timeline_items li .desc { position: relative; font-size: 15px; line-height: 31px; background: url(../img/stripes/textline.png) repeat-y; } .timeline_items li .desc:before { content: ""; width: 100%; height: 100%; position: absolute; left: -122%; top: 0; background-image: url(../img/stripes/stripes_10_b.png); } .timeline_items li:nth-child(even) .desc:before { left: auto; right: -122%; } .timeline_items li:nth-child(even) .desc { text-align: right; } /* How it works */ .how_it_works { text-align: center; position: relative; } .how_it_works.has_border:after { content: ""; display: block; width: 12%; height: 4px; background: rgba(0,0,0,.03); -webkit-border-radius: 2px; border-radius: 2px; position: absolute; right: -10.5%; top: 100px; } .how_it_works .image { width: 200px; height: 200px; line-height: 200px; text-align: center; position: relative; margin: 0 auto 15px; background: #fff; border-width: 2px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .how_it_works .image img { max-width: 116px !important; max-height: 116px !important; vertical-align: middle; } .how_it_works .image .number { position: absolute; right: 10px; bottom: 10px; width: 35px; height: 35px; line-height: 35px; font-size: 15px; font-family: Patua One; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.1); box-shadow: inset 0 0 0 2px rgba(0,0,0,.1); } .with_aside .how_it_works .image { width: 150px; height: 150px; line-height: 150px; padding: 25px; } .with_aside .how_it_works .image .number { bottom: 4px; right: 4px; } .with_aside .how_it_works.has_border:after { top: 75px; } /* Google maps */ .google-map { border-width: 8px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .google-map-wrapper.no_border .google-map,.section.full-width .one .google-map { border-width: 0; } .column_map .google-map-wrapper { position: relative; } .column_map .google-map-contact-wrapper { width: 1176px; height: 1px; margin-left: -588px; z-index: 10; position: absolute; left: 50%; top: 60px; } .column_map .google-map-contact-wrapper .get_in_touch { width: 210px; padding: 25px; float: right; position: relative; } .column_map .google-map-contact-wrapper .get_in_touch:after { content: ""; display: block; position: absolute; left: 0; bottom: -30px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: transparent; } /* Team */ .team { } .team .image_frame { margin-bottom: 15px; } .team .desc_wrapper { } .team .desc_wrapper h4 { margin-bottom: 3px; } .team .desc_wrapper p.subtitle { } .team .desc_wrapper p.phone { } .team .desc_wrapper hr { width: 40%; margin-left: 0; } .team .desc_wrapper .desc { margin-bottom: 15px; font-size: 15px; line-height: 30px; color: #fff; } .team .desc_wrapper .desc i { width: 15px; margin-right: 5px; color: #e61b23; } .team .desc_wrapper .links { line-height: 0; } .team.team_vertical { } .team.team_horizontal { overflow: hidden; } .team.team_horizontal .image_frame { width: 48%; float: left; margin-right: 4%; margin-bottom: 0; } .team.team_horizontal .desc_wrapper { width: 48%; float: left; } .team .desc_wrapper blockquote { margin-top: 20px; } .team.team_circle { text-align: center; } .team.team_circle .desc_wrapper hr { margin-left: auto; } .team.team_circle .image_frame { width: 120px; height: 120px; margin: 0 auto 15px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; z-index: 1; } /* Team list */ .team_list { } .team_list .column { margin-bottom: 0; } .team_list .image_frame { } .team_list .desc_wrapper { } .team_list .bq_wrapper { background: rgba(0,0,0,.02); border-left-width: 1px; border-style: solid; padding: 20px; } /* Fancy headings */ .fancy_heading { text-align: center; margin:40px 0 40px 0; } .fancy_heading .title { font-size: 42px; line-height: 42px; } .index-2-title .line { width: 100px; height: 1px; background: #444; } .fancy_heading_icon { } .fancy_heading_icon .icon_top { font-size: 50px; line-height: 50px; margin-bottom: 15px; overflow: hidden; display: block; } .fancy_heading_icon .icon_top i:before { margin: 0; } .fancy_heading_line { background-image: url(../img/fancy_heading_hr.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 15px; } .fancy_heading_line .slogan { display: block; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; } .fancy_heading_line .inside { margin-bottom: 15px; } .fancy_heading_arrows { } /* Call to action */ .column_call_to_action { margin-bottom: 0; } .call_to_action { overflow: hidden; display: table; padding: 40px 0; width: 100%; } .call_to_action .call_to_action_wrapper { display: table-row; } .call_to_action .call_left,.call_to_action .call_center,.call_to_action .call_right { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call_to_action .call_left { width: 40%; padding: 0 20px; text-align: center; } .call_to_action .call_left h3 { margin-bottom: 0; } .call_to_action .call_center { width: 20%; text-align: center; } .call_to_action .call_center a { display: inline-block; } .call_to_action .call_center .icon_wrapper { display: inline-block; border-width: 3px; border-style: solid; width: 65px; height: 65px; line-height: 65px; font-size: 30px; -webkit-border-radius: 100%; border-radius: 100%; } .call_to_action .call_center .button { margin: 0; } .call_to_action .call_right { width: 40%; padding: 0 20px; } /* #Loops ==================================================================================================== */ /* Clients */ ul.clients { margin: 0; } ul.clients li { float: left; width: 16.666%; margin: 0 !important; list-style: none; } ul.clients li .client_wrapper { padding: 10px 15px; margin: 10px; background: rgba(0,0,0,.01); text-align: center; line-height: 0; height: 75px; line-height: 75px; position: relative; } ul.clients li .client_wrapper:hover { background: rgba(0,0,0,.05); } ul.clients li .client_wrapper a { display: block; } ul.clients li .client_wrapper .gs-wrapper { position: relative; } ul.clients li .client_wrapper img { vertical-align: middle; } ul.clients.clients_tiles li .client_wrapper { background: none; } ul.clients.clients_tiles li .client_wrapper:before { content: ""; display: block; width: 100%; height: 1px; background: rgba(0,0,0,.08); position: absolute; left: 0; bottom: 0; } ul.clients.clients_tiles li .client_wrapper:after { content: ""; display: none; position: absolute; left: 50%; margin-left: -4px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 4px 5px; border-color: transparent; } ul.clients.clients_tiles li .client_wrapper:hover:before { height: 2px; } ul.clients.clients_tiles li .client_wrapper:hover:after { display: block; bottom: 2px; } /* Animation */ ul.clients li .client_wrapper { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Clients slider */ .clients_slider { } .clients_slider .clients_slider_header { position: relative; height: 43px; margin-bottom: 15px; overflow: hidden; padding-right: 110px; } .clients_slider .clients_slider_header .title { margin: 9px 0 0; } .clients_slider .clients_slider_header a.slider_prev { position: absolute; top: 0; right: 50px; margin: 0; } .clients_slider .clients_slider_header a.slider_next { position: absolute; top: 0; right: 0; margin: 0; } /* Blog slider */ .blog_slider { } .blog_slider .blog_slider_header { position: relative; height: 43px; margin-bottom: 15px; overflow: hidden; padding-right: 110px; } .blog_slider .blog_slider_header .title { margin: 9px 0 0; } .blog_slider .blog_slider_header a.slider_prev { position: absolute; top: 0; right: 50px; margin: 0; } .blog_slider .blog_slider_header a.slider_next { position: absolute; top: 0; right: 0; margin: 0; } .blog_slider .slider_pagination { margin-top: 15px; } .blog_slider .blog_slider_ul { margin: 0; } .blog_slider .blog_slider_ul li { float: left; width: 25%; list-style: none; } .blog_slider .blog_slider_ul li .item_wrapper { margin: 0 10px; position: relative; } .blog_slider .blog_slider_ul li .item_wrapper .image_frame { margin-left: 30px; margin-bottom: 15px; min-height: 52px; } .blog_slider .blog_slider_ul li .item_wrapper .date_label { position: absolute; left: 0; top: 30px; z-index: 20; } .blog_slider .blog_slider_ul li .item_wrapper hr { margin-left: 30px; width: 40%; } .blog_slider .blog_slider_ul li .item_wrapper a.button { margin-left: 30px; margin-bottom: 0; } .blog_slider .blog_slider_ul li.format-quote .item_wrapper { overflow: hidden; } .blog_slider .blog_slider_ul li.format-quote .item_wrapper blockquote { margin-top: 70px; margin-left: 40px; } .blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame { height: 180px; background-color: rgba(255,255,255,.5); background-image: url(../img/link.png); background-position: center center; background-repeat: no-repeat; } /* Blog slider - flat */ .blog_slider.flat { } .blog_slider.flat .blog_slider_ul li { } .blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame { margin-left: 0; border: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper .date_label { position: static; background-color: transparent !important; background-image: none; display: inline-block; padding: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper .desc { } .blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr { margin-left: 0; width: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button { display: none; margin-left: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .desc hr { width: 100px; } .blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img,.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img { filter: alpha(opacity=90); opacity: .9; } .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img,.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img { top: 0; filter: alpha(opacity=100); opacity: 1; } .blog_slider.flat .slider_pagination { display: none !important; } /* Arrows */ .blog_slider.flat { position: relative; } .blog_slider.flat .blog_slider_header { position: static; height: 0; margin-bottom: 0; overflow: hidden; padding-right: 0; } .blog_slider.flat .blog_slider_header a.button.slider_prev,.blog_slider.flat .blog_slider_header a.button.slider_next { width: 60px; height: 100%; border: 0; border-radius: 0; background-color: rgba(255,255,255,.4) !important; box-shadow: inset 0 0 0 0; background-image: none; } .blog_slider.flat .blog_slider_header a:hover.button.slider_prev,.blog_slider.flat .blog_slider_header a:hover.button.slider_next { background-color: rgba(255,255,255,.7) !important; } .blog_slider.flat .blog_slider_header a.button.slider_prev:after,.blog_slider.flat .blog_slider_header a.button.slider_next:after { display: none; } .blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon,.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon { float: none; font-size: 15px; padding: 0; text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -4px; background: none; } .blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon i,.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon i,.blog_slider.flat .blog_slider_header a:hover.button.slider_prev .button_icon i,.blog_slider.flat .blog_slider_header a:hover.button.slider_next .button_icon i { color: #000 !important; } .blog_slider.flat .blog_slider_header a.button.slider_prev { left: 10px; right: auto; z-index: 2; } .blog_slider.flat .blog_slider_header a.button.slider_next { right: 10px; z-index: 2; } .blog_slider.flat .blog_slider_header { filter: alpha(opacity=0); opacity: 0; } .blog_slider.flat:hover .blog_slider_header { filter: alpha(opacity=100); opacity: 1; } /* Animation */ .blog_slider.flat .blog_slider_header,.blog_slider.flat .blog_slider_header a.button.slider_prev,.blog_slider.flat .blog_slider_header a.button.slider_next,.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Shop slider */ .shop_slider { } .shop_slider .blog_slider_header { position: relative; height: 43px; margin-bottom: 15px; overflow: hidden; padding-right: 110px; margin-left: 10px; margin-right: 15px; } .shop_slider .blog_slider_header .title { margin: 9px 0 0; } .shop_slider .blog_slider_header a.slider_prev { position: absolute; top: 0; right: 50px; margin: 0; } .shop_slider .blog_slider_header a.slider_next { position: absolute; top: 0; right: 0; margin: 0; } .shop_slider .slider_pagination { margin-top: 15px; } .shop_slider .shop_slider_ul { margin: 0; } .shop_slider .shop_slider_ul li { float: left; width: 25%; list-style: none; } .shop_slider .shop_slider_ul li .item_wrapper { margin: 0 10px; position: relative; } .shop_slider .shop_slider_ul li .item_wrapper .desc { background: #000; padding: 5px 10px; } .shop_slider .shop_slider_ul li .item_wrapper .desc h4 { margin-bottom: 5px; } .shop_slider .shop_slider_ul li .item_wrapper span.onsale { height: 0; min-height: 0; width: 0; min-width: 0; font-size: 18px; line-height: 18px; text-align: center; position: absolute; left: 0 !important; right: auto; top: 0 !important; margin: 0 !important; border-style: solid; border-width: 70px 70px 0 0; border-color: transparent; padding: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; z-index: 2; background: none; } .shop_slider .shop_slider_ul li .item_wrapper span.onsale i { position: absolute; left: 8px; top: -60px; color: rgba(0,0,0,.5); } .shop_slider .shop_slider_ul li .item_wrapper .price { font-size: 18px; margin-bottom: 0; } .shop_slider .shop_slider_ul li .item_wrapper .price del { font-size: .67em; } /* Portfolio slider */ .portfolio_slider_ul { margin: 0 !important; } .portfolio_slider_ul li { float: left; width: 25%; list-style: none; margin: 0 !important; } .portfolio_slider_ul li .image_frame { border: 0; margin-bottom: 0; } .portfolio_slider { position: relative; } .portfolio_slider .slider_nav { color: #fff; display: none !important; font-size: 15px; height: 80px; line-height: 80px; position: absolute; text-align: center; z-index: 5; width: 35px; top: 50%; margin-top: -40px; } .portfolio_slider .slider_prev { left: 0; } .portfolio_slider .slider_next { right: 0; } .portfolio_slider.arrows_hover:hover .slider_nav { display: block !important; } .portfolio_slider.arrows_always .slider_nav { display: block !important; } /* Portfolio grid */ ul.portfolio_grid { overflow: hidden; } ul.portfolio_grid li { float: left; } ul.portfolio_grid li .image_frame { border: 0; } .one.column_portfolio_grid li,.three-fourth.column_portfolio_grid li { width: 25%; } .two-third.column_portfolio_grid li,.one-second.column_portfolio_grid li { width: 50%; } .one-third.column_portfolio_grid li,.one-fourth.column_portfolio_grid li { width: 100%; float: none; } /* Portfolio photo */ .portfolio-photo { } .portfolio-photo .portfolio-item { overflow: hidden; position: relative; } .portfolio-photo .portfolio-item a.portfolio-item-bg { display: block; position: relative; text-align: center; line-height: 0; } .portfolio-photo .portfolio-item a.portfolio-item-bg .mask { position: absolute; z-index: 1; left: 0; top: 0; background: #000; opacity: .3; width: 100%; height: 100%; } .portfolio-photo .portfolio-item:hover a.portfolio-item-bg .mask { opacity: 0; } .portfolio-photo .portfolio-item .portfolio-details { display: block; } .portfolio-photo .portfolio-item .portfolio-details .details { position: absolute; z-index: 2; left: 50%; top: 50%; margin: -105px 0 0 -150px; width: 240px; padding: 55px 30px; text-align: center; } .portfolio-photo .portfolio-item .portfolio-details .details .title { font-size: 23px; line-height: 27px; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 15px; margin-bottom: 10px; } .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 0; } .portfolio-photo .portfolio-item .portfolio-details .more { display: block; opacity: 0; text-transform: uppercase; width: 70px; height: 40px; padding: 20px 5px; letter-spacing: 1px; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 2; margin: -40px 0 0 -40px; -webkit-border-radius: 100%; border-radius: 100%; } .portfolio-photo .portfolio-item .portfolio-details .more h4 { font-size: 15px; line-height: 18px; } .portfolio-photo .portfolio-item .portfolio-details:hover .more { opacity: 1; } /* --- */ .portfolio-photo .portfolio-item .portfolio-details .details,.portfolio-photo .portfolio-item .portfolio-details .more { background: #fff; } .portfolio-photo .portfolio-item .portfolio-details .details .categories { color: #a8a8a8; } .portfolio-photo .portfolio-item .portfolio-details .more { color: rgba(0,0,0,.6); } /* Animation */ .portfolio-photo .portfolio-item a .mask,.portfolio-photo .portfolio-item .portfolio-details .details,.portfolio-photo .portfolio-item .portfolio-details .more { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .portfolio-photo .portfolio-item .portfolio-details .image_links a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Testimonials slider */ .testimonials_slider { position: relative; } .testimonials_slider a.slider_prev { position: absolute; left: 0; top: 140px; margin: 0; } .testimonials_slider a.slider_next { position: absolute; right: 0; top: 140px; margin: 0; } .testimonials_slider .slider_images { width: 100%; height: auto; line-height: 0; text-align: center; margin-bottom: 30px; position: relative; z-index: 2; } .testimonials_slider .slider_images:before { content: ""; display: block; height: 100%; width: 3000px; position: absolute; left: -1000px; top: 0; z-index: 1; } .with_aside .testimonials_slider .slider_images:before { display: none; } .testimonials_slider .slider_images a { display: inline-block; height: 85px; width: 85px; line-height: 0; filter: alpha(opacity=50); opacity: .5; position: relative; z-index: 10; } .testimonials_slider .slider_images a:after { content: ""; display: none; height: 6px; width: 100%; position: absolute; left: 0; bottom: -6px; } .testimonials_slider .slider_images a.selected,.testimonials_slider .slider_images a:hover { filter: alpha(opacity=100); opacity: 1; } .testimonials_slider .slider_images a.selected:after { display: block; } .testimonials_slider .testimonials_slider_ul { } .testimonials_slider .testimonials_slider_ul li { float: left; width: 100%; padding: 0 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .testimonials_slider .testimonials_slider_ul li .bq_wrapper { background: rgba(0,0,0,0.02); padding: 30px 40px 10px; overflow: hidden; margin-bottom: 20px; } .testimonials_slider .testimonials_slider_ul li .hr_dots { margin-bottom: 15px; } .testimonials_slider .testimonials_slider_ul li .author { text-align: center; } .testimonials_slider .testimonials_slider_ul li .author h5 { margin-bottom: 2px; } /* Animation */ .testimonials_slider .slider_images a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Testimonials list */ .testimonials_list { } .testimonials_list .item { overflow: hidden; clear: both; } .testimonials_list .item .photo { width: 23%; float: left; margin: 0 1% 40px; } .testimonials_list .item .desc { width: 73%; float: left; margin: 0 1% 40px; } .testimonials_list .item .desc h4 { margin-bottom: 3px; margin-top: 10px; } .testimonials_list .item .desc p.subtitle { opacity: .6; } .testimonials_list .item .desc hr.hr_color { width: 20%; margin-left: 0; } .testimonials_list .item.no-img .desc { width: 98%; } /* #Others ==================================================================================================== */ /* Date */ .date_label,.timeline_items li h3 span { font-size: 12px; line-height: 18px; display: inline-block; padding: 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; /*background-image: url(../img/stripes/stripes_3_b.png);*/ } .date_label:after,.timeline_items li h3 span:after { content: ""; display: block; position: absolute; right: -5px; top: 6px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 5px; border-color: transparent; } /* Isotope Filtering */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Code Hightlighter */ code,pre,q { font-family: Consolas,monospace !important; border: 1px solid #e8e8e8; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; } code,q { padding: 2px 4px; white-space: nowrap; margin: 0 2px; color: #2991d6; } pre { background: #fff; /* Old browsers */ background: -moz-linear-gradient(top,#fff 50%,#fafafa 50%); /* FF3.6+ */ background: -webkit-linear-gradient(top,#fff 50%,#fafafa 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#fff 50%,#fafafa 50%); /* Opera 11.10+ */ background: linear-gradient(top,#fff 50%,#fafafa 50%); /* W3C */ background-size: 42px 42px; padding: 21px 15px 20px; margin: 15px 0; display: block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; line-height: 21px !important; } code p,pre p { margin-bottom: 0 !important; } /* Preloaders for sliders */ ul.offer-slider,ul.portfolio-slider,ul.posts-slider { background: url(../img/preloader.gif) center no-repeat; } ul.offer-slider > *,ul.portfolio-slider > *,ul.posts-slider > * { visibility: hidden; } ul.offer-slider { max-height: 438px; } ul.portfolio-slider { max-height: 355px; } ul.posts-slider { max-height: 171px; } ul.owl-carousel { background: none; max-height: none; } ul.owl-carousel > * { visibility: visible; } /* |-------------------------------------------------------------------------- | 5.0 Variables | |-------------------------------------------------------------------------- | | | */ /* * Colors: * * #2991d6 - theme color * #2991d6 - link * #2275ac - link hover, strong */ /************************ Colors ************************/ /* Selections */ ::-moz-selection { color: #fff; } ::selection { color: #fff; } /* Borders */ .idea_box,.ui-tabs,.accordion .question,.accordion .question.active .title,.accordion .question .title:before,.ui-tabs .ui-tabs-nav,.ui-tabs .ui-tabs-nav li,.tabs_vertical.ui-tabs .ui-tabs-panel,table th,table td,.list_item .circle,input[type="text"],input[type="tel"],input[type="password"],input[type="email"],textarea,select,.promo_box.has_border:after,dl > dt,dl > dd,.article_box .desc_wrapper p,a.icon_bar,a.content_link,.how_it_works .image,.opening_hours,.opening_hours .opening_hours_wrapper li,.icon_box.has_border:after,.chart_box:before,.pricing-box,.team_list .bq_wrapper,.post-footer .post-links,.format-link .post-title .icon-link,.share_wrapper,.post-header .title_wrapper,.section-post-related .section-related-adjustment,#comments > :first-child,.widget-area,.widget:after,.fixed-nav .desc h6,.portfolio_group.list .portfolio-item,.portfolio_group .portfolio-item .desc .details-wrapper,.Recent_posts ul li .desc h6,.widget_recent_entries ul li a,.woocommerce .widget_best_sellers li,.woocommerce .widget_featured_products li,.woocommerce .widget_recent_reviews li,.woocommerce .widget_recent_products li,.woocommerce .widget_recently_viewed_products li,.woocommerce .widget_random_products li,.woocommerce .widget_top_rated_products li,.woocommerce .widget_onsale li,.woocommerce .widget_layered_nav li,.woocommerce .widget_shopping_cart ul.product_list_widget li,.woocommerce .widget_products li,.woocommerce .product .related.products,.woocommerce .product .upsells.products,.woocommerce .product div.entry-summary h1.product_title:after,.woocommerce .quantity input.qty,.header-stack #Top_bar .logo,.offer_thumb .slider_pagination,.offer_thumb .slider_pagination a { border-color: rgba(0,0,0,.08); } .header-stack #Top_bar .logo{ border-color: #5d5d5d } /* Tooltip */ .tooltip-img .tooltip-content,.tooltip:after { background: #444; color: #fff; } /* Highlight */ .dropcap,.highlight:not(.highlight_image) { color: #fff; } /* Inputs */ input[type="text"],input[type="tel"],input[type="password"],input[type="email"],textarea,select,.woocommerce .quantity input.qty { background-color: #fff; color: #626262; -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02); box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02); } input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus { background-color: #E9F5FC !important; border-color: #d5e5ee; color: #1982C2; } /* Dividers */ hr { background-color: rgba(255,255,255,.15); color: rgba(0,0,0,.08); } .ab-4-text-color hr { background-color: rgba(0,0,0,0.02); color: rgba(0,0,0,0); } .hr_narrow-1 { background-color: #888; color: #888; width: 7%; margin-left:40%; } .hr_narrow-2 { background-color: #ec6d01; color: #ec6d01; width: 7%; margin-left:50%; } /* Date */ .date_label,.timeline_items li h3 span { background-color: #f8f8f8; color: #a8a8a8; } .date_label:after,.timeline_items li h3 span:after { border-left-color: #f8f8f8; } /************************ Header ************************/ #Top_bar .menu > li > a span { border-color: rgba(0,0,0,.05); } #Top_bar.dark .menu > li > a span { border-color: #5d5d5d; } #Top_bar .search_wrapper input[type="text"] { border-color: #eee; color: #444; } /************************ Footer ************************/ /* Borders */ #Footer .Recent_posts ul li .desc h6,#Footer .widget_recent_entries ul li a,#Footer .widget_best_sellers li,#Footer .widget_featured_products li,#Footer .widget_recent_reviews li,#Footer .widget_recent_products li,#Footer .widget_recently_viewed_products li,#Footer .widget_random_products li,#Footer .widget_top_rated_products li,#Footer .widget_onsale li,#Footer .widget_layered_nav li,#Footer .widget_shopping_cart ul.product_list_widget li,#Footer .widget_products li,#Footer .widget_archive ul li:after,#Footer .widget_nav_menu ul li:after,#Footer table th,#Footer table td { border-color: rgba(255,255,255,.08); } /* Borders */ #Sliding-top .Recent_posts ul li .desc h6,#Sliding-top .widget_recent_entries ul li a,#Sliding-top .widget_best_sellers li,#Sliding-top .widget_featured_products li,#Sliding-top .widget_recent_reviews li,#Sliding-top .widget_recent_products li,#Sliding-top .widget_recently_viewed_products li,#Sliding-top .widget_random_products li,#Sliding-top .widget_top_rated_products li,#Sliding-top .widget_onsale li,#Sliding-top .widget_layered_nav li,#Sliding-top .widget_shopping_cart ul.product_list_widget li,#Sliding-top .widget_products li,#Sliding-top .widget_archive ul li:after,#Sliding-top .widget_nav_menu ul li:after,#Sliding-top table th,#Sliding-top table td { border-color: rgba(255,255,255,.08); } /* Image frames & Google maps & Icon bar */ .image_frame,.wp-caption,.google-map,.icon_box .icon_wrapper,.content_slider .caroufredsel_wrapper,.author-box .avatar-wrapper,#comments .commentlist > li .photo { border-color: #f8f8f8; } .wp-caption-text { background: #f8f8f8; color: #A6A6A6; } .image_frame .image_wrapper,.wp-caption img,.icon_box .icon_wrapper:before { border-color: #e2e2e2; } .image_frame .image_wrapper .mask { -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.07); box-shadow: inset 0 0 5px 2px rgba(0,0,0,.07); } .image_frame .image_wrapper .mask:after { background: rgba(255,255,255,.4); } /* Sliding box */ .sliding_box .desc_wrapper h4 { color: #fff; } /* Counter & Chart */ .counter .desc_wrapper .number-wrapper,.chart_box .chart .num,.chart_box .chart .icon { color: #444; } /* Icon bar */ a.icon_bar { color: #444 !important; } /* Get in touch & Infobox */ .get_in_touch,.get_in_touch a,.get_in_touch h3,.get_in_touch ul,.infobox,.infobox a,.infobox h3,.infobox ul { color: #fff !important; } /* How it works */ .how_it_works .image .number { color: #fff; } /* Trailer box */ .trailer_box .desc h2 { color: #fff; } .trailer_box .desc .subtitle { color: #fff; } /* Icon box */ .icon_box:hover .icon_wrapper,.icon_box a:hover .icon_wrapper { color: #fff; } /* List */ .list_item.lists_1 .list_left { color: #fff; } /* Features list */ .feature_list ul li:hover,.feature_list ul li:hover a { color: #fff; } .feature_list ul li:hover .icon i,.feature_list ul li:hover a .icon i { color: #fff; } /* Tabs, Accordion, Toggle, Table, Faq */ .ui-tabs .ui-tabs-nav li a,.accordion .question .title,.faq .question .title,table th { color: #fff; } @media (max-width:414px) { .ui-tabs .ui-tabs-nav li a { background-color: #fff; } } .ui-tabs .ui-tabs-nav li.ui-state-active a:after,table tr:hover td,table tr:hover td a { /*color: #fff;*/ } .accordion .question .answer,.ui-tabs .ui-tabs-panel,.ui-tabs .ui-tabs-nav li.ui-state-active a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a { background-color: #fff; } /* Pricing */ .pricing-box-box.pricing-box-featured,.pricing-box-box.pricing-box-featured .plan-header h2,.pricing-box-box.pricing-box-featured .plan-header .price sup.currency,.pricing-box-box.pricing-box-featured .plan-header .price > span,.pricing-box-box.pricing-box-featured .plan-header .price sup.period,.pricing-box-box.pricing-box-featured .plan-header p.subtitle { color: #fff; } .pricing-box-box.pricing-box-featured .plan-header hr { border-color: rgba(0,0,0,.2); background: rgba(0,0,0,.2); } .pricing-box-box.pricing-box-featured a.button { background-color: #fff; color: #444; } /********************** Mobile menu **********************/ @media only screen and (max-width: 959px) { #Header #menu > ul > li.current-menu-item > a,#Header #menu > ul > li.current_page_item > a,#Header #menu > ul > li.current-menu-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a { background: rgba(0,0,0,.02); } } /* |-------------------------------------------------------------------------- | 6.0 Animation | |-------------------------------------------------------------------------- | | | */ /* Animations v1.4, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/ */ .animate,.hover-bounce,.hover-flash,.hover-heartbeat,.hover-panic,.hover-pulsate,.hover-pulse,.hover-shakeH,.hover-shakeV,.hover-slingshotCCW,.hover-slingshotCW,.hover-spinCCW,.hover-spinCW,.hover-strobe,.hover-tada,.hover-wave,.hover-wobble,.trigger { opacity: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animate.slow-mo,.hover-bounce.slow-mo,.hover-flash.slow-mo,.hover-heartbeat.slow-mo,.hover-panic.slow-mo,.hover-pulsate.slow-mo,.hover-pulse.slow-mo,.hover-shakeH.slow-mo,.hover-shakeV.slow-mo,.hover-slingshotCCW.slow-mo,.hover-slingshotCW.slow-mo,.hover-spinCCW.slow-mo,.hover-spinCW.slow-mo,.hover-strobe.slow-mo,.hover-tada.slow-mo,.hover-wave.slow-mo,.hover-wobble.slow-mo,.trigger.slow-mo { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .animate.super-slow-mo,.hover-bounce.super-slow-mo,.hover-flash.super-slow-mo,.hover-heartbeat.super-slow-mo,.hover-panic.super-slow-mo,.hover-pulsate.super-slow-mo,.hover-pulse.super-slow-mo,.hover-shakeH.super-slow-mo,.hover-shakeV.super-slow-mo,.hover-slingshotCCW.super-slow-mo,.hover-slingshotCW.super-slow-mo,.hover-spinCCW.super-slow-mo,.hover-spinCW.super-slow-mo,.hover-strobe.super-slow-mo,.hover-tada.super-slow-mo,.hover-wave.super-slow-mo,.hover-wobble.super-slow-mo,.trigger.super-slow-mo { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; } .animate.ultra-slow-mo,.hover-bounce.ultra-slow-mo,.hover-flash.ultra-slow-mo,.hover-heartbeat.ultra-slow-mo,.hover-panic.ultra-slow-mo,.hover-pulsate.ultra-slow-mo,.hover-pulse.ultra-slow-mo,.hover-shakeH.ultra-slow-mo,.hover-shakeV.ultra-slow-mo,.hover-slingshotCCW.ultra-slow-mo,.hover-slingshotCW.ultra-slow-mo,.hover-spinCCW.ultra-slow-mo,.hover-spinCW.ultra-slow-mo,.hover-strobe.ultra-slow-mo,.hover-tada.ultra-slow-mo,.hover-wave.ultra-slow-mo,.hover-wobble.ultra-slow-mo,.trigger.ultra-slow-mo { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; } .animate.hyper-slow-mo,.hover-bounce.hyper-slow-mo,.hover-flash.hyper-slow-mo,.hover-heartbeat.hyper-slow-mo,.hover-panic.hyper-slow-mo,.hover-pulsate.hyper-slow-mo,.hover-pulse.hyper-slow-mo,.hover-shakeH.hyper-slow-mo,.hover-shakeV.hyper-slow-mo,.hover-slingshotCCW.hyper-slow-mo,.hover-slingshotCW.hyper-slow-mo,.hover-spinCCW.hyper-slow-mo,.hover-spinCW.hyper-slow-mo,.hover-strobe.hyper-slow-mo,.hover-tada.hyper-slow-mo,.hover-wave.hyper-slow-mo,.hover-wobble.hyper-slow-mo,.trigger.hyper-slow-mo { -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; } .hover-bounce,.hover-flash,.hover-heartbeat,.hover-panic,.hover-pulsate,.hover-pulse,.hover-shakeH,.hover-shakeV,.hover-slingshotCCW,.hover-slingshotCW,.hover-spinCCW,.hover-spinCW,.hover-strobe,.hover-tada,.hover-wave,.hover-wobble,.ie .animate,.no-js .animate,.trigger { opacity: 1; } .animate.infinite,.hover-bounce.infinite,.hover-flash.infinite,.hover-heartbeat.infinite,.hover-panic.infinite,.hover-pulsate.infinite,.hover-pulse.infinite,.hover-shakeH.infinite,.hover-shakeV.infinite,.hover-slingshotCCW.infinite,.hover-slingshotCW.infinite,.hover-spinCCW.infinite,.hover-spinCW.infinite,.hover-strobe.infinite,.hover-tada.infinite,.hover-wave.infinite,.hover-wobble.infinite,.trigger.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animate.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(200px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(200px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(200px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(200px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(200px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-200px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-200px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-200px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-200px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-200px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-200px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-200px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-200px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(200px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(200px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(200px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(200px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(200px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpLarge { 0% { opacity: 0; -webkit-transform: translateY(1000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpLarge { 0% { opacity: 0; -moz-transform: translateY(1000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpLarge { 0% { opacity: 0; -ms-transform: translateY(1000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUpLarge { 0% { opacity: 0; -o-transform: translateY(1000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpLarge { 0% { opacity: 0; transform: translateY(1000px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInUpLarge { -webkit-animation-name: fadeInUpLarge; -moz-animation-name: fadeInUpLarge; -ms-animation-name: fadeInUpLarge; -o-animation-name: fadeInUpLarge; animation-name: fadeInUpLarge; } @-webkit-keyframes fadeInDownLarge { 0% { opacity: 0; -webkit-transform: translateY(-1000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownLarge { 0% { opacity: 0; -moz-transform: translateY(-1000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownLarge { 0% { opacity: 0; -ms-transform: translateY(-1000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDownLarge { 0% { opacity: 0; -o-transform: translateY(-1000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownLarge { 0% { opacity: 0; transform: translateY(-1000px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInDownLarge { -webkit-animation-name: fadeInDownLarge; -moz-animation-name: fadeInDownLarge; -ms-animation-name: fadeInDownLarge; -o-animation-name: fadeInDownLarge; animation-name: fadeInDownLarge; } @-webkit-keyframes fadeInLeftLarge { 0% { opacity: 0; -webkit-transform: translateX(-1000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftLarge { 0% { opacity: 0; -moz-transform: translateX(-1000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftLarge { 0% { opacity: 0; -ms-transform: translateX(-1000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeftLarge { 0% { opacity: 0; -o-transform: translateX(-1000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftLarge { 0% { opacity: 0; transform: translateX(-1000px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInLeftLarge { -webkit-animation-name: fadeInLeftLarge; -moz-animation-name: fadeInLeftLarge; -ms-animation-name: fadeInLeftLarge; -o-animation-name: fadeInLeftLarge; animation-name: fadeInLeftLarge; } @-webkit-keyframes fadeInRightLarge { 0% { opacity: 0; -webkit-transform: translateX(1000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightLarge { 0% { opacity: 0; -moz-transform: translateX(1000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightLarge { 0% { opacity: 0; -ms-transform: translateX(1000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRightLarge { 0% { opacity: 0; -o-transform: translateX(1000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightLarge { 0% { opacity: 0; transform: translateX(1000px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInRightLarge { -webkit-animation-name: fadeInRightLarge; -moz-animation-name: fadeInRightLarge; -ms-animation-name: fadeInRightLarge; -o-animation-name: fadeInRightLarge; animation-name: fadeInRightLarge; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .animate.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-200px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-200px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-200px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-200px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-200px); } } .animate.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(200px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(200px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(200px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(200px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(200px); } } .animate.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(-200px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(-200px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(-200px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(-200px); } } @keyframes fadeOutLeft { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(-200px); } } .animate.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(200px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(200px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(200px); } } @-o-keyframes fadeOutRight { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(200px); } } @keyframes fadeOutRight { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(200px); } } .animate.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpLarge { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-1000px); } } @-moz-keyframes fadeOutUpLarge { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-1000px); } } @-ms-keyframes fadeOutUpLarge { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-1000px); } } @-o-keyframes fadeOutUpLarge { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-1000px); } } @keyframes fadeOutUpLarge { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-1000px); } } .animate.fadeOutUpLarge { -webkit-animation-name: fadeOutUpLarge; -moz-animation-name: fadeOutUpLarge; -ms-animation-name: fadeOutUpLarge; -o-animation-name: fadeOutUpLarge; animation-name: fadeOutUpLarge; } @-webkit-keyframes fadeOutDownLarge { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(1000px); } } @-moz-keyframes fadeOutDownLarge { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(1000px); } } @-ms-keyframes fadeOutDownLarge { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(1000px); } } @-o-keyframes fadeOutDownLarge { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(1000px); } } @keyframes fadeOutDownLarge { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(1000px); } } .animate.fadeOutDownLarge { -webkit-animation-name: fadeOutDownLarge; -moz-animation-name: fadeOutDownLarge; -ms-animation-name: fadeOutDownLarge; -o-animation-name: fadeOutDownLarge; animation-name: fadeOutDownLarge; } @-webkit-keyframes fadeOutLeftLarge { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(-1000px); } } @-moz-keyframes fadeOutLeftLarge { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(-1000px); } } @-ms-keyframes fadeOutLeftLarge { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(-1000px); } } @-o-keyframes fadeOutLeftLarge { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(-1000px); } } @keyframes fadeOutLeftLarge { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(-1000px); } } .animate.fadeOutLeftLarge { -webkit-animation-name: fadeOutLeftLarge; -moz-animation-name: fadeOutLeftLarge; -ms-animation-name: fadeOutLeftLarge; -o-animation-name: fadeOutLeftLarge; animation-name: fadeOutLeftLarge; } @-webkit-keyframes fadeOutRightLarge { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(1000px); } } @-moz-keyframes fadeOutRightLarge { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(1000px); } } @-ms-keyframes fadeOutRightLarge { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(1000px); } } @-o-keyframes fadeOutRightLarge { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(1000px); } } @keyframes fadeOutRightLarge { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(1000px); } } .animate.fadeOutRightLarge { -webkit-animation-name: fadeOutRightLarge; -moz-animation-name: fadeOutRightLarge; -ms-animation-name: fadeOutRightLarge; -o-animation-name: fadeOutRightLarge; animation-name: fadeOutRightLarge; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } } @-ms-keyframes zoomIn { 0% { opacity: 0; -ms-transform: scale(0); } 100% { opacity: 1; -ms-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } .animate.zoomIn { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -ms-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(0) translateY(200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInUp { 0% { opacity: 0; -moz-transform: scale(0) translateY(200px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInUp { 0% { opacity: 0; -ms-transform: scale(0) translateY(200px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInUp { 0% { opacity: 0; -o-transform: scale(0) translateY(200px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale(0) translateY(200px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInUp { -webkit-animation-name: zoomInUp; -moz-animation-name: zoomInUp; -ms-animation-name: zoomInUp; -o-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInDown { 0% { opacity: 0; -moz-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInDown { 0% { opacity: 0; -ms-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInDown { 0% { opacity: 0; -o-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale(0) translateY(-200px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInDown { -webkit-animation-name: zoomInDown; -moz-animation-name: zoomInDown; -ms-animation-name: zoomInDown; -o-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInLeft { 0% { opacity: 0; -moz-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInLeft { 0% { opacity: 0; -ms-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInLeft { 0% { opacity: 0; -o-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale(0) translateX(-200px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInLeft { -webkit-animation-name: zoomInLeft; -moz-animation-name: zoomInLeft; -ms-animation-name: zoomInLeft; -o-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(0) translateX(200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInRight { 0% { opacity: 0; -moz-transform: scale(0) translateX(200px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInRight { 0% { opacity: 0; -ms-transform: scale(0) translateX(200px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInRight { 0% { opacity: 0; -o-transform: scale(0) translateX(200px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale(0) translateX(200px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInRight { -webkit-animation-name: zoomInRight; -moz-animation-name: zoomInRight; -ms-animation-name: zoomInRight; -o-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUpLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInUpLarge { 0% { opacity: 0; -moz-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInUpLarge { 0% { opacity: 0; -ms-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInUpLarge { 0% { opacity: 0; -o-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInUpLarge { 0% { opacity: 0; transform: scale(0) translateY(1000px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInUpLarge { -webkit-animation-name: zoomInUpLarge; -moz-animation-name: zoomInUpLarge; -ms-animation-name: zoomInUpLarge; -o-animation-name: zoomInUpLarge; animation-name: zoomInUpLarge; } @-webkit-keyframes zoomInDownLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInDownLarge { 0% { opacity: 0; -moz-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInDownLarge { 0% { opacity: 0; -ms-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInDownLarge { 0% { opacity: 0; -o-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInDownLarge { 0% { opacity: 0; transform: scale(0) translateY(-1000px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInDownLarge { -webkit-animation-name: zoomInDownLarge; -moz-animation-name: zoomInDownLarge; -ms-animation-name: zoomInDownLarge; -o-animation-name: zoomInDownLarge; animation-name: zoomInDownLarge; } @-webkit-keyframes zoomInLeftLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInLeftLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInLeftLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInLeftLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInLeftLarge { 0% { opacity: 0; transform: scale(0) translateX(-1000px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInLeftLarge { -webkit-animation-name: zoomInLeftLarge; -moz-animation-name: zoomInLeftLarge; -ms-animation-name: zoomInLeftLarge; -o-animation-name: zoomInLeftLarge; animation-name: zoomInLeftLarge; } @-webkit-keyframes zoomInRightLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInRightLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInRightLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInRightLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInRightLarge { 0% { opacity: 0; transform: scale(0) translateX(1000px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInRightLarge { -webkit-animation-name: zoomInRightLarge; -moz-animation-name: zoomInRightLarge; -ms-animation-name: zoomInRightLarge; -o-animation-name: zoomInRightLarge; animation-name: zoomInRightLarge; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0); } } @-moz-keyframes zoomOut { 0% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(0); } } @-ms-keyframes zoomOut { 0% { opacity: 1; -ms-transform: scale(1); } 100% { opacity: 0; -ms-transform: scale(0); } } @-o-keyframes zoomOut { 0% { opacity: 1; -o-transform: scale(1); } 100% { opacity: 0; -o-transform: scale(0); } } @keyframes zoomOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } .animate.zoomOut { -webkit-animation-name: zoomOut; -moz-animation-name: zoomOut; -ms-animation-name: zoomOut; -o-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutUp { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(-200px); } } @-moz-keyframes zoomOutUp { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(-200px); } } @-ms-keyframes zoomOutUp { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(-200px); } } @-o-keyframes zoomOutUp { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(-200px); } } @keyframes zoomOutUp { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(-200px); } } .animate.zoomOutUp { -webkit-animation-name: zoomOutUp; -moz-animation-name: zoomOutUp; -ms-animation-name: zoomOutUp; -o-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes zoomOutDown { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(200px); } } @-moz-keyframes zoomOutDown { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(200px); } } @-ms-keyframes zoomOutDown { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(200px); } } @-o-keyframes zoomOutDown { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(200px); } } @keyframes zoomOutDown { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(200px); } } .animate.zoomOutDown { -webkit-animation-name: zoomOutDown; -moz-animation-name: zoomOutDown; -ms-animation-name: zoomOutDown; -o-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-200px); } } @-moz-keyframes zoomOutLeft { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(-200px); } } @-ms-keyframes zoomOutLeft { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(-200px); } } @-o-keyframes zoomOutLeft { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(-200px); } } @keyframes zoomOutLeft { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(-200px); } } .animate.zoomOutLeft { -webkit-animation-name: zoomOutLeft; -moz-animation-name: zoomOutLeft; -ms-animation-name: zoomOutLeft; -o-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(200px); } } @-moz-keyframes zoomOutRight { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(200px); } } @-ms-keyframes zoomOutRight { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(200px); } } @-o-keyframes zoomOutRight { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(200px); } } @keyframes zoomOutRight { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(200px); } } .animate.zoomOutRight { -webkit-animation-name: zoomOutRight; -moz-animation-name: zoomOutRight; -ms-animation-name: zoomOutRight; -o-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUpLarge { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(-1000px); } } @-moz-keyframes zoomOutUpLarge { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(-1000px); } } @-ms-keyframes zoomOutUpLarge { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(-1000px); } } @-o-keyframes zoomOutUpLarge { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(-1000px); } } @keyframes zoomOutUpLarge { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(-1000px); } } .animate.zoomOutUpLarge { -webkit-animation-name: zoomOutUpLarge; -moz-animation-name: zoomOutUpLarge; -ms-animation-name: zoomOutUpLarge; -o-animation-name: zoomOutUpLarge; animation-name: zoomOutUpLarge; } @-webkit-keyframes zoomOutDownLarge { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(1000px); } } @-moz-keyframes zoomOutDownLarge { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(1000px); } } @-ms-keyframes zoomOutDownLarge { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(1000px); } } @-o-keyframes zoomOutDownLarge { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(1000px); } } @keyframes zoomOutDownLarge { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(1000px); } } .animate.zoomOutDownLarge { -webkit-animation-name: zoomOutDownLarge; -moz-animation-name: zoomOutDownLarge; -ms-animation-name: zoomOutDownLarge; -o-animation-name: zoomOutDownLarge; animation-name: zoomOutDownLarge; } @-webkit-keyframes zoomOutLeftLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-1000px); } } @-moz-keyframes zoomOutLeftLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(-1000px); } } @-ms-keyframes zoomOutLeftLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(-1000px); } } @-o-keyframes zoomOutLeftLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(-1000px); } } @keyframes zoomOutLeftLarge { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(-1000px); } } .animate.zoomOutLeftLarge { -webkit-animation-name: zoomOutLeftLarge; -moz-animation-name: zoomOutLeftLarge; -ms-animation-name: zoomOutLeftLarge; -o-animation-name: zoomOutLeftLarge; animation-name: zoomOutLeftLarge; } @-webkit-keyframes zoomOutRightLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(1000px); } } @-moz-keyframes zoomOutRightLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(1000px); } } @-ms-keyframes zoomOutRightLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(1000px); } } @-o-keyframes zoomOutRightLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(1000px); } } @keyframes zoomOutRightLarge { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(1000px); } } .animate.zoomOutRightLarge { -webkit-animation-name: zoomOutRightLarge; -moz-animation-name: zoomOutRightLarge; -ms-animation-name: zoomOutRightLarge; -o-animation-name: zoomOutRightLarge; animation-name: zoomOutRightLarge; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 70% { opacity: 1; -webkit-transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0); } 50% { opacity: 1; -moz-transform: scale(1.1); } 70% { opacity: 1; -moz-transform: scale(.9); } 100% { opacity: 1; -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(0); } 50% { opacity: 1; -ms-transform: scale(1.1); } 70% { opacity: 1; -ms-transform: scale(.9); } 100% { opacity: 1; -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0); } 50% { opacity: 1; -o-transform: scale(1.1); } 70% { opacity: 1; -o-transform: scale(.9); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0); } 50% { opacity: 1; transform: scale(1.1); } 70% { opacity: 1; transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } } .animate.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: scale(0) translateY(200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -webkit-transform: scale(.9) translateY(20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: scale(0) translateY(200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -moz-transform: scale(.9) translateY(20px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: scale(0) translateY(200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -ms-transform: scale(.9) translateY(20px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: scale(0) translateY(200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -o-transform: scale(.9) translateY(20px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: scale(0) translateY(200px); } 60% { opacity: 1; transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; transform: scale(.9) translateY(20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -webkit-transform: scale(.9) translateY(-20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -moz-transform: scale(.9) translateY(-20px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -ms-transform: scale(.9) translateY(-20px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -o-transform: scale(.9) translateY(-20px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: scale(0) translateY(-200px); } 60% { opacity: 1; transform: scale(1.1) translateY(40px); } 80% { opacity: 1; transform: scale(.9) translateY(-20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -webkit-transform: scale(.9) translateX(-20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -moz-transform: scale(.9) translateX(-20px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -ms-transform: scale(.9) translateX(-20px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -o-transform: scale(.9) translateX(-20px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: scale(0) translateX(-200px); } 60% { opacity: 1; transform: scale(1.1) translateX(40px); } 80% { opacity: 1; transform: scale(.9) translateX(-20px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: scale(0) translateX(200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -webkit-transform: scale(.9) translateX(20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: scale(0) translateX(200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -moz-transform: scale(.9) translateX(20px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: scale(0) translateX(200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -ms-transform: scale(.9) translateX(20px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: scale(0) translateX(200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -o-transform: scale(.9) translateX(20px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: scale(0) translateX(200px); } 60% { opacity: 1; transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; transform: scale(.9) translateX(20px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { opacity: 1; -webkit-transform: scale(1); } 30% { opacity: 1; -webkit-transform: scale(1.1); } 50% { opacity: 0; -webkit-transform: scale(.9); } 100% { opacity: 0; -webkit-transform: scale(0); } } @-moz-keyframes bounceOut { 0% { opacity: 1; -moz-transform: scale(1); } 30% { opacity: 1; -moz-transform: scale(1.1); } 50% { opacity: 0; -moz-transform: scale(.9); } 100% { opacity: 0; -moz-transform: scale(0); } } @-ms-keyframes bounceOut { 0% { opacity: 1; -ms-transform: scale(1); } 30% { opacity: 1; -ms-transform: scale(1.1); } 50% { opacity: 0; -ms-transform: scale(.9); } 100% { opacity: 0; -ms-transform: scale(0); } } @-o-keyframes bounceOut { 0% { opacity: 1; -o-transform: scale(1); } 30% { opacity: 1; -o-transform: scale(1.1); } 50% { opacity: 0; -o-transform: scale(.9); } 100% { opacity: 0; -o-transform: scale(0); } } @keyframes bounceOut { 0% { opacity: 1; transform: scale(1); } 30% { opacity: 1; transform: scale(1.1); } 50% { opacity: 0; transform: scale(.9); } 100% { opacity: 0; transform: scale(0); } } .animate.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(40px); } 100% { opacity: 0; -webkit-transform: translateY(-200px); } } @-moz-keyframes bounceOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(40px); } 100% { opacity: 0; -moz-transform: translateY(-200px); } } @-ms-keyframes bounceOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(40px); } 100% { opacity: 0; -ms-transform: translateY(-200px); } } @-o-keyframes bounceOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(40px); } 100% { opacity: 0; -o-transform: translateY(-200px); } } @keyframes bounceOutUp { 0% { opacity: 1; transform: translateY(0); } 20% { opacity: 1; transform: translateY(40px); } 100% { opacity: 0; transform: translateY(-200px); } } .animate.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-40px); } 100% { opacity: 0; -webkit-transform: translateY(200px); } } @-moz-keyframes bounceOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-40px); } 100% { opacity: 0; -moz-transform: translateY(200px); } } @-ms-keyframes bounceOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-40px); } 100% { opacity: 0; -ms-transform: translateY(200px); } } @-o-keyframes bounceOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-40px); } 100% { opacity: 0; -o-transform: translateY(200px); } } @keyframes bounceOutDown { 0% { opacity: 1; transform: translateY(0); } 20% { opacity: 1; transform: translateY(-40px); } 100% { opacity: 0; transform: translateY(200px); } } .animate.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(40px); } 100% { opacity: 0; -webkit-transform: translateX(-200px); } } @-moz-keyframes bounceOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(40px); } 100% { opacity: 0; -moz-transform: translateX(-200px); } } @-ms-keyframes bounceOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(40px); } 100% { opacity: 0; -ms-transform: translateX(-200px); } } @-o-keyframes bounceOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(40px); } 100% { opacity: 0; -o-transform: translateX(-200px); } } @keyframes bounceOutLeft { 0% { opacity: 1; transform: translateX(0); } 20% { opacity: 1; transform: translateX(40px); } 100% { opacity: 0; transform: translateX(-200px); } } .animate.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-40px); } 100% { opacity: 0; -webkit-transform: translateX(200px); } } @-moz-keyframes bounceOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-40px); } 100% { opacity: 0; -moz-transform: translateX(200px); } } @-ms-keyframes bounceOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-40px); } 100% { opacity: 0; -ms-transform: translateX(200px); } } @-o-keyframes bounceOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-40px); } 100% { opacity: 0; -o-transform: translateX(200px); } } @keyframes bounceOutRight { 0% { opacity: 1; transform: translateX(0); } 20% { opacity: 1; transform: translateX(-40px); } 100% { opacity: 0; transform: translateX(200px); } } .animate.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes flash { 0%,100%,50% { opacity: 1; } 25%,75% { opacity: 0; } } @-moz-keyframes flash { 0%,100%,50% { opacity: 1; } 25%,75% { opacity: 0; } } @-ms-keyframes flash { 0%,100%,50% { opacity: 1; } 25%,75% { opacity: 0; } } @-o-keyframes flash { 0%,100%,50% { opacity: 1; } 25%,75% { opacity: 0; } } @keyframes flash { 0%,100%,50% { opacity: 1; } 25%,75% { opacity: 0; } } .hover-flash:hover,.trigger.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes strobe { 0%,100%,20%,40%,60%,80% { opacity: 1; } 10%,30%,50%,70%,90% { opacity: 0; } } @-moz-keyframes strobe { 0%,100%,20%,40%,60%,80% { opacity: 1; } 10%,30%,50%,70%,90% { opacity: 0; } } @-ms-keyframes strobe { 0%,100%,20%,40%,60%,80% { opacity: 1; } 10%,30%,50%,70%,90% { opacity: 0; } } @-o-keyframes strobe { 0%,100%,20%,40%,60%,80% { opacity: 1; } 10%,30%,50%,70%,90% { opacity: 0; } } @keyframes strobe { 0%,100%,20%,40%,60%,80% { opacity: 1; } 10%,30%,50%,70%,90% { opacity: 0; } } .hover-strobe:hover,.trigger.strobe { -webkit-animation-name: strobe; -moz-animation-name: strobe; -ms-animation-name: strobe; -o-animation-name: strobe; animation-name: strobe; } @-webkit-keyframes shakeH { 0%,100% { -webkit-transform: translateX(0); } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); } 20%,40%,60%,80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shakeH { 0%,100% { -moz-transform: translateX(0); } 10%,30%,50%,70%,90% { -moz-transform: translateX(-10px); } 20%,40%,60%,80% { -moz-transform: translateX(10px); } } @-ms-keyframes shakeH { 0%,100% { -ms-transform: translateX(0); } 10%,30%,50%,70%,90% { -ms-transform: translateX(-10px); } 20%,40%,60%,80% { -ms-transform: translateX(10px); } } @-o-keyframes shakeH { 0%,100% { -o-transform: translateX(0); } 10%,30%,50%,70%,90% { -o-transform: translateX(-10px); } 20%,40%,60%,80% { -o-transform: translateX(10px); } } @keyframes shakeH { 0%,100% { transform: translateX(0); } 10%,30%,50%,70%,90% { transform: translateX(-10px); } 20%,40%,60%,80% { transform: translateX(10px); } } .hover-shakeH:hover,.trigger.shakeH { -webkit-animation-name: shakeH; -moz-animation-name: shakeH; -ms-animation-name: shakeH; -o-animation-name: shakeH; animation-name: shakeH; } @-webkit-keyframes shakeV { 0%,100% { -webkit-transform: translateY(0); } 10%,30%,50%,70%,90% { -webkit-transform: translateY(-10px); } 20%,40%,60%,80% { -webkit-transform: translateY(10px); } } @-moz-keyframes shakeV { 0%,100% { -moz-transform: translateY(0); } 10%,30%,50%,70%,90% { -moz-transform: translateY(-10px); } 20%,40%,60%,80% { -moz-transform: translateY(10px); } } @-ms-keyframes shakeV { 0%,100% { -ms-transform: translateY(0); } 10%,30%,50%,70%,90% { -ms-transform: translateY(-10px); } 20%,40%,60%,80% { -ms-transform: translateY(10px); } } @-o-keyframes shakeV { 0%,100% { -o-transform: translateY(0); } 10%,30%,50%,70%,90% { -o-transform: translateY(-10px); } 20%,40%,60%,80% { -o-transform: translateY(10px); } } @keyframes shakeV { 0%,100% { transform: translateY(0); } 10%,30%,50%,70%,90% { transform: translateY(-10px); } 20%,40%,60%,80% { transform: translateY(10px); } } .hover-shakeV:hover,.trigger.shakeV { -webkit-animation-name: shakeV; -moz-animation-name: shakeV; -ms-animation-name: shakeV; -o-animation-name: shakeV; animation-name: shakeV; } @-webkit-keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%,100%,20%,50%,80% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-ms-keyframes bounce { 0%,100%,20%,50%,80% { -ms-transform: translateY(0); } 40% { -ms-transform: translateY(-30px); } 60% { -ms-transform: translateY(-15px); } } @-o-keyframes bounce { 0%,100%,20%,50%,80% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%,100%,20%,50%,80% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .hover-bounce:hover,.trigger.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0%,100% { -webkit-transform: scale(1) rotate(0); } 10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); } } @-moz-keyframes tada { 0%,100% { -moz-transform: scale(1) rotate(0); } 10%,20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -moz-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -moz-transform: scale(1.1) rotate(-3deg); } } @-ms-keyframes tada { 0%,100% { -ms-transform: scale(1) rotate(0); } 10%,20% { -ms-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -ms-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -ms-transform: scale(1.1) rotate(-3deg); } } @-o-keyframes tada { 0%,100% { -o-transform: scale(1) rotate(0); } 10%,20% { -o-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -o-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -o-transform: scale(1.1) rotate(-3deg); } } @keyframes tada { 0%,100% { transform: scale(1) rotate(0); } 10%,20% { transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { transform: scale(1.1) rotate(3deg); } 40%,60%,80% { transform: scale(1.1) rotate(-3deg); } } .hover-tada:hover,.trigger.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes wave { 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes wave { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes wave { 20% { -ms-transform: rotate(15deg); } 40% { -ms-transform: rotate(-10deg); } 60% { -ms-transform: rotate(5deg); } 80% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(0deg); } } @-o-keyframes wave { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes wave { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .hover-wave:hover { -webkit-animation-name: wave; -moz-animation-name: wave; -ms-animation-name: wave; -o-animation-name: wave; animation-name: wave; } @-webkit-keyframes spinCW { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinCW { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes spinCW { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes spinCW { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes spinCW { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .hover-spinCW:hover,.trigger.spinCW { -webkit-animation-name: spinCW; -moz-animation-name: spinCW; -ms-animation-name: spinCW; -o-animation-name: spinCW; animation-name: spinCW; } @-webkit-keyframes spinCCW { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes spinCCW { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } } @-ms-keyframes spinCCW { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); } } @-o-keyframes spinCCW { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes spinCCW { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .hover-spinCCW:hover,.trigger.spinCCW { -webkit-animation-name: spinCCW; -moz-animation-name: spinCCW; -ms-animation-name: spinCCW; -o-animation-name: spinCCW; animation-name: spinCCW; } @-webkit-keyframes slingshotCW { 0% { -webkit-transform: rotate(0deg); } 20%,30% { -webkit-transform: rotate(-45deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes slingshotCW { 0% { -moz-transform: rotate(0deg); } 20%,30% { -moz-transform: rotate(-45deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes slingshotCW { 0% { -ms-transform: rotate(0deg); } 20%,30% { -ms-transform: rotate(-45deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes slingshotCW { 0% { -o-transform: rotate(0deg); } 20%,30% { -o-transform: rotate(-45deg); } 100% { -o-transform: rotate(360deg); } } @keyframes slingshotCW { 0% { transform: rotate(0deg); } 20%,30% { transform: rotate(-45deg); } 100% { transform: rotate(360deg); } } .hover-slingshotCW:hover,.trigger.slingshotCW { -webkit-animation-name: slingshotCW; -moz-animation-name: slingshotCW; -ms-animation-name: slingshotCW; -o-animation-name: slingshotCW; animation-name: slingshotCW; } @-webkit-keyframes slingshotCCW { 0% { -webkit-transform: rotate(0deg); } 20%,30% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes slingshotCCW { 0% { -moz-transform: rotate(0deg); } 20%,30% { -moz-transform: rotate(45deg); } 100% { -moz-transform: rotate(-360deg); } } @-ms-keyframes slingshotCCW { 0% { -ms-transform: rotate(0deg); } 20%,30% { -ms-transform: rotate(45deg); } 100% { -ms-transform: rotate(-360deg); } } @-o-keyframes slingshotCCW { 0% { -o-transform: rotate(0deg); } 20%,30% { -o-transform: rotate(45deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes slingshotCCW { 0% { transform: rotate(0deg); } 20%,30% { transform: rotate(45deg); } 100% { transform: rotate(-360deg); } } .hover-slingshotCCW:hover,.trigger.slingshotCCW { -webkit-animation-name: slingshotCCW; -moz-animation-name: slingshotCCW; -ms-animation-name: slingshotCCW; -o-animation-name: slingshotCCW; animation-name: slingshotCCW; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0px); } 15% { -webkit-transform: translateX(-25px) rotate(-5deg); } 30% { -webkit-transform: translateX(20px) rotate(3deg); } 45% { -webkit-transform: translateX(-15px) rotate(-3deg); } 60% { -webkit-transform: translateX(10px) rotate(2deg); } 75% { -webkit-transform: translateX(-5px) rotate(-1deg); } 100% { -webkit-transform: translateX(0px); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0px); } 15% { -moz-transform: translateX(-25px) rotate(-5deg); } 30% { -moz-transform: translateX(20px) rotate(3deg); } 45% { -moz-transform: translateX(-15px) rotate(-3deg); } 60% { -moz-transform: translateX(10px) rotate(2deg); } 75% { -moz-transform: translateX(-5px) rotate(-1deg); } 100% { -moz-transform: translateX(0px); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0px); } 15% { -ms-transform: translateX(-25px) rotate(-5deg); } 30% { -ms-transform: translateX(20px) rotate(3deg); } 45% { -ms-transform: translateX(-15px) rotate(-3deg); } 60% { -ms-transform: translateX(10px) rotate(2deg); } 75% { -ms-transform: translateX(-5px) rotate(-1deg); } 100% { -ms-transform: translateX(0px); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0px); } 15% { -o-transform: translateX(-25px) rotate(-5deg); } 30% { -o-transform: translateX(20px) rotate(3deg); } 45% { -o-transform: translateX(-15px) rotate(-3deg); } 60% { -o-transform: translateX(10px) rotate(2deg); } 75% { -o-transform: translateX(-5px) rotate(-1deg); } 100% { -o-transform: translateX(0px); } } @keyframes wobble { 0% { transform: translateX(0px); } 15% { transform: translateX(-25px) rotate(-5deg); } 30% { transform: translateX(20px) rotate(3deg); } 45% { transform: translateX(-15px) rotate(-3deg); } 60% { transform: translateX(10px) rotate(2deg); } 75% { transform: translateX(-5px) rotate(-1deg); } 100% { transform: translateX(0px); } } .hover-wobble:hover,.trigger.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0%,100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } } @-moz-keyframes pulse { 0%,100% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } } @-ms-keyframes pulse { 0%,100% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } } @-o-keyframes pulse { 0%,100% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.1); } } .hover-pulse:hover,.trigger.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes pulsate { 0%,100%,50% { -webkit-transform: scale(1); } 25%,75% { -webkit-transform: scale(1.1); } } @-moz-keyframes pulsate { 0%,100%,50% { -moz-transform: scale(1); } 25%,75% { -moz-transform: scale(1.1); } } @-ms-keyframes pulsate { 0%,100%,50% { -ms-transform: scale(1); } 25%,75% { -ms-transform: scale(1.1); } } @-o-keyframes pulsate { 0%,100%,50% { -o-transform: scale(1); } 25%,75% { -o-transform: scale(1.1); } } @keyframes pulsate { 0%,100%,50% { transform: scale(1); } 25%,75% { transform: scale(1.1); } } .hover-pulsate:hover,.trigger.pulsate { -webkit-animation-name: pulsate; -moz-animation-name: pulsate; -ms-animation-name: pulsate; -o-animation-name: pulsate; animation-name: pulsate; } @-webkit-keyframes heartbeat { 0%,30%,50%,60%,80% { -webkit-transform: scale(1); } 40%,70% { -webkit-transform: scale(1.1); } } @-moz-keyframes heartbeat { 0%,30%,50%,60%,80% { -moz-transform: scale(1); } 40%,70% { -moz-transform: scale(1.1); } } @-ms-keyframes heartbeat { 0%,30%,50%,60%,80% { -ms-transform: scale(1); } 40%,70% { -ms-transform: scale(1.1); } } @-o-keyframes heartbeat { 0%,30%,50%,60%,80% { -o-transform: scale(1); } 40%,70% { -o-transform: scale(1.1); } } @keyframes heartbeat { 0%,30%,50%,60%,80% { transform: scale(1); } 40%,70% { transform: scale(1.1); } } .hover-heartbeat:hover,.trigger.heartbeat { -webkit-animation-name: heartbeat; -moz-animation-name: heartbeat; -ms-animation-name: heartbeat; -o-animation-name: heartbeat; animation-name: heartbeat; } @-webkit-keyframes panic { 0%,100% { -webkit-transform: scale(1) rotate(0); } 10%,60% { -webkit-transform: scale(1.1) rotate(-3deg); } 20%,40% { -webkit-transform: scale(1) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); } 50%,70%,90% { -webkit-transform: scale(1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); } } @-moz-keyframes panic { 0%,100% { -moz-transform: scale(1) rotate(0); } 10%,60% { -moz-transform: scale(1.1) rotate(-3deg); } 20%,40% { -moz-transform: scale(1) rotate(-3deg); } 30% { -moz-transform: scale(1.1) rotate(3deg); } 50%,70%,90% { -moz-transform: scale(1) rotate(3deg); } 80% { -moz-transform: scale(1.1) rotate(-3deg); } } @-ms-keyframes panic { 0%,100% { -ms-transform: scale(1) rotate(0); } 10%,60% { -ms-transform: scale(1.1) rotate(-3deg); } 20%,40% { -ms-transform: scale(1) rotate(-3deg); } 30% { -ms-transform: scale(1.1) rotate(3deg); } 50%,70%,90% { -ms-transform: scale(1) rotate(3deg); } 80% { -ms-transform: scale(1.1) rotate(-3deg); } } @-o-keyframes panic { 0%,100% { -o-transform: scale(1) rotate(0); } 10%,60% { -o-transform: scale(1.1) rotate(-3deg); } 20%,40% { -o-transform: scale(1) rotate(-3deg); } 30% { -o-transform: scale(1.1) rotate(3deg); } 50%,70%,90% { -o-transform: scale(1) rotate(3deg); } 80% { -o-transform: scale(1.1) rotate(-3deg); } } @keyframes panic { 0%,100% { transform: scale(1) rotate(0); } 10%,60% { transform: scale(1.1) rotate(-3deg); } 20%,40% { transform: scale(1) rotate(-3deg); } 30% { transform: scale(1.1) rotate(3deg); } 50%,70%,90% { transform: scale(1) rotate(3deg); } 80% { transform: scale(1.1) rotate(-3deg); } } .hover-panic:hover,.trigger.panic { -webkit-animation-name: panic; -moz-animation-name: panic; -ms-animation-name: panic; -o-animation-name: panic; animation-name: panic; } /* |-------------------------------------------------------------------------- | 7.0 jQuery ui | |-------------------------------------------------------------------------- | | | */ /* * jQuery UI CSS Framework 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); } .ui-helper-reset { border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; margin: 0; padding: 0; } .ui-helper-clearfix:before,.ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(img/ui-icons_222222_256x240.png); } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #aaa url(img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; border-style: solid; border-width: 1px; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 13px; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 30px; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; -webkit-border-radius: 0 0 6px 4px; border-radius: 0 0 6px 4px; border-style: solid; border-width: 1px; padding: 1em 2.2em; } .ui-accordion .ui-accordion-content-active { display: block; background: none; } .ui-accordion .ui-state-active { background: none !important; font-weight: 700; -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.00); box-shadow: inset 0 0 0 0 rgba(0,0,0,0.00); border-bottom: 0; } .ui-accordion .ui-icon { display: block; } .ui-accordion .ui-state-default { background: url(img/bg_widget_header.png) no-repeat 0 0; } .ui-accordion .ui-state-hover { background: url(img/bg_widget_header_active.png) no-repeat 0 0; } .ui-tabs { position: relative; overflow: hidden; zoom: 1; margin-bottom: 15px; margin-right:-5px; margin-left: -10px; background: none !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; border-style: solid; border-width: 1px; } .ui-tabs .ui-tabs-nav { display: block; background-image: url(../img/bg_panel.png); background-repeat: repeat-x; background-position: left top; border-style: solid; border-width: 0 0 1px; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; white-space: nowrap; border-style: solid; border-width: 0 1px 0 0; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { text-decoration: none; display: block; font-size: 13px; font-weight: 700; padding: 14px 30px !important; } .ui-tabs .ui-tabs-nav li a i { margin-right: 4px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after { content: ""; display: block; height: 5px; width: 100%; position: absolute; left: 0; bottom: -5px; z-index: 1; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a,.ui-tabs .ui-tabs-nav li.ui-state-active a { cursor: text; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.ui-tabs .ui-tabs-nav li.ui-state-active a:after { content: ""; display: block; height: 1px; width: 80%; position: absolute; left: 50%; margin-left: -40%; bottom: -1px; z-index: 2; } .ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*background-image: url(../img/box_shadow.png);*/ background-repeat: repeat-x; background-position: left top; border-width: 0; padding: 15px 20px 20px !important; margin: 0; overflow: hidden; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel { background-color: #fff; } .ui-tabs .ui-tabs-panel p:last-child { margin-bottom: 0; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget-content { background: #fff url(img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; border-style: solid; border-width: 1px; } .ui-widget-header { font-weight: 700; border-style: solid; border-width: 1px; } .ui-widget :active { outline: none; } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-default .ui-icon { background-image: url(img/ui-icons_888888_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(img/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon,.ui-state-error-text .ui-icon { background-image: url(img/ui-icons_cd0a0a_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .ui-accordion-header.ui-corner-all { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-tabs .ui-corner-top { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-widget-shadow { background: #aaa url(img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: -8px 0 0 -8px; padding: 8px; } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { font-weight: 400; } .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { text-decoration: none; } .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-widget-content .ui-icon,.ui-widget-header .ui-icon { background-image: url(img/ui-icons_222222_256x240.png); } .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon { background-image: url(img/ui-icons_454545_256x240.png); } .ui-icon-seek-start,.ui-icon-seek-first { background-position: -80px -160px; } .wpb_tour .wpb_tabs_nav a { width: auto !important; } @media only screen and (min-width: 767px) { .tabs_vertical.ui-tabs { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .tabs_vertical.ui-widget-content { border: 0; } .tabs_vertical.ui-tabs .ui-tabs-nav { width: 30%; float: left; background: none; -webkit-border-radius: 5px 0 0 5px !important; border-radius: 5px 0 0 5px !important; border-width: 1px 0 1px 1px; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 69.7%; float: left; min-height: 120px; -webkit-border-radius: 0 0px 0px 0px !important; border-radius: 0 0px 0px 0px !important; background-image: none; border: 1px solid rgba(0,0,0,.08) !important; } .tabs_vertical.ui-tabs .ui-tabs-nav li { float: none; width: 100%; white-space: normal; border-width: 0 0 1px; } .tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a { -webkit-border-radius: 0px 0 0 0 !important; border-radius: 0px 0 0 0 !important; } .tabs_vertical.ui-tabs .ui-tabs-nav li:last-child { border-bottom: 0 !important; } .tabs_vertical.ui-tabs .ui-tabs-nav li a { float: none; line-height: 18px; height: auto; padding-left: 20px; padding-right: 20px; background-image: url(../img/bg_panel.png); background-repeat: repeat-x; background-position: left top; } .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a { background-image: none; } .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none; } .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active:after { content: ""; display: block; height: 100%; width: 1px; position: absolute; left: auto; right: -1px; top: 0; z-index: 1; } } /* |-------------------------------------------------------------------------- | 8.0 jPlayer | |-------------------------------------------------------------------------- | | | */ div.jp-audio,div.jp-audio-stream,div.jp-video { background-color: #EEE; color: #666; font-family: Verdana,Arial,Microsoft JhengHei, sans-serif; font-size: 1.25em; line-height: 1.6; position: relative; } div.jp-video-full { height: 270px; position: static !important; width: 100%; } div.jp-video-full div.jp-jplayer,div.jp-jplayer > video { height: 100% !important; } div.jp-video-full div div { z-index: 1000; } div.jp-video-full div.jp-jplayer { left: 0; overflow: hidden; position: fixed !important; top: 0; } div.jp-video-full div.jp-gui { height: 100%; left: 0; position: fixed !important; top: 0; width: 100%; z-index: 1001; } div.jp-video-full div.jp-interface { bottom: 0; left: 0; position: absolute !important; } div.jp-interface { -moz-box-sizing: border-box; bottom: 0; position: absolute; width: 100%; height: 45px; } div.jp-controls-holder { clear: both; height: 0; overflow: hidden; top: -8px; width: 440px; margin: 0 auto; } div.jp-interface ul.jp-controls { list-style-type: none; overflow: hidden; margin: 0; padding: 0; } div.jp-audio ul.jp-controls { width: 380px; padding: 20px 20px 0; } div.jp-audio-stream ul.jp-controls { width: 142px; padding: 20px 20px 0; } div.jp-video div.jp-type-single ul.jp-controls { margin-left: 200px; width: 78px; } div.jp-video div.jp-type-playlist ul.jp-controls { margin-left: 172px; width: 134px; } div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play,a.jp-pause { height: 45px; width: 45px; background-color: rgba(0,0,0,.05); } a:hover.jp-play,a:hover.jp-pause { background-color: rgba(0,0,0,.1); } a.jp-play { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: 0 0; left: 0; position: absolute; top: 0; } a.jp-play:hover { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: 0 0; } a.jp-pause { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -45px 0; display: none; left: 0; position: absolute; top: 0; } a.jp-pause:hover { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -45px 0; } a.jp-stop,a.jp-previous,a.jp-next { height: 24px; width: 24px; } a.jp-stop { background: url(img/jplayer.png) no-repeat scroll -60px 0 rgba(0,0,0,0); left: 60px; position: absolute; top: 23px; display: none !important; } a.jp-stop:hover { background: url(img/jplayer.png) no-repeat scroll -60px 0 rgba(0,0,0,0); } a.jp-previous { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll 0 -112px rgba(0,0,0,0); } a.jp-previous:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -29px -112px rgba(0,0,0,0); } a.jp-next { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll 0 -141px rgba(0,0,0,0); } a.jp-next:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -29px -141px rgba(0,0,0,0); } div.jp-progress { background: none repeat scroll 0 0 rgba(0,0,0,0); overflow: hidden; margin: 0 108px 0 45px; height: 45px !important; } div.jp-audio div.jp-progress { height: 15px; position: absolute; top: 32px; } div.jp-video div.jp-progress { height: 4px; left: 0; top: 0; } div.jp-seek-bar { cursor: pointer; height: 100%; width: 0; background: none !important; } div.jp-play-bar { height: 100%; width: 0; background-color: rgba(255,255,255,.15); } div.jp-seeking-bg { background: url(img/jplayer.blue.monday.seeking.gif) repeat scroll 0 0 rgba(0,0,0,0); } a.jp-mute,a.jp-unmute,a.jp-volume-max { height: 10px; width: 10px; } div.jp-audio div.jp-type-single a.jp-mute,div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute,div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio-stream div.jp-type-single a.jp-mute div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left: 10px; } div.jp-audio a.jp-volume-max,div.jp-audio-stream a.jp-volume-max { margin-left: 56px; } ul.jp-toggles li a.jp-repeat { display: none !important; } div.jp-video a.jp-mute,div.jp-video a.jp-unmute,div.jp-video a.jp-volume-max { margin-top: 0; position: absolute; top: 12px; } div.jp-video a.jp-mute,div.jp-video a.jp-unmute { right: 73px; top: 18px; z-index: 2; } div.jp-video a.jp-volume-max { display: none !important; left: 134px; } a.jp-unmute { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -235px 0; display: none; } a.jp-unmute:hover { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -235px 0; } a.jp-volume-max { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll 0 -186px rgba(0,0,0,0); } a.jp-volume-max:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -19px -186px rgba(0,0,0,0); } div.jp-volume-bar { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -110px 0; cursor: pointer; height: 45px; position: absolute; width: 25px; } div.jp-volume-bar:before { content: ""; position: absolute; right: 0; top: 0; width: 45px; height: 45px; top: 0; right: 0; background-color: rgba(0,0,0,.05); } div.jp-audio div.jp-volume-bar { left: 330px; top: 37px; } div.jp-audio-stream div.jp-volume-bar { left: 92px; top: 37px; } div.jp-video div.jp-volume-bar { right: 45px; top: 0; } div.jp-volume-bar-value { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -155px 0; height: 45px; width: 0; } div.jp-audio div.jp-time-holder { position: absolute; top: 50px; } div.jp-current-time,div.jp-duration { font-size: .64em; font-style: oblique; width: 60px; } div.jp-duration { display: inline; float: right; text-align: right; } div.jp-video div.jp-current-time { display: none; margin-left: 20px; } div.jp-video div.jp-duration { display: none; margin-right: 20px; } div.jp-title { display: none; font-weight: 700; text-align: center; } div.jp-title,div.jp-playlist { background-color: #CCC; border-top: 1px solid #009BE3; width: 100%; } div.jp-type-single div.jp-title,div.jp-type-playlist div.jp-title,div.jp-type-single div.jp-playlist { border-top: medium none; } div.jp-title ul,div.jp-playlist ul { font-size: .72em; list-style-type: none; margin: 0; padding: 0 20px; } div.jp-title li { font-weight: 700; padding: 5px 0; } div.jp-playlist li { border-bottom: 1px solid #EEE; padding: 5px 0 4px 20px; } div.jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { border-bottom: medium none; padding: 5px 0 5px 20px; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-position: inside; list-style-type: square; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { color: #666; display: inline; float: right; font-weight: 700; margin-right: 10px; text-align: right; } div.jp-type-playlist div.jp-playlist span.jp-free-media { display: inline; float: right; margin-right: 10px; text-align: right; } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666; } span.jp-artist { color: #666; font-size: .8em; } div.jp-video-play { background-color: rgba(0,0,0,0); cursor: pointer; overflow: hidden; width: 100%; } div.jp-video-full div.jp-video-play { height: 100%; } a.jp-video-play-icon { background: url(img/jplayer.png) no-repeat scroll -280px 0 rgba(0,0,0,0); display: block; height: 72px; left: 50%; margin-left: -36px; margin-top: -66px; position: absolute; text-indent: -9999px; top: 50%; width: 72px; } div.jp-video-play:hover a.jp-video-play-icon { background: url(img/jplayer.png) no-repeat scroll -352px 0 rgba(0,0,0,0); } div.jp-jplayer audio,div.jp-jplayer { height: 0; width: 0; overflow: hidden; } div.jp-jplayer { background-color: #000; } div.jp-jplayer > img { height: auto !important; } .image_frame:not(.no_link) .image_wrapper div.jp-jplayer > img { margin-bottom: 0 !important; } ul.jp-toggles { list-style-type: none; overflow: hidden; margin: 0 auto; padding: 0; } div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { left: 325px; position: absolute; top: 50px; width: 55px; margin: 0; } div.jp-video ul.jp-toggles { margin-top: 10px; width: 100px; } ul.jp-toggles li { display: block; float: right; } ul.jp-toggles li a { display: block; height: 45px; line-height: 100%; text-indent: -9999px; width: 45px; } a.jp-repeat { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll 0 -290px rgba(0,0,0,0); } a.jp-repeat:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -30px -290px rgba(0,0,0,0); } a.jp-repeat-off { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -60px -290px rgba(0,0,0,0); } a.jp-repeat-off:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -90px -290px rgba(0,0,0,0); } a.jp-shuffle { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll 0 -270px rgba(0,0,0,0); margin-left: 5px; } a.jp-shuffle:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -30px -270px rgba(0,0,0,0); } a.jp-shuffle-off { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -60px -270px rgba(0,0,0,0); margin-left: 5px; } a.jp-shuffle-off:hover { background: url(img/jplayer.blue.monday.jpg) no-repeat scroll -90px -270px rgba(0,0,0,0); } .jp-no-solution { background-color: #EEE; border: 2px solid #009BE3; color: #000; display: none; font-size: .8em; padding: 5px; } .jp-no-solution a { color: #000; } .jp-no-solution span { display: block; font-size: 1em; font-weight: 700; text-align: center; } div.jp-audio,div.jp-audio-stream,div.jp-video-270p,div.jp-video-360p { width: 100%; } div.jp-audio div.jp-type-single div.jp-interface,div.jp-audio div.jp-type-playlist div.jp-interface,div.jp-audio-stream div.jp-type-single div.jp-interface { height: 80px; } div.jp-video ul.jp-controls,div.jp-interface ul.jp-controls li,div.jp-current-time { display: inline; float: left; } div.jp-audio div.jp-type-single div.jp-progress,div.jp-audio div.jp-type-single div.jp-time-holder { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-progress,div.jp-audio div.jp-type-playlist div.jp-time-holder { left: 166px; width: 130px; } a.jp-mute,a.jp-mute:hover { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -225px 0; } div.jp-type-playlist div.jp-playlist a:hover,div.jp-type-playlist div.jp-playlist a.jp-playlist-current,div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover,div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0D88C1; } a.jp-full-screen,a.jp-restore-screen { background-image: url(img/jplayer.png); background-repeat: no-repeat; background-position: -180px 0; background-color: rgba(0,0,0,.05); position: absolute; right: 0; top: 0; } a.jp-full-screen:hover,a.jp-restore-screen:hover { background-color: rgba(0,0,0,.1); } /* |-------------------------------------------------------------------------- | 9.0 Prrettyphoto | |-------------------------------------------------------------------------- | | | */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_next:hover { background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default .pp_gallery ul li a { background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause { background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next { background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-style: italic; color: #999; font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px; } div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover { opacity: .7; } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 20px; } div.pp_default .pp_bottom .pp_left { background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat; } div.light_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_next:hover { background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_nav .pp_play { background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_next { background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_description { margin-right: 85px; color: #fff; } div.dark_rounded .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content { background: #000; } div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0; } div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_nav .pp_play { background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_top .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content_container .pp_left { background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_expand { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook .pp_loaderIcon { background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px; } .pp_description { display: block; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play,.pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous,a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand,a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } div.pp_default .pp_content,div.light_rounded .pp_content { background-color: #fff; } div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a { border-color: #fff; } div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details { position: relative; } div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content { background: #fff; } div.light_rounded .pp_description,div.light_square .pp_description { margin-right: 85px; } div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline { color: #fff; } .pp_top,.pp_bottom { height: 20px; position: relative; } * html .pp_top,* html .pp_bottom { padding: 0 20px; } .pp_top .pp_left,.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle,.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle,* html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right,.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade,.pp_gallery li.default a img { display: none; } /* |-------------------------------------------------------------------------- | 10. simple style | |-------------------------------------------------------------------------- | | | */ /* Tabs */ .style-simple .ui-tabs { border: 0; } .style-simple .ui-tabs .ui-tabs-panel { background: none; } .style-simple .ui-tabs .ui-tabs-nav { background: none; text-align: center; } .style-simple .ui-tabs .ui-tabs-nav li { border: 0; display: inline-block; float: none; } .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a,.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after { background-color: transparent; } .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after { bottom: -1px; height: 2px; margin-left: -50%; width: 100%; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel { border-width: 0 0 0 1px !important; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav { border: 0; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: block; width: 2px; height: 100%; right: -1px; top: 0; bottom: auto; left: auto; margin: 0; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a { background: none; text-align: right; padding-right: 20px !important; padding-left: 10px !important; } /* Accordion & Toggle */ .style-simple .accordion .question { border-width: 0 0 0 1px; border-radius: 0; position: relative; margin-bottom: 0; } .style-simple .accordion .question:after { content: ""; display: none; width: 2px; height: 100%; position: absolute; left: 0; top: 0; background-color: #ccc; } .style-simple .accordion .question.active:after { display: block; } .style-simple .accordion .question .title { background: none; padding-left: 50px; border: 0; } .style-simple .accordion .question .title:before { display: none; } .style-simple .accordion .question .answer { background: none; padding: 0 20px 10px 50px; } /* FAQ */ .style-simple .faq .question { border-width: 0 0 0 1px; border-style: solid; margin-bottom: 0; position: relative; background: none; } .style-simple .faq .question:before { display: none; } .style-simple .faq .question:after { content: ""; display: none; width: 2px; height: 100%; position: absolute; top: 0; background-color: #ccc; } .style-simple .faq .question .title,.style-simple .faq .question .answer { padding-left: 70px; } .style-simple .faq .question.active:after { display: block; } /* Table */ .style-simple table th { background: none; } .style-simple table tr:first-child td { background: none; } .style-simple table tr:hover td { background: none; color: inherit; } .style-simple table th,.style-simple table td { border-width: 0 1px 1px 0; } .style-simple table tr td:last-child,.style-simple table tr th:last-child { border-right: 0; } .style-simple table tr:last-child td { border-bottom: 0; } .style-simple table tr:nth-child(2n) td { background: none; } /* Opening hours */ .style-simple .opening_hours { padding: 0; border: 0; background-color: transparent; } .style-simple .opening_hours .opening_hours_wrapper li { padding-bottom: 0; border: 0; margin-bottom: 0; } .style-simple .opening_hours .opening_hours_wrapper li { text-align: left; } .style-simple .opening_hours .opening_hours_wrapper li label { background-color: transparent; background-image: none; font-size: 15px; border-bottom: 1px solid #ccc; padding: 10px 0; border-radius: 0; } .style-simple .opening_hours .opening_hours_wrapper li span { font-size: 32px; line-height: 32px; padding: 10px 0; } .style-simple .opening_hours .opening_hours_wrapper li span sup { top: -1px; font-size: 16px; line-height: 16px; margin-left: 4px; } /* Icon box */ .style-simple .icon_box .image_wrapper,.style-simple .icon_box .icon_wrapper { padding-top: 5px; margin-bottom: 25px; } .style-simple .icon_box .icon_wrapper { font-size: 80px; background-color: transparent; box-shadow: 0 0 0 0 rgba(0,0,0,.0); border-width: 0; background-image: none; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } .style-simple .icon_box .icon_wrapper:before { display: none; } .style-simple .icon_box .icon_wrapper i { position: relative; top: 0; } .style-simple .icon_box .image_wrapper img { position: relative; top: 0; } .style-simple .icon_box .desc_wrapper h4 { margin-bottom: 20px; } .style-simple .icon_box .desc_wrapper h4:before { content: ""; display: block; width: 0; margin: 0 auto; height: 2px; top: -15px; position: relative; background-color: #ccc; } .style-simple .icon_box:hover .icon_wrapper i { top: -5px; } .style-simple .icon_box:hover .image_wrapper img { top: -5px; } .style-simple .icon_box:hover .desc_wrapper h4:before { width: 100px; } /* Animation */ .style-simple .icon_box .icon_wrapper i,.style-simple .icon_box .image_wrapper img,.style-simple .icon_box .desc_wrapper h4:before { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Filters */ .style-simple #Filters { text-align: center; } .style-simple #Filters .filters_buttons { background: none; padding: 15px 0; } .style-simple #Filters .filters_wrapper { margin-top: 0; } .style-simple #Filters .filters_wrapper ul { overflow: visible; display: inline-block; border-bottom-width: 1px; border-style: solid; } .style-simple #Filters .filters_wrapper ul li { width: auto; margin: 0; } .style-simple #Filters .filters_wrapper ul li a { background: none; border: 0; padding: 14px 25px; position: relative; } .style-simple #Filters .filters_wrapper ul li a:after { content: ""; display: none; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #ccc; } .style-simple #Filters .filters_wrapper ul li.close a { color: inherit; padding: 14px 15px; width: auto; border: 0 !important; } .style-simple #Filters .filters_wrapper ul li a:hover,.style-simple #Filters .filters_wrapper ul li.current-cat a { background: none; color: inherit; } .style-simple #Filters .filters_wrapper ul li.current-cat a:after { display: block; } /* Clients */ .style-simple ul.clients.clients_tiles li .client_wrapper::after { display: none; } /* Progress bars */ .style-simple .progress_bars .bars_list li .bar,.style-simple .progress_bars .bars_list li .bar .progress { height: 5px; } .style-simple .progress_bars .bars_list li .bar { box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; background: rgba(0,0,0,0.03); border-radius: 0; } .style-simple .progress_bars .bars_list li .bar .progress { background-image: none; } /* Counters */ .style-simple .counter { background-image: none; } /* Lists */ .style-simple .list_item.lists_1 .list_left { background-image: none; border-radius: 2px; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; } .style-simple .list_item .circle { background-image: none; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; } /* Blockquote */ .style-simple blockquote { background: none; line-height: 25px; font-style: italic; } .style-simple blockquote:after { display: none; } /* Testimonials slider */ .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper { padding-top: 0; padding-bottom: 0; background: none; text-align: center; } .style-simple .testimonials_slider .slider_images { background-color: transparent; } .style-simple .testimonials_slider .slider_images:before { display: none; } /* Article box */ .style-simple .article_box .desc_wrapper { background-image: none; } .style-simple .article_box .desc_wrapper p { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 10px; } .style-simple .article_box .desc_wrapper p:after { background-color: rgba(0,0,0,.1); content: ""; display: block; height: 2px; margin-top: 10px; width: 20px; } .style-simple .article_box:hover .desc_wrapper p:after { width: 40%; } .style-simple .article_box .desc_wrapper i.icon-right-open { display: none; } .style-simple .article_box .desc_wrapper p:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Idea box */ .style-simple .idea_box { border: 1px solid rgba(0,0,0,0.08); padding: 15px 15px 15px 0; background: none; } .style-simple .idea_box .icon { display: block; position: static; float: left; left: 0; top: 0; margin-top: 0; width: 60px; text-align: center; margin-top: 5px; } .style-simple .idea_box .desc { border-left: 1px solid rgba(0,0,0,0.08); padding: 10px 15px 10px 20px; margin-left: 60px; } .left { float: left; } .clear { clear: both; } /* Sliding box */ .style-simple .sliding_box .photo_wrapper { top: 0; } .style-simple .sliding_box .desc_wrapper { background: none; padding-left: 0; padding-right: 0; } .style-simple .sliding_box .desc_wrapper h4 { color: inherit; margin-bottom: 5px; } .style-simple .sliding_box .desc_wrapper:after { display: inline-block; content: ""; width: 20%; height: 2px; border: 0; background-color: rgba(0,0,0,.1); position: static; top: 0; margin: 0; } .style-simple .sliding_box:hover .desc_wrapper:after { width: 60%; } /* Trailer box */ .style-simple .trailer_box .desc { padding: 27px 15px 30px; } .style-simple .trailer_box .desc .line { display: none; } .style-simple .trailer_box .desc .subtitle { background-image: none; background-color: transparent; color: rgba(255,255,255,.7); margin-bottom: 10px; padding: 0; } .style-simple .trailer_box:hover .desc h2 { bottom: 0; } .style-simple .trailer_box:hover .desc .subtitle { bottom: 0; } /* Animation */ .style-simple .trailer_box .desc { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Timeline */ .style-simple .timeline_items { background: none; } .style-simple .timeline_items:after { display: none; } .style-simple .timeline_items li { width: 50%; padding: 0 0 0 50%; background: none; margin-bottom: 15px !important; } .style-simple .timeline_items li:nth-child(even) { padding: 0 50% 0 0; background: none; } .style-simple .timeline_items li h3 span { background: none !important; border-radius: 4px; font-size: 14px; font-style: italic; top: 22px; } .style-simple .timeline_items li h3:before { display: none; } .style-simple .timeline_items li .desc:before { display: none; } .style-simple .timeline_items li h3 { border-left: 2px solid rgba(0,0,0,0.08); margin: 0; padding: 15px 0 0 25px; width: 100%; box-sizing: padding-box; } .style-simple .timeline_items li h3 span { position: absolute; right: 52%; } .style-simple .timeline_items li:nth-child(even) h3 { padding: 15px 25px 0 0; text-align: right; border-left: 0; border-right: 2px solid rgba(0,0,0,0.04); } .style-simple .timeline_items li:nth-child(even) h3 span { left: 52%; right: auto; } .style-simple .timeline_items li .desc { border-left: 2px solid rgba(0,0,0,0.08); padding: 15px 0 15px 25px; background: none; width: 100%; box-sizing: padding-box; } .style-simple .timeline_items li:nth-child(even) .desc { padding: 15px 25px 15px 0; border-left: 0; border-right: 2px solid rgba(0,0,0,0.04); } /* Animation */ .style-simple .timeline_items li:hover h3,.style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc,.style-simple .timeline_items li:nth-child(even):hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Quick fact */ .style-simple .quick_fact .number-wrapper { font-family: inherit; font-size: 60px; line-height: 60px; } .style-simple .quick_fact .title { font-family: inherit; font-size: 18px; font-weight: 400; } .style-simple .quick_fact hr { display: none; } /* Chart box */ .style-simple .chart_box:before { background-color: transparent; background-image: none; border-width: 0; } .style-simple .chart_box .chart .num { font-family: inherit; font-size: 30px; } /* Content link */ .style-simple a.content_link { border-width: 0 0 2px; margin: 0 10px; background-color: transparent; background-image: none; } .style-simple a.content_link:after { border-width: 0 0 2px; bottom: -2px; } .style-simple a.content_link:before { border-width: 0 5px 6px; } /* How it works */ .style-simple .how_it_works .image { border-width: 0 0 2px; background: transparent; border-radius: 0; margin-bottom: 30px; } .style-simple .how_it_works .image .number { border-radius: 0; bottom: -17px; left: 50%; margin-left: -17px; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; } /* Offer thumb */ .style-simple .offer_thumb_ul li.offer_thumb_li { padding-left: 0; } .style-simple .offer_thumb .slider_pagination a img { filter: alpha(opacity=70); opacity: .7; } .style-simple .offer_thumb .slider_pagination a.selected img,.style-simple .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=1); opacity: 1; } @media only screen and (min-width: 768px) { .style-simple .offer_thumb .slider_pagination { border: 0; } .style-simple .offer_thumb .slider_pagination a { margin-bottom: 6px; border-width: 1px; background: none; } .style-simple .offer_thumb.bottom .slider_pagination a { margin: 3px; } .style-simple .offer_thumb .slider_pagination a:before,.style-simple .offer_thumb .slider_pagination a:after { display: none; } } /* Alerts */ .style-simple .alert { -webkit-border-radius: 0; border-radius: 0; } .style-simple .alert .alert_icon { position: absolute; left: 0; top: 0; background: none; border-right: 1px solid rgba(255,255,255,.3); -webkit-border-radius: 0; border-radius: 0; } /* Zoom box */ .style-simple .zoom_box { position: relative; line-height: 0; overflow: hidden; } .style-simple .zoom_box .photo img,.style-simple .zoom_box .desc { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .style-simple .zoom_box .photo img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .style-simple .zoom_box:hover .photo img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .style-simple .zoom_box .desc { background: rgba(0,0,0,.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; opacity: 0; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .style-simple .zoom_box:hover .desc { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .style-simple .zoom_box .desc .desc_img { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-80%); -webkit-transform: translateY(-80%); } .style-simple .zoom_box .desc .desc_img img { padding: 0; } .style-simple .zoom_box .desc .desc_txt { width: 100%; padding: 15px 20px; font-size: 17px; line-height: 22px; color: #fff; position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Features list */ .style-simple .feature_list hr { background-color: rgba(0,0,0,0); color: rgba(0,0,0,0); } /* Progress icons */ .style-simple .progress_icons .progress_icon { color: rgba(0,0,0,.3); border-width: 1px; border-style: solid; } .style-simple .progress_icons .progress_icon.themebg { border-color: transparent; color: #fff; } .style-simple .progress_icons .progress_icon:not(.themebg) { background: none; border-color: rgba(0,0,0,.3); } /* Pricing box */ .style-simple .pricing-box { border: 0; } .style-simple .pricing-box:not(.pricing-box-featured) { background: none; } /* Tooltip */ .style-simple .tooltip:hover:after,.style-simple .tooltip.hover:after { background-image: none; } /* Highlight */ .style-simple .highlight { background-image: none; } /* Get in touch */ .style-simple .get_in_touch { padding: 25px 30px; } .style-simple .get_in_touch ul li { border-bottom: 1px solid rgba(255,255,255,.1); } .style-simple .get_in_touch ul li:last-child { border: 0; } .style-simple .get_in_touch ul li:after { display: none; } .style-simple .get_in_touch ul li .icon { left: 5px; } /* Infobox */ .style-simple .infobox { padding: 25px 30px; } .style-simple .infobox ul li { border-bottom: 1px solid rgba(255,255,255,.1); padding-left: 40px; } .style-simple .infobox ul li:last-child { border: 0; } .style-simple .infobox ul li:after { display: none; } .style-simple .infobox ul li:before { left: 5px; } /* Icon bar */ .style-simple a.icon_bar { border-width: 0; background-color: red; background-image: none; -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.0); box-shadow: inset 0 0 0 0 rgba(0,0,0,.0); } .style-simple a.icon_bar span.t { opacity: 1; filter: alpha(opacity=100); } .style-simple a:hover.icon_bar span.t { opacity: 0; filter: alpha(opacity=0); } .style-simple a.icon_bar span.b { position: absolute; top: 0; opacity: 0; filter: alpha(opacity=0); } .style-simple a:hover.icon_bar span.b { opacity: 1; filter: alpha(opacity=100); } /* Animation */ .style-simple a.icon_bar span { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .style-simple a.icon_bar span.b { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .style-simple a:hover.icon_bar span { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #contactWrapper .column { margin-bottom: 10px; } #contactWrapper input[type="date"],#contactWrapper input[type="email"],#contactWrapper input[type="number"],#contactWrapper input[type="password"],#contactWrapper input[type="search"],#contactWrapper input[type="tel"],#contactWrapper input[type="text"],#contactWrapper input[type="url"],#contactWrapper select,#contactWrapper textarea { padding: 10px; outline: none; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 0; font-size: 13px; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } /* ---------------- contact form -------------------- */ #contactform .column input[type="text"],#contactform .column input[type="email"] { width: 100%; } #contactform .column-3 input[type="text"] { width: 60%; } #contactform .column { margin-bottom: 10px; } .flv_disp_none { display: none !important; } .flv_disp_none,div.flv_disp_none,p.flv_disp_none { display: none; } .flv_viz_hid,div.flv_viz_hid,p.flv_viz_hid { visibility: hidden !important; } .flv_clear_both,div.flv_clear_both,p.flv_clear_both { clear: both; } body.nice-scroll:not(.layout-boxed) { padding-right: 10px !important; overflow: hidden; } #rev_slider_100_1 input,#rev_slider_98_1_wrapper input { display: inline-block !important; } /* |-------------------------------------------------------------------------- | 11. Bootstrap elements | |-------------------------------------------------------------------------- | | | */ .visible-xs,.visible-sm,.visible-md,.visible-lg { display: none !important; } .visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs,td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm,td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md,td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg,td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print,td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .slotholder { transform: none !important; } @media only screen and (max-width: 767px) { .caroufredsel_wrapper { width: 100% !important; margin: auto !important; } } @media only screen and (max-width: 767px) { .caroufredsel_wrapper ul.offer_ul li,.caroufredsel_wrapper ul.offer_ul { width: 100% !important; } } .woocommerce .product .product_wrapper .product_image_wrapper .images { width: 100%; margin: 0; } @media (max-width:414px) { .caroufredsel_wrapper ul.offer_ul li,.caroufredsel_wrapper ul.offer_ul { width: 100% !important; height: 830px; padding-bottom: 20px; } .footer-4 { margin-top:6px; } } .widget_product_categories ul{ background-color: #2991d6; } /* Hide border */ .if-border-hide .image_frame:not(.has_border) { border-width: 0; } .logo-overflow #Top_bar .logo{height:60px;position:relative;z-index:198} .logo-overflow #Top_bar #logo{height:auto!important;margin-top:0!important;z-index:199} .logo-overflow #Top_bar #logo img{max-height:none;z-index:200} .logo-overflow #Top_bar.is-sticky #logo{height:auto!important} .logo-overflow #Top_bar.is-sticky #logo img:not(.svg){max-height:110px!important} /* .minimalist-header */ body.minimalist-header:not(.template-slider) #Header{min-height:0;background-image:none!important} body.minimalist-header.header-modern:not(.template-slider) #Header{min-height:147px} body.minimalist-header.header-simple:not(.template-slider) #Header{min-height:130px} body.minimalist-header.header-stack:not(.template-slider) #Header{min-height:0} body.minimalist-header.header-fixed:not(.template-slider) #Header{min-height:60px} body.minimalist-header.header-below:not(.template-slider) #Header{min-height:90px;padding-top:0} .minimalist-header-no #Header{min-height:0!important} /* Transparent ----------------------------------------------------------------------- */ .tr-content #Wrapper,.tr-content #Content{background:none} .tr-header #Wrapper{background:none} .tr-header #Header_wrapper{background:none!important} .tr-footer #Wrapper{background:none} .tr-footer #Footer{background:none!important} /* Decoration Image | height:100px - fallback */ .section .section-decoration{width:100%;height:100px;position:absolute;left:0;background-repeat:repeat-x;z-index:1;} .section .section-decoration.top{top:0;background-position:center top;} .section .section-decoration.bottom{bottom:0;background-position:center bottom;} /* Header | Transparent */ .header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right:before { background:none;} .header-transparent #Top_bar .top_bar_right { top:0;} .header-transparent #Top_bar #logo { padding:0;} .header-transparent #Top_bar .menu > li > a:after { background:none;} .header-transparent #Top_bar .menu > li > a span { border-color: rgba(0, 0, 0, 0.03);} .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg) { background-image:none;} .header-transparent.ab-hide #Top_bar { top:0} .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a { padding:0; } .header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) { line-height: 60px; } a.button.button_full_width, button.button_full_width, input[type="submit"].button_full_width, input[type="reset"].button_full_width, input[type="button"].button_full_width { width: 100%; text-align: center; } a.button.button_full_width .button_label { display: inline-block; float: none; } #wowslider-container1 a.ws_next:before { content: "\e914" !important; } #wowslider-container1 a.ws_prev:before { content: '\e8b6' !important; } /* Side Slide ------------------------------------------------------------------------- */ #body_overlay{position:fixed;top:0;left:0;width:100%;height:120%;background:rgba(0,0,0,.6);z-index:9002;display:none;} /* height +20% - mobile fallback */ body.mobile-side-slide{position:relative;overflow-x:visible;} #Side_slide{display:block;position:fixed;top:0px;right:-250px;width:250px;height:100%;overflow:auto;border-bottom-width:60px;border-bottom-style:solid;z-index:9003;} /* border-bottom:60px - mobile fallback */ #Side_slide.left{left:-250px;right:0} .admin-bar #Side_slide{border-top-width:32px;border-top-style:solid;} #Side_slide .close-wrapper{height:60px} #Side_slide .close-wrapper a.close{height:34px;width:34px;display:block;float:right;margin:13px 13px 0 0} #Side_slide .close-wrapper a.close i{font-size:22px;line-height:34px;} #Side_slide .extras{padding:0 20px} #Side_slide .extras .action_button{width:100%;margin:0 0 20px;text-align:center;text-decoration:none} #Side_slide .extras .action_button .button_label{float:none} #Side_slide .extras .extras-wrapper{text-align:center;} #Side_slide .extras .extras-wrapper a{display:inline-block;text-decoration:none;vertical-align:middle;padding:5px;margin-bottom:20px;line-height:22px} #Side_slide .extras .extras-wrapper .icon{font-size:22px} #Side_slide .extras .extras-wrapper .cart{position:relative} #Side_slide .extras .extras-wrapper .cart span{position:absolute;top:0;left:31px;font-size:11px;border-radius:2px} #Side_slide .extras .extras-wrapper a.lang-active img{position:relative;top:2px;} #Side_slide .extras .extras-wrapper a.lang-active i:before{width:auto;margin-left:5px} #Side_slide #menu{display:block!important;margin-bottom:20px;max-height:none!important} #Side_slide #menu ul{width:100%!important;} #Side_slide #menu ul li{width:100%;position:relative;border-top:1px solid rgba(255,255,255,.03)} #Side_slide #menu > ul:last-child > li:last-child{border-bottom:1px solid rgba(255,255,255,.03)} #Side_slide #menu ul li a{display:block;padding:11px 5px 10px 20px;margin-right:50px;text-decoration:none;line-height:19px} #Side_slide #menu ul li a .menu-arrow{display:none} #Side_slide #menu ul li ul{display:none;background:rgba(255,255,255,.025)} #Side_slide #menu ul li ul li a{padding-left:35px} #Side_slide #menu ul li ul li ul li a{padding-left:50px} #Side_slide #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:5px;top:0;width:40px;height:40px;line-height:40px;font-size:22px;font-weight:100;text-align:center;cursor:pointer;opacity:0.5;} #Side_slide #menu ul li.submenu .menu-toggle:after{content:"+"} #Side_slide #menu ul li.hover > .menu-toggle{opacity:1} #Side_slide #menu ul li.hover > .menu-toggle:after{content:"-"} #Side_slide #menu ul.mfn-megamenu-bg{background-image:none!important} #Side_slide #menu ul.mfn-megamenu li .menu-toggle{display:none} #Side_slide #menu ul.mfn-megamenu > li > ul{display:block!important} #Side_slide #menu ul.mfn-megamenu > li > ul:first-child {background-color:transparent} #Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child{border-top-width:0} #Side_slide .lang-wrapper{margin-bottom:20px;text-align:center;display:none;} #Side_slide .lang-wrapper ul li{border-top:1px solid rgba(255,255,255,.03)} #Side_slide .lang-wrapper ul li:last-child{border-bottom:1px solid rgba(255,255,255,.03)} #Side_slide .lang-wrapper ul li a{display:block;padding:11px 20px 10px 20px;text-decoration:none;line-height:19px} #Side_slide .search-wrapper{margin-bottom:20px;position:relative;display:none;} #Side_slide .search-wrapper input.field{width:100%;background:none!important;border-width:1px 0 1px 0;border-color:rgba(255,255,255,.05);line-height:20px;padding:10px 55px 10px 20px;box-sizing:border-box;box-shadow:0 0 0 0 transparent;} #Side_slide .search-wrapper a.submit{position:absolute;top:0;right:5px;font-size:20px;padding:10px} #Side_slide .social{text-align:center;margin:0 20px 13px} #Side_slide .social li{display:inline-block} #Side_slide .social li a{display:block;padding:3px 5px;text-decoration:none} /* Side Slide | Color */ #Side_slide{background-color:#191919;border-color:#191919} /* border-bottom:60px - mobile fallback */ #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle{color:#a6a6a6} #Side_slide a:not(.button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle{color:#ffffff;} #Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#ffffff;} /* Side Slide | Light */ #Side_slide.light #menu ul li{border-top-color:rgba(0,0,0,.03)} #Side_slide.light #menu > ul:last-child > li:last-child{border-bottom-color:rgba(0,0,0,.03)} #Side_slide.light #menu ul li ul{background:rgba(0,0,0,.02)} #Side_slide.light .lang-wrapper ul li{border-top-color:rgba(0,0,0,.03)} #Side_slide.light .lang-wrapper ul li:last-child{border-bottom-color:rgba(0,0,0,.03)} #Side_slide.light .search-wrapper input.field{border-color:rgba(0,0,0,.05)} .margin-top-80 { margin-top: 80px; } .margin-top-60 { margin-top: 60px; } .margin-top-50 { margin-top: 50px; } .margin-top-40 { margin-top: 40px; } .margin-top-30 { margin-top: 30px; } .margin-top-20 { margin-top: 20px; } .margin-top-10 { margin-top: 10px; } .padding-top-40 { padding-top: 40px; } .padding-top-20 { padding-top: 20px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom--15 { margin-bottom: -15px; } .margin-bottom-6 { margin-bottom: 6px; } .margin-top--90 { margin-top: -90px; } .margin-top-6 { margin-top: 6px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-1200 { padding-bottom: 1200px; } .margin-bottom-120 { margin-bottom: 120px; } .line-height-30 { line-height: 30px; } .ab-1-back-btn { padding: 60px 0 0 45%; } .ab-5-back-btn { padding: 0px 0 0 45%; } @media (max-width:414px) { .ab-1-back-btn { padding: 30px 0 30px 41%; } .ab-5-back-btn { padding: 30px 0 30px 41%; } } @media (max-width:320px) { .ab-1-back-btn { padding: 30px 0 30px 36%; } .ab-5-back-btn { padding: 30px 0 30px 36%; } } .back-btn { margin: auto; } .index-2-pdt-text h4,.index-2-pdt-text p { color: #444; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .index-2-pdt-text:hover h4,.index-2-pdt-text:hover p { color: #ec6d01; } .index-3-ab-text span{ color: #eee; } .index-3-ab-image_wrapper { margin: 40px 0 0 120px; } .index-3-ab-image_wrapper img { width: 200%; height: 500px; } .index-3-title-icon { color: #fff; } .index-3-title-icon-2 { color: #ec6d01; } .index-3-dot-text span{ color: #eee; } .filters-3 ul { margin: 30px 0 0 0; padding: 0; } .filters-3 ul li { list-style-type: none; margin-right: 10px; margin-bottom: 20px; display: inline-block; } .filters-3 ul li a { display: inline-block; padding: 7px 10px; background-color: #fff; border: 1px solid #f7f7f7; color: #444; width: 190px; } .filters-3 ul li a:hover,.filters-3 ul li a:active { background-color: #ec6d01; color: #fff; } .filters-4 ul { margin: 0px 0 0 0px; padding: 0; } .filters-4 ul li { list-style-type: none; margin-right: 0px; margin-bottom: 0px; display: inline-block; } .filters-4 ul li a { display: inline-block; padding: 20px 10px; background-color: #fff; border: 1px solid #f7f7f7; color: #444; font-size: 17px; width: 200px; } .filters-4 ul li a:hover,.filters-4 ul li a:active { background-color: #ec6d01; color: #fff; } .ab-3-text-color h4,.ab-3-text-color h6,.ab-3-text-color label,.ab-3-text-color h2 a,.ab-3-text-color i,.ab-3-text-color p,.ab-3-text-color span { color: #fff; } .ab-3-text-color-2 a { color: #fff; } .ab-3-text-color-2 a:hover, .ab-3-text-color-2 a:active { color: #ec6d01; } .ab-4-text-color span { color: #444; } .index-3-title-icon-2 a:hover,.index-3-title-icon-2 a:active { color: #fff; } .security-input { float: left; } .security-code { float: left; margin-left: 10px; margin-top:1px; } .contact-3-co-info-padding { padding-left:280px; } .contact-3-form-padding { padding-left: 200px; } @media (max-width:1239px) { .contact-2-form .security-code { float: left; margin-left: 5px; margin-top:10px; } .contact-3-co-info-padding { padding-left:180px; } .contact-3-form-padding { padding-left: 180px; } .contact-3-form .security-code-fix .one-third.column { width: 50%; } .contact-4-fix-1 .one-third.column { width: 50%; } } @media (max-width:959px) { .contact-2-form .security-code { float: left; margin-left: 5px; margin-top:10px; } .contact-3-co-info-padding { padding-left:120px; } .contact-3-form-padding { padding-left: 120px; } } @media (max-width:767px) { .contact-2-form .security-code { float: left; margin-left: 5px; margin-top:10px; } .contact-3-co-info-padding { padding-left:100px; } .contact-3-form-padding { padding-left: 120px; } } .footer-3 { margin-top: 6px; } @media (max-width:414px) { .contact-3-co-info-padding { padding-left:0px; } .contact-3-form-padding { padding-left: 0px; } .footer-3 { margin-top: 50px; } } body#Wrapper { background: #fcfcfc; } .index-4-offer_li { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); } .pdt-list-4-title { font-size: 18px; } .line { width: 94%; margin: 30px 0 0 35px; height: 1px; background: none; border-bottom: 1px dotted #fff; } .pdt-detail-4-slideshow .mfn-main-slider { margin-left: 10px; } .pdt-detail-4-slideshow .tp-caption { background: rgba(0,0,0,0.8); padding:20px 10px 0 30px; } @media (max-width:414px) { .pdt-detail-4-slideshow .tp-caption { background: rgba(0,0,0,0.8); padding:20px 10px 40px 30px; } } .pdt-detail-4-slideshow h2 { margin: 34px 0 0 0; font-size: 25px; line-height: 35px; } .pdt-detail-4-slideshow h5 { margin-bottom: 5px; } .pdt-detail-4-slideshow p { margin: 0px 0 0 0; font-size: 15px; line-height: 25px; } .ab-4-text-color { color: #444; } .ab-4-padding { padding: 0 25px 0 25px; } .news-4-date { font-size: 14px; } .white-text-color h2 { color: #efede9; } .white-text-color span { color: #efede9; } .white-text-color-2 a { color: #fff; } .white-text-color-2 a.no-hover-2:hover { color: #fff; } .white-text-color-2 a.orange-hover-mail:hover { color: #ec6d01; } .white-texture-bg { background: url(../img/home_charity2_bgd_pattern.jpg) repeat !important; } .header-5-height-fix { height: 150px; } .footer-shortcut-margin { margin-left: 30px; } .footer-margin-left { margin-left: 200px; } .NotGeneric-btn a span{ color: #444; } .white-text-color-3 h2 { color: #fff; } @media (min-width:1240px) { .index-1-banner .large_dark { margin: 50px 0 0 220px; } .index-1-banner .mfnrs_home_small { margin: 10px 0 0 170px; } .index-1-banner .sfb { margin: 70px 0 0 220px; } .index-1-banner .flv_rev_14 { margin:60px 0 0 0; } } @media (max-width:1239px) { .index-1-banner .large_dark { margin: 50px 0 0 220px; } .index-1-banner .mfnrs_home_small { margin: 10px 0 0 170px; } .index-1-banner .sfb { margin: 70px 0 0 220px; } .index-1-banner .flv_rev_14 { margin:60px 0 0 0; } } @media (max-width:768px) { .index-1-banner .large_dark { margin: 100px 0 0 110px; } .index-1-banner .mfnrs_home_small { margin: 60px 0 0 50px; line-height: 30px; } .index-1-banner .sfb { margin: 120px 0 0 130px; } .index-1-banner .flv_rev_14 { margin:80px 0 0 0; } } @media (max-width:414px) { .index-1-banner .large_dark { margin: -200px 0 0 120px; } .index-1-banner .mfnrs_home_small { margin: -210px 0 0 230px; } .index-1-banner br { display: block; /* makes it have a width */ content: ""; /* clears default height */ margin-top: 10px; /* change this to whatever height you want it */ } .index-1-banner .sfb { margin: -110px 0 0 250px; } .index-1-banner .flv_rev_14 { margin:-180px 0 0 0; } .index-1-banner .tp-thumbs { display:none; } } @media (max-width:375px) { .index-1-banner .large_dark { margin: -200px 0 0 60px; } .index-1-banner .mfnrs_home_small { margin: -210px 0 0 230px; } .index-1-banner .sfb { margin: -110px 0 0 220px; } .index-1-banner .flv_rev_14 { margin:-180px 0 0 0; } .index-1-banner .tp-thumbs { display:none; } } @media (max-width:320px) { .index-1-banner .large_dark { margin: -200px 0 0 60px; } .index-1-banner .mfnrs_home_small { margin: -160px 0 0 300px; line-height: 40px; } .index-1-banner .sfb { margin: -40px 0 0 250px; } .index-1-banner .flv_rev_14 { margin:-260px 0 0 0; } .index-1-banner .tp-thumbs { display:none; } } @media (max-width:768px) { .index-3-banner .button span { padding: 20px 20px; } .index-banner-5 .button span { padding: 20px 20px; } } @media (max-width:414px) { .index-3-banner .button { margin-top: 60px; } .index-3-banner .button span { padding: 40px 40px; } .index-4-banner .button span { padding: 40px 40px; } .index-5-banner .button span { padding: 30px 30px; } } .index-2-banner .mfnrs_architect_small_light { font-size: 30px; line-height: 40px; margin-top: 60px; width: 480px; max-width: 480px; white-space: normal !important; } @media (max-width:768px) { .index-2-banner .mfnrs_architect_large_light { font-size: 30px !important; line-height: 40px !important; } .index-2-banner .mfnrs_architect_small_light { margin-top: 60px; font-size: 16px !important; line-height: 20px !important; margin-top: 60px; width: 480px; max-width: 480px; white-space: normal !important; } } @media (max-width:414px) { .index-2-banner .mfnrs_architect_large_light { margin-left: -150px; font-size: 30px !important; line-height: 38px !important; } .index-2-banner .mfnrs_architect_small_light { margin-top: 300px; margin-left: -150px; font-size: 13px !important; line-height: 18px !important; width: 280px; max-width: 280px; white-space: normal !important; } .index-2-banner .sep-line { margin-top: 60px; margin-left: -150px; } } @media (max-width:375px) { .index-2-banner .mfnrs_architect_large_light { margin-left: -150px; font-size: 30px !important; line-height: 38px !important; } .index-2-banner .mfnrs_architect_small_light { margin-top: 300px; margin-left: -150px; font-size: 13px !important; line-height: 15px !important; width: 280px; max-width: 280px; white-space: normal !important; } .index-2-banner .sep-line { margin-top: 60px; margin-left: -150px; } } @media (max-width:320px) { .index-2-banner .mfnrs_architect_large_light { margin-left: -150px; font-size: 30px !important; line-height: 38px !important; } .index-2-banner .mfnrs_architect_small_light { margin-top: 300px; margin-left: -150px; font-size: 13px !important; line-height: 15px !important; width: 280px; max-width: 280px; white-space: normal !important; } .index-2-banner .sep-line { margin-top: 60px; margin-left: -150px; } } @media (max-width:768px) { .ab-3-width-fix-1 .column.one-third { width: 98%; } .ab-3-width-fix-1 .column.one-third img { width: 100%; } .ab-3-width-fix-2 .column.two-third { width: 98%; } .ab-4-width-fix-1 .column.two-third { width: 96%; } .ab-4-width-fix-2 .column.one-third { width: 98%; } .ab-4-width-fix-2 .column.one-third img { width: 100%; } } .index-2-lp-height-fix { margin-right: -3%; height: 400px; } @media (max-width:1239px) { .index-2-lp-height-fix { margin-right: -3%; height: 330px; } } @media (max-width:959px) { .index-2-lp-height-fix { margin-right: -3%; height: 280px; } } @media (max-width:767px) { .index-2-lp-height-fix { margin-right: -3%; height: 430px; } } .index-2-lp-height-fix h4 { max-height: 54px; overflow-y: hidden; } .index-2-lp-height-fix p { max-height: 40px; overflow-y: hidden; } .index-4-ab-1 { padding: 40px 40px; min-height: 259px; } .index-4-ab-2 { min-height: 259px; } @media (max-width:959px) { .index-4-top-bar { margin-top: 0px; } .index-4-ab-1 { padding: 40px 40px; min-height: 289px; } } @media (max-width:768px) { .index-4-ab-1 { padding: 40px 40px; min-height: 294px; } .index-4-ab-2 { min-height: 294px; } .index-4-ab-1 h3 { margin-top:30px; } .index-4-ab-2 h2 { margin-top:30px; } } @media (max-width:767px) { .index-4-top-bar { margin-top: 0px; } } @media (max-width:414px) { .index-4-logo { margin-left: -60px; } .index-4-ab-2 h2 { margin-top: 50px; } .ab-4-width-fix-3 .column.one-third { width: 98%; } .pdt-detail-4-slideshow .column.three-fourth { width: 96%; } .pdt-detail-4-slideshow .column.two-fifth { width: 88%; padding-left: 20px; } } @media (max-width:375px) { .footer-3-margin-fix { margin-top:0px; } .footer-4 { margin-top:0px; } .caroufredsel_wrapper ul.offer_ul li,.caroufredsel_wrapper ul.offer_ul { width: 100% !important; height: 870px; padding-bottom: 20px; } } @media (max-width:320px) { .caroufredsel_wrapper ul.offer_ul li,.caroufredsel_wrapper ul.offer_ul { width: 100% !important; height: auto !important; padding-bottom: 0px; } .footer-3-margin-fix { margin-top:0px; } .index-3-fix .section.full-width .section_wrapper .column.one { margin: 0 0 20px 0 !important; } } @media (max-width:1297px) { .index-5-banner .tp-caption { margin-left: 80px; } } @media (max-width:959px) { .index-5-banner .tp-caption { margin-left: 130px; } } .index-5-ab-text { padding:80px 3%; } @media (min-width:1568px) { /*.index-5-ab-text { padding:90px 3% 91px 3%; }*/ } .index-5-ab-img { height: 428px; background-position: center center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @-moz-document url-prefix() { .index-5-ab-img { height: 428.5px; background-position: center center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } _:-ms-lang(x), .index-5-ab-img { height: 428.5px; background-position: center center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width:1284px) { .index-5-ab-img { height: 428px; background-position: center center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @-moz-document url-prefix() { .index-5-ab-img { height: 428.5px; background-position: center center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } _:-ms-lang(x), .index-5-ab-img { height: 428.5px; background-position: center center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (max-width:768px) { .index-5-ab-width-fix-1 .one-second.mcb-wrap { width: 100%; } .index-5-ab-text { padding:40px 10px 40px 30px; } } .index-5-ab-title-1 { padding:40px 5% 0 0; } .index-5-ab-title-2 { padding:40px 5% 0 0; } @media (max-width:768px) { .index-5-ab-text { padding:40px 3%; } .index-5-map-1 { padding-top: 60px; } .index-5-banner .tp-caption { top: 30px; margin-left: 50px; } .footer-shortcut-margin { margin-left: 0px; } .footer-version-5-link-text { padding-right: 22px; } } .footer-version-4-link { border-bottom: 1px solid #6c5e48; padding-bottom: 20px; text-align: center; margin: 0 15%; } .footer-version-4-link a { padding: 0 20px; } .footer-version-5-link { line-height: 28px; } @media (max-width:767px) { .footer-version-4-link { border-bottom: 1px solid #6c5e48; padding-bottom: 20px; text-align: center; margin: 0 0; } .footer-version-4-link a { display: block; padding: 15px 30px; } .footer-version-4-link a { padding: 12px 20px; } } @media (max-width:425px) { .index-5-ab-img { width: 100%; height: 260px; background-position: center top !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (max-width:425px) { .index-5-banner .tp-caption { top: 0px; margin-left: 50px; } .index-5-ab-title-1 { padding:20px 5% 0 0; } .index-5-ab-title-2 { padding:0px 5% 0 0; } .index-5-lp-fix { margin-left: 20px; } .contact-5-width-fix-1 .two-third.mcb-wrap { width: 100%; } .footer-version-4-link { border-bottom: 1px solid #6c5e48; padding-bottom: 20px; text-align: center; margin: 0 0; } .footer-version-4-link a { display: block; padding: 15px 30px; } .footer-version-4-link a { padding: 12px 20px; } .footer-version-5-link a { display: block; padding: 10px 100px 10px 0px; } .index-5-ab-text { padding:40px 3% 40px 30px; } } /* |------------------------------------------------------------------------- | Be | Structure styles | http://BeantownThemes.com | http://themeforest.net/user/BeantownThemes |-------------------------------------------------------------------------- | 1.0 Grid | 2.0 Layout | 3.0 Responsive-1240 | 4.0 Responsive | */ /* |-------------------------------------------------------------------------- | 1.0 Grid | |-------------------------------------------------------------------------- | | | */ /* #Base 1200 Grid ================================================== */ body { min-width: 1240px; padding: 0px 0; } #Wrapper { width: 1240px; margin: 0 auto; overflow: hidden; } .layout-full-width { padding: 0; } .layout-full-width #Wrapper { width: 100% !important; margin: 0 !important; } /* #Content =============================== */ #Content { width: 100%; } body:not(.template-slider) #Content { padding-top: 0px; } body:not(.template-slider) #Content-2-1 { padding-top: 30px; padding-bottom: 30px; margin-bottom: -60px; } body:not(.template-slider) #Content-2 { padding-top: 80px; padding-bottom: 30px; } @media (max-width:414px) { } .section { position: relative; } .section_wrapper,.container { width: 1200px; margin: 0 auto; position: relative; } .section_wrapper:after,.container:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .column,.columns { float: left; margin: 0 1% 40px; } .column.column_divider,.column-margin-0px .column { margin-bottom: 0; } .column-margin-10px .column { margin-bottom: 10px; } .column-margin-20px .column { margin-bottom: 20px; } .column-margin-30px .column { margin-bottom: 30px; } .column-margin-40px .column { margin-bottom: 40px; } .column-margin-50px .column { margin-bottom: 50px; } .the_content_wrapper { margin: 0 1%; } .column_content .the_content_wrapper { margin: 0; } .column_attr.align_left { text-align: left; } .column_attr.align_right { text-align: right; } .column_attr.align_center { text-align: center; } .column_attr.align_justify { text-align: justify; } .extra_content .the_content_wrapper { margin: 0 1% 40px; } /* .with_aside */ .with_aside .content_wrapper { width: 1200px; margin: 0 auto; } .with_aside .sections_group { width: 75%; float: left; } .with_aside .section_wrapper { width: 100%; } .with_aside .four.columns { float: right; } .aside_left .sections_group { float: right; } .aside_left .four.columns { float: left; } /* both sidebars | .aside_both */ .aside_both .sections_group { width: 60%; margin-left: 20%; } .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar-1 { float: left !important; margin-left: -79%; } /* sidebars for sections */ .right-sidebar .items_group { width: 75%; float: left; } .right-sidebar .four.columns { float: right; } .left-sidebar .items_group { width: 75%; float: right; } .left-sidebar .four.columns { float: left; } /* #Base Grid =============================== */ .one-seventh.column { width: 10%; } .one-sixth.column { width: 14.666%; } /* 1/6 */ .one-fifth.column { width: 18%; } .two-fifth.column { width: 21%; } /* 1/5 */ .four.columns,.one-fourth.column { width: 23%; } /* 1/4 */ .one-third.column { width: 31.333%; } /* 1/3 */ .one-second.column { width: 48%; } /* 1/2 */ .two-third.column { width: 64.666%; } /* 2/3 */ .three-fourth.column { width: 73%; } .four-fifth.column { width: 85%; } /* 3/4 */ .one.column { width: 98%; } /* 1/1 */ /* without horizontal margin */ .no-margin-h .column { margin-left: 0; margin-right: 0; } .no-margin-h .one-sixth.column { width: 16.666%; } /* 1/6 */ .no-margin-h .one-fifth.column { width: 20%; } /* 1/5 */ .no-margin-h .one-fourth.column { width: 25%; } /* 1/4 */ .no-margin-h .one-third.column { width: 33.333%; } /* 1/3 */ .no-margin-h .one-second.column { width: 50%; } /* 1/2 */ .no-margin-h .two-third.column { width: 66.666%; } /* 2/3 */ .no-margin-h .three-fourth.column { width: 75%; } /* 3/4 */ .no-margin-h .one.column { width: 100%; } /* 1/1 */ /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before,.clearfix:after,.row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after,.clearfix:after { clear: both; } .row,.clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* |-------------------------------------------------------------------------- | 2.0 Layout | |-------------------------------------------------------------------------- | | | */ /* #Global ================================================== */ .the_content_wrapper pre { margin-bottom: 20px; } .rev_slider iframe { max-width: 1220px; } .rev_slider ul { margin: 0 !important; } .tp-static-layers { z-index: 200; } .ls-yourlogo { z-index: 28; } .section.center { text-align: center; } .section.no-margin .column,.section.no-margin-v .column { margin-bottom: 0; } #Wrapper { -webkit-box-shadow: 0 0 15px rgba(0,0,0,.06); box-shadow: 0 0 15px rgba(0,0,0,.06); } /* #Blank & #UnderConstruction ================================================== */ .page.hide-title-area:not(.with_aside) #Content,.no-content-padding:not(.with_aside) #Content,.template-blank #Content,.under-construction #Content { padding: 0 !important; } .under-construction .section-uc-1 { padding-top: 40px; background-color: #fff; } .under-construction .section-uc-2 { padding-top: 40px; background-color: #f5f5f5; /*background: url(../images/stripes/stripes_3_b.png) repeat center;*/ } .under-construction .section-uc-3 { padding-top: 40px; } .under-construction .section-border-top { border-top: 1px solid rgba(0,0,0,0.08); } /* Nice Scroll | .nice-scroll ================================================== */ body.nice-scroll { position: relative; } body.nice-scroll:not(.layout-boxed) { padding-right: 10px !important; overflow: hidden; } .nice-scroll #configurator,.nice-scroll #Sliding-top a.sliding-top-control,.nice-scroll .fixed-nav.fixed-nav-next { margin-right: 10px; } .nice-scroll #configurator,.nice-scroll #Sliding-top a.sliding-top-control-6,.nice-scroll .fixed-nav.fixed-nav-next { margin-right: 10px; } .nice-scroll .nicescroll-rails { background: #666; z-index: 9001 !important; } /* Slider | Pagination ================================================== */ .slider_pagination,.tp-bullets.simplebullets.round { text-align: center; line-height: 0; } .slider_pagination a,.tp-bullets.simplebullets.round .bullet { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 0 9px; background: rgba(0,0,0,.15); -webkit-border-radius: 100%; border-radius: 100%; position: relative; } .slider_pagination-2 a,.tp-bullets.simplebullets.round .bullet { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 0 9px; background: rgba(255,255,255,.5); -webkit-border-radius: 100%; border-radius: 100%; position: relative; } .slider_pagination a:hover { background: rgba(0,0,0,.25); } .slider_pagination a.selected,.tp-bullets.simplebullets.round .bullet.selected { width: 10px; height: 8px; margin: 0 10px; position: relative; top: 4px; background: rgba(0,0,0,.15); -webkit-border-radius: 2px; border-radius: 2px; } .slider_pagination a.selected:after,.tp-bullets.simplebullets.round .bullet.selected:after { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1px; border-radius: 1px; position: absolute; left: 1px; top: -3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tp-bullets.simplebullets.round .bullet { background: #fff; } /* Animation */ .offer_thumb .slider_pagination a img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a:after { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media only screen and (min-width: 768px) { .offer_thumb .slider_pagination { position: absolute; left: 0; top: 0; border-width: 1px; border-style: solid; } .offer_thumb .slider_pagination a { display: block; margin: 0; width: 85px; height: 85px; line-height: 85px; text-align: center; padding: 8px; text-indent: 0; border-bottom-width: 1px; border-style: solid; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=60); opacity: .6; } .offer_thumb .slider_pagination a.selected { top: 0; } .offer_thumb .slider_pagination a:last-child { border: 0; } .offer_thumb .slider_pagination a:before { content: ""; display: block; width: 5px; height: 100%; right: -5px; top: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; } .offer_thumb .slider_pagination a.selected:before { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a:after { content: ""; left: auto; right: -9px; top: 50%; margin-top: -4px; width: 8px; height: 8px; filter: alpha(opacity=0); opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a.selected:after { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a { background-color: #fff; } .offer_thumb .slider_pagination a.selected { background-color: #fff; /*background-image: url(../images/stripes/stripes_3_b.png);*/ } .offer_thumb .slider_pagination a img { vertical-align: middle; } } /* Slider Revolution | Navigation ================================================== */ .tp-bullets.tp-thumbs { z-index: 29; } .fullwidthbanner-container .tp-thumbs { padding: 0 40px 0 0 !important; } .tp-bullets.tp-thumbs .tp-mask,.tp-bullets.tp-thumbs .bullet { overflow: visible; } .tp-bullets.tp-thumbs .bullet.selected:after { bottom: -7px; content: ""; display: block; height: 7px; left: 0; position: absolute; width: 100%; } /* Arrows */ .tparrows.round,.tparrows.navbar { display: inline-block; padding: 0; width: 46px; height: 46px; cursor: pointer; border: 0; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); background-repeat: no-repeat; background-position: center center; } .tp-leftarrow.round,.tp-leftarrow.navbar { background-image: url(../images/tp-leftarrow.png); } .tp-rightarrow.round,.tp-rightarrow.navbar { background-image: url(../images/tp-rightarrow.png); } .tparrows.round:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; z-index: 1; text-decoration: none; background: rgba(0,0,0,.05); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .tparrows.round:hover:after { width: 100%; } .tparrows.default.preview1,.tparrows.default.preview4 { background: transparent; } /* #Sliding top ================================================== */ #Sliding-top { position: absolute; display: block; right:0; top: 100%; width: 30%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } #Sliding-top:after { content: ""; height: 3px; width: 30%; display: block; position: absolute; right: 0; bottom: 0; z-index: 1; /*background: url(../images/box_shadow.png) repeat-x left top;*/ } .part-3-fix #Sliding-top { position: absolute; display: block; right:0; top: 100%; width: 24%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } @media (max-width:1239px) { .part-3-fix #Sliding-top { position: absolute; display: block; right:0; top: 100%; width: 22%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } } @media (max-width:959px) { .part-3-fix #Sliding-top { position: absolute; display: block; right:0; top: 100%; width: 20%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } } @media (max-width:767px) { .part-3-fix #Sliding-top { position: absolute; display: block; right:0; top: 100%; width: 35%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } } #Sliding-top .widgets_wrapper { padding: 15px 0; display: none; } #Sliding-top .widgets_wrapper .column { margin-bottom: 0; } #Sliding-top .widgets_wrapper .widget { margin-bottom: 0; padding: 15px 30px 15px 15px; } #Sliding-top .widgets_wrapper .widget:after { display: none; } .sliding-top-control { position: relative; display: block; top:34px; width: 0; height: 0; float: left; margin-right: 15px; } .part-5-fix .sliding-top-control { position: relative; display: block; top:25px; width: 0; height: 0; float: left; margin-right: 15px; } .part-6-fix .sliding-top-control-6 { position: relative; display: block; top:8px; left:20px; width: 0; height: 0; float: left; margin-right: 15px; } .header-6-search { display: none; } .header-6-search-btn,.header-6-search-btn i{ display: none; } .header-6-fix-3 #Sliding-top .widgets_wrapper{ display: none; } .header-6-fix-3 .cart-short-list { display: none; } #Top_bar .part-6-fix a#header_cart { left:-25px; top:3px; } #Top_bar .part-6-fix a#header_cart-6 { left:0px; top:10px; } @media (max-width:768px) { #Top_bar .part-6-fix a#header_cart-6 { left:-10px; top:22px; } } .part-6-fix-2 form { width: 100%; } .part-6-fix-2 form { margin-left:0px; margin-top:30px; } .part-6-fix-2 form input { width: 65%; } .part-6-fix-2 form .submit { margin-top: 0px; width: 25%; margin-left:5px; font-size: 13px; padding: 10px 5px; } @media (max-width:991px) { .header-6-search { display: block; } .part-6-fix-2 { display: none; } .header-6-search-btn,.header-6-search-btn i { display: block; } .part-6-fix .sliding-top-control-6 { position: relative; display: block; top:20px; left:-10px; width: 0; height: 0; float: left; margin-right: 15px; } .header-6-fix-3 .cart-short-list { display: block; } } @media (max-width:480px) { .part-5-fix .sliding-top-control { position: relative; display: block; top:20px; width: 0; height: 0; float: left; margin-right: 15px; } } @media (max-width:767px) { .sliding-top-control { position: relative; display: block; top:20px; width: 0; height: 0; float: left; margin-right: 15px; } .sliding-top-control-6 { position: relative; display: block; top:20px; width: 0; height: 0; float: left; margin-right: 15px; } } .sliding-top-control span { position: relative; display: block; width: 34px; height: 38px; line-height: 25px; text-align: center; color: #444; font-size: 20px; } #Sliding-top a.sliding-top-control .minus { display: none; } #Sliding-top a.sliding-top-control .plus { display: block; } #Sliding-top.active a.sliding-top-control .minus { display: block; } #Sliding-top.active a.sliding-top-control .plus { display: none; } .sliding-top-control-6 span { position: relative; display: block; width: 34px; height: 38px; line-height: 25px; text-align: center; color: #444; font-size: 20px; } #Sliding-top a.sliding-top-control-6 .minus { display: none; } #Sliding-top a.sliding-top-control-6 .plus { display: block; } #Sliding-top.active a.sliding-top-control-6 .minus { display: block; } #Sliding-top.active a.sliding-top-control-6 .plus { display: none; } /* #Sliding-top .widgets_wrapper .widget ul { margin: 0 0 15px 30px; line-height: 21px; } #Sliding-top .widgets_wrapper .widget ul li { list-style:disc outside; padding: 3px 0; } */ /* Widgets */ #Sliding-top .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } #Sliding-top .widget_mfn_menu ul li a { background: rgba(0,0,0,.1); color: #ccc; } #Sliding-top .widget_recent_entries ul li { background: rgba(0,0,0,.1); } #Sliding-top ul.list_mixed li:after,#Sliding-top ul.list_check li:after,#Sliding-top ul.list_star li:after,#Sliding-top ul.list_idea li:after { background: rgba(255,255,255,.08); } #Sliding-top .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.07); } #Sliding-top .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.07); } /* #Pager ================================================== */ .pager_wrapper { margin-bottom: 0; } .pager { text-align: center; } .pager .pages { display: inline-block; margin: 0 30px; padding: 4px 3px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f8f8f8; /*background-image: url(../images/stripes/stripes_3_b.png);*/ } .pager .pages a,.pager .pages span.page-numbers { display: inline-block; margin: 0 1px; width: 35px; height: 35px; line-height: 35px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .pager .pages a:hover { text-decoration: none; } .pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current { color: #fff; } .pager a.next_page,.pager a.prev_page { display: inline-block; line-height: 43px; } /* Animation */ .pager .pages a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* #Load more button ================================================== */ .pager_lm { background: url(../images/preloader.gif) no-repeat center 17px; text-align: center; } .pager_lm .pager_load_more { margin: 0; } .pager_lm.loading { min-height: 49px; } .pager_lm:not(.loading) { background: none; } /* #Pager single (blog post) ================================================== */ .pager-single { text-align: center; background: rgba(0,0,0,0.02); margin-top: 15px; } .pager-single span { height: 45px; line-height: 45px; display: inline-block; padding: 0 9px; position: relative; font-weight: 700; } .pager-single a span { font-weight: 400; } .pager-single span:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; } .pager-single a span:after { display: none; } /* #Fixed nav ================================================== */ .post-nav .fixed-nav { display: none; } .fixed-nav { position: fixed; bottom: 40px; height: 80px; z-index: 90; } .fixed-nav.fixed-nav-prev { left: 0; } .fixed-nav.fixed-nav-next { right: 0; } .fixed-nav .arrow { display: block; width: 35px; height: 80px; font-size: 15px; position: relative; z-index: 92; color: #fff; line-height: 80px; text-align: center; } .fixed-nav .photo { height: 80px; width: 80px; position: relative; z-index: 92; overflow: hidden; line-height: 0; } .fixed-nav .desc { width: 190px; padding: 6px 15px; min-height: 68px; background: #fff; z-index: 91; } .fixed-nav .desc h6 { margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .fixed-nav .desc i { display: inline-block; margin-right: 2px; } .fixed-nav .desc i:before { margin-left: 0; } .fixed-nav-prev .arrow,.fixed-nav-prev .photo,.fixed-nav-prev .desc { float: left; } .fixed-nav-prev .desc { margin-left: -335px; } .fixed-nav-prev:hover .desc { margin-left: 0; } .fixed-nav-next .arrow,.fixed-nav-next .photo,.fixed-nav-next .desc { float: right; } .fixed-nav-next .desc { margin-right: -335px; } .fixed-nav-next:hover .desc { margin-right: 0; } /* Animation */ .fixed-nav .photo,.fixed-nav .desc { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Format */ .fixed-nav.format-quote .desc { display: none; } .fixed-nav.format-quote .photo { background-color: #eee; background-image: url(../images/blockquote.png); background-position: center center; background-repeat: no-repeat; background-size: 50% auto; } .fixed-nav.format-link .photo img { display: none; } .fixed-nav.format-link .photo { background-color: #eee; background-image: url(../images/link.png); background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 1430px) { .fixed-nav-prev .photo { position: static; margin-left: -115px; } .fixed-nav-prev:hover .photo { margin-left: 0; } .fixed-nav-next .photo { position: static; margin-right: -115px; } .fixed-nav-next:hover .photo { margin-right: 0; } } /* #Filters ================================================== */ #Filters { margin-bottom: 30px; } #Filters .filters_buttons { padding: 15px; background-image: url(../img/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #Filters .filters_buttons li { float: left; margin-right: 15px; } #Filters .filters_buttons li.categories i,#Filters .filters_buttons li.tags i { margin-right: 3px; } #Filters .filters_buttons li.reset { float: right; margin-right: 0; } #Filters .filters_wrapper { display: none; margin-top: 20px; } #Filters .filters_wrapper ul { display: none; overflow: hidden; } #Filters .filters_wrapper ul li { float: left; width: 19%; margin: .5%; } #Filters .filters_wrapper ul li a { display: block; padding: 7px 10px; background: #fff; border: 1px solid #F7F7F7; color: #858585; } #Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a { text-decoration: none; color: #fff; } #Filters .filters_wrapper ul li.close a { text-align: center; width: 38px; padding: 7px 0; background: #8B8B8B; border: 1px solid #F7F7F7 !important; color: #fff; } #Filters .filters_wrapper ul li.close a:hover { background: #545454; } /* Animations */ #Filters .filters_wrapper ul li a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* #Owl-pagination ================================================== */ /* #NEXT / PREV NAVI ================================================== */ /* Section: Highlight ================================================== */ .highlight-left,.highlight-right { position: relative; } .highlight-left:after,.highlight-right:after { content: ""; position: absolute; width: 50%; height: 100%; top: 0; } .highlight-left:after { left: 0; } .highlight-right:after { right: 0; } .highlight-left .section_wrapper,.highlight-right .section_wrapper { z-index: 2; } @media only screen and (max-width: 767px) { .highlight-left:after,.highlight-right:after { content: none; } } .highlight-left-3{ position: relative; } .highlight-left-3:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; } .highlight-left-3:after { left: 0; } .highlight-left-3 .section_wrapper{ z-index: 2; } @media only screen and (max-width: 767px) { .highlight-left-3:after{ content: none; } } /* Section: Portfolio ================================================== */ .section.full-width .section_wrapper { width: 100% !important; } .section.full-width .section_wrapper .column.one { width: 100%; margin: 0 0 -6px 0!important; } .news-details-4-fix-2 .section.full-width .section_wrapper .column.one { width: 100%; margin: 0 0 0 0 !important; } /* #Header ================================================== */ body:not(.template-slider) #Header_wrapper { background-repeat: no-repeat; background-position: top center; } body:not(.template-slider) #Header_wrapper.bg-fixed { background-attachment: fixed; } #Header_wrapper { position: relative; } #Header { position: relative; } .header-4 { background: url(../img/inner-page-4-banner.jpg); } @media (max-width:414px) { .header-4 { background: url(../img/inner-page-4-banner.jpg) 0 0 !important; } } /* body:not(.template-slider) #Header { min-height: 350px; } */ body:not(.template-slider) #Header-5 { min-height: 60px; } .header-transparent .header_placeholder,.header-empty .header_placeholder { height: 0 !important; } .pdt-list-3-height-fix .desc { height: 33px; } .pdt-list-3-height-fix .desc .title_wrapper { max-height: 33px; } .pdt-detail-3-height-fix-1 h2 { max-height: 39px; } .pdt-details-3-color-fix h5,.pdt-details-3-color-fix p { color: #fff; } /* Minimalist Header */ body.minimalist-header:not(.template-slider) #Header { min-height: 0; background-image: none !important; } body.minimalist-header.header-modern:not(.template-slider) #Header { min-height: 147px; } body.minimalist-header.header-simple:not(.template-slider) #Header { min-height: 130px; } body.minimalist-header.header-stack:not(.template-slider) #Header { min-height: 0; } body.minimalist-header.header-fixed:not(.template-slider) #Header { min-height: 60px; } body.minimalist-header.header-below:not(.template-slider) #Header { min-height: 90px; padding-top: 0; } /* #Action bar ================================================== */ #Action_bar { position: absolute; left: 0; top: 0; width: 100%; z-index: 30; } .index-4-header-bg-1 { background: rgba(255,255,255,0.7); } .index-4-header-bg-2 { background: rgba(255,255,255,0.7); width:100%; height: 60px; } @media (max-width:767px) { .index-4-header-bg-2 { background: rgba(255,255,255,0.7); width:100%; height: auto !important; } } #Action_bar .column { margin-bottom: 0; overflow: hidden; } #Action_bar .contact_details { float: left; } #Action_bar .contact_details li { display: inline-block; margin-right: 10px; padding: 20px 0; color: rgba(255,255,255,0.5); } #Action_bar .contact_details li > i { margin-right: 2px; } #Action_bar .contact_details li:last-child { margin-right: 0; } #Action_bar .social { float: right; padding: 20px 0; } #Action_bar .social li { display: inline-block; margin-right: 6px; } #Action_bar .social li:last-child { margin-right: 0; } #Action_bar .social li a { color: rgba(255,255,255,.3); font-size: 15px; line-height: 15px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #Action_bar .social li a:hover { /*color: #fff;*/ } #Action_bar .social-menu { float: right; padding: 20px 0; } #Action_bar .social-menu li { display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid rgba(255,255,255,.1); } #Action_bar .social-menu li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } /* #Top_bar ================================================== */ #Top_bar { position: absolute; left: 0; top: 61px; width: 100%; z-index: 30; } #Top_bar .column { margin-bottom: 0; } .layout-full-width.header-fw #Action_bar .container,.layout-full-width.header-fw #Top_bar .container { width: 100%; } #Top_bar .top_bar_left { position: relative; float: left; } #Top_bar .top_bar_right { float: right; height: 90px; position: relative; /*top: -4px;*/ padding: 0 10px 0 20px; } #Top_bar .top_bar_right:before { content: ""; display: block; height: 90px; width: 10px; position: absolute; left: -10px; top: 2px; /*background-image: url(../images/top_bar_right_shadow.png);*/ background-repeat: repeat-y; -moz-transform: skewX(0deg) skewY(-25deg); -webkit-transform: skewX(0deg) skewY(-25deg); -o-transform: skewX(0deg) skewY(-25deg); -ms-transform: skewX(0deg) skewY(-25deg); transform: skewX(0deg) skewY(-25deg); } .ie #Top_bar .top_bar_right:before { width: 11px; } /* Top bar width */ #Top_bar .top_bar_left { width: 990px; } /* Logo */ #Top_bar .logo { float: left; margin: 0 30px 0 20px; } #Top_bar .logo h1 { margin: 0; } #Top_bar .logo:not(.text-logo) h1 { line-height: 0; font-size: 0; margin: 0; } #Top_bar #logo { display: block; height: 60px; line-height: 60px; padding: 15px 0; } /* overflow: hidden; */ #Top_bar #logo:hover { text-decoration: none; } #Top_bar #logo img { vertical-align: middle; width: 73px; height: auto; } #Top_bar #logo img.logo-sticky { display: none; } /* Menu wrapper */ #Top_bar .menu_wrapper { float: left; z-index: 201; } /* Secondary menu wrapper */ #Top_bar .secondary_menu_wrapper { display: none; } /* Menu responsive */ #Top_bar a.responsive-menu-toggle { display: none; } /* Banner */ #Top_bar .banner_wrapper { display: none; } /* Search wrapper */ #Top_bar .search_wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 999999; width: 40%; height: 70px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper form { width: 100%; } #Top_bar .search_wrapper-5 { position:relative; left: 0; top: 100%; display: none; z-index: 999999; width: 400px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper input[type="text"] { width: 65%; margin: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper .icon_close { right: 18px; color: #fff; opacity: .5; filter: alpha(opacity=30); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Top_bar .search_wrapper .icon_close:hover { right: 18px; opacity: 1; filter: alpha(opacity=100); } @media (max-width:1239px) { #Top_bar .search_wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 999999; width: 54%; height: 70px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 { position:relative; left: 0; top: 100%; display: none; z-index: 999999; width: 400px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .NotGeneric-Title { color: #fff; } .NotGeneric-SubTitle { color: #fff; } @media (max-width:959px) { #Top_bar .search_wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 999999; width: 74%; height: 70px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width:768px) { #Top_bar .search_wrapper { position: absolute; right: -70px; top: 100%; display: none; z-index: 999999; width: 460px; height: 70px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 { position:absolute; left: 110px; top: 100%; display: none; z-index: 999999; width: 460px; height: 70px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width:767px) { #Top_bar .search_wrapper-5 { position:absolute; left: 110px; top: 100%; display: none; z-index: 999999; width: 300px; height: 160px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 .icon_close { right: 138px; color: #fff; opacity: .5; filter: alpha(opacity=30); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Top_bar .search_wrapper-5 .icon_close:hover { right: 138px; opacity: 1; filter: alpha(opacity=100); } #Top_bar .search_wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 999999; width: 100%; height: 160px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper input[type="text"] { width: 300px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } } @media (max-width:710px) { #Top_bar .search_wrapper-5 input[type="text"] { width: 260px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } } @media (max-width:660px) { #Top_bar .search_wrapper-5 input[type="text"] { width: 220px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } } @media (max-width:610px) { #Top_bar .search_wrapper-5 input[type="text"] { width: 200px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } } @media (max-width:414px) { .menu-submit { clear: both; } #Top_bar .search_wrapper input[type="text"] { width: 260px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 input[type="text"] { width: 260px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 { position:relative; left: 0; top: 100%; display: none; z-index: 999999; width: 400px; height: 130px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 .icon_close { right: 70px; color: #fff; opacity: .5; filter: alpha(opacity=30); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Top_bar .search_wrapper-5 .icon_close:hover { right: 70px; opacity: 1; filter: alpha(opacity=100); } .creative-wrapper #Top_bar .logo { height: 120px; } } @media (max-width:375px) { #Top_bar .search_wrapper-5 input[type="text"] { width: 220px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 { position:relative; left: 0; top: 100%; display: none; z-index: 999999; width: 400px; height: 130px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 .icon_close { right: 100px; color: #fff; opacity: .5; filter: alpha(opacity=30); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Top_bar .search_wrapper-5 .icon_close:hover { right: 100px; opacity: 1; filter: alpha(opacity=100); } } @media (max-width:360px) { #Top_bar .search_wrapper input[type="text"] { width: 230px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 input[type="text"] { width: 220px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 { position:relative; left: 0; top: 100%; display: none; z-index: 999999; width: 400px; height: 130px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 .icon_close { right: 130px; color: #fff; opacity: .5; filter: alpha(opacity=30); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Top_bar .search_wrapper-5 .icon_close:hover { right: 130px; opacity: 1; filter: alpha(opacity=100); } } @media (max-width:320px) { #Top_bar .search_wrapper input[type="text"] { width: 80%; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 input[type="text"] { width: 190px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper-5 { position:relative; left: 0; top: 100%; display: none; z-index: 999999; width: 400px; height: 130px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper-5 .icon_close { right: 160px; color: #fff; opacity: .5; filter: alpha(opacity=30); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #Top_bar .search_wrapper-5 .icon_close:hover { right: 160px; opacity: 1; filter: alpha(opacity=100); } } #Top_bar .search_wrapper input[type="text"]:focus { background-color: transparent !important; } #Top_bar .search_wrapper .icon_search,#Top_bar .search_wrapper .icon_close { position: absolute; top: 25px; font-size: 20px; line-height: 20px; display: block; } #Top_bar .search_wrapper .icon_search { left: 18px; color: rgba(0,0,0,.5); } /* Cart */ #Top_bar a#header_cart { position: relative; top: 36px; display: block; float: left; font-size: 20px; line-height: 20px; margin-right: 15px; } #Top_bar a#header_cart span { position: absolute; right: -9px; top: -7px; display: block; -webkit-border-radius: 3px; border-radius: 3px; width: 17px; height: 17px; line-height: 17px; text-align: center; font-size: 11px; color: #fff; } #Top_bar a#header_cart-6 { position: relative; top: 36px; display: block; float: left; font-size: 20px; line-height: 20px; margin-right: 15px; } #Top_bar a#header_cart-6 span { position: absolute; right: -9px; top: -7px; display: block; -webkit-border-radius: 3px; border-radius: 3px; width: 17px; height: 17px; line-height: 17px; text-align: center; font-size: 11px; color: #fff; } .pdt-list-1-height-fix .desc { height: 33px; } .pdt-list-1-height-fix .desc .title_wrapper { max-height: 33px; } /* Search */ #Top_bar a#search_button { position: relative; top: 34px; display: block; float: left; font-size: 20px; line-height: 20px; margin-right: 10px; margin-left: 35px; } #Top_bar a.button.action_button { top: 23px; margin: 0 10px 0 0; color: #fff; } /* WPML */ #Top_bar .wpml-languages { display: block; float: left; position: relative; top: 25px; z-index: 210; margin-right: 10px; } #Top_bar .wpml-languages a.active { display: block; padding: 8px 6px 8px 10px; border-width: 1px; border-style: solid; border-color: #e8e8e8; -webkit-border-radius: 5px; border-radius: 5px; } #Top_bar .wpml-languages.disabled a.active { padding: 8px 10px; } #Top_bar .wpml-languages a.active i { font-size: 14px; line-height: 14px; margin: 0 0 0 5px; } #Top_bar .wpml-languages a.active i:before { margin: 0; } #Top_bar .wpml-languages a:hover.active { text-decoration: none; } #Top_bar .wpml-languages.enabled:hover a.active { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 0; } #Top_bar .wpml-languages ul.wpml-lang-dropdown { position: absolute; left: 0; top: 100%; width: 100%; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; z-index: 205; overflow: hidden; display: none; border-width: 0 1px 1px; border-style: solid; border-color: #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li { border-bottom: 1px solid rgba(0,0,0,0.05); } #Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child { border-bottom: 0; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { font-size: 12px; display: block; text-align: center; padding: 4px 0; color: #8B8B8B; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(0,0,0,.03); } #Top_bar .wpml-languages:hover { height: auto; } #Top_bar .wpml-languages:hover ul.wpml-lang-dropdown { display: block; } #Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown { background: #fff; } #Top_bar .wpml-languages.horizontal { display: block; padding: 8px 10px; border: 1px solid #e8e8e8; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; } #Top_bar .wpml-languages.horizontal ul li { float: left; margin-right: 6px; } #Top_bar .wpml-languages.horizontal ul li:last-child { margin-right: 0; } /* #menu ================================================== */ /* main menu 1st level */ #Top_bar #menu { z-index: 201; } #Top_bar .menu { z-index: 202; } #Top_bar .menu > li { margin: 0; z-index: 203; display: block; float: left; } #Top_bar .menu > li:not(.mfn-megamenu-parent) { position: relative; } #Top_bar .menu > li.hover { z-index: 204; } #Top_bar .menu > li > a { display: block; line-height: 60px; padding: 15px 0; position: relative; cursor: pointer; } #Top_bar .page-menu > li > a { padding: 15px 20px; } .ab-4-op-link [class^="icon-"]:before, .ab-4-op-link [class*=" icon-"]:before{ font-size: 18px; } .feature_list ul li a{ padding: 15px 10px 15px 10px; } .feature_list ul li .icon i { font-size: 18px; line-height: 18px; } .feature_list-4 ul li .icon { width: 18px; height: 18px; margin: 0; padding:0; } .qa-3-fix { color: #fff; } .download-4-fix-2 { width: 94%; padding-left: 30px; } @media (max-width:480px) { .download-4-fix-2 { width: 86%; padding-left: 30px; } } @media (max-width:320px) { .download-4-fix-2 { width: 82%; padding-left: 30px; } } .qa-4-fix-2 .one.column { width: 94%; padding-top: 30px; padding-left: 30px; } @media (max-width:768px) { .qa-4-fix-2 .one.column { width: 89%; padding-top: 30px; padding-left: 30px; } } @media (max-width:480px) { .qa-4-fix-2 .one.column { width: 80%; padding-top: 30px; padding-left: 30px; } } @media (max-width:360px) { .qa-4-fix-2 .one.column { width: 72%; padding-top: 30px; padding-left: 10px; } } .news-4-fix-2 .one.column { width: 97%; padding-top: 30px; padding-left: 20px; } .section.full-width .section_wrapper .news-4-fix-2 .column.one { width: 97%; } .pdt-details-downloand-fix { margin:0 10px 10px 0; } .pdt-details-4-downloand-fix { margin:0 5px 10px 0; } @media (max-width:768px) { .news-4-fix-2 .one.column { width: 95%; padding-top: 30px; padding-left: 20px; } .section.full-width .section_wrapper .news-4-fix-2 .column.one { width: 95%; } } @media (max-width:480px) { .pdt-details-4-fix { margin-left: 20px; } .pdt-details-4-fix p { width:96%; } .pdt-detail-4-slideshow .one-second.column { width:96%; } .news-4-fix-2 .one.column { width: 80%; padding-top: 30px; padding-left: 20px; } .news-4-fix-2 .one.column p { width: 380px; } .section.full-width .section_wrapper .news-4-fix-2 .column.one { width: 80%; } .pdt-details-downloand-fix { margin:0 0px 10px 0; width: 100%; } .pdt-details-4-downloand-fix { margin:0 5px 10px 10px; width:92%; } } @media (max-width:375px) { .news-4-fix-2 .one.column { width: 80%; padding-top: 30px; padding-left: 20px; } .news-4-fix-2 .one.column p { width: 340px; } .section.full-width .section_wrapper .news-4-fix-2 .column.one { width: 80%; } } @media (max-width:360px) { .news-4-fix-2 .one.column { width: 80%; padding-top: 30px; padding-left: 20px; } .news-4-fix-2 .one.column p { width: 330px; } .section.full-width .section_wrapper .news-4-fix-2 .column.one { width: 80%; } } @media (max-width:320px) { .news-4-fix-2 .one.column { width: 80%; padding-top: 30px; padding-left: 20px; } .news-4-fix-2 .one.column p { width: 280px; } .section.full-width .section_wrapper .news-4-fix-2 .column.one { width: 80%; } } .qa-5-fix-3 .one.column { width: 96%; padding-top: 0px; padding-left: 0px; } .ab-5-fix-3 .one.column { width: 98%; padding-top: 0px; padding-left: 0px; } /* default WP Pages Menu */ #Top_bar .menu > li > a:after { content: ""; height: 4px; width: 100%; position: absolute; left: 0; top: -4px; z-index: 203; opacity: 0; filter: alpha(opacity=0); } #Top_bar .menu > li > a span:not(.description) { display: block; line-height: 60px; padding: 0 19px; white-space: nowrap; /*border-right-width: 1px;*/ border-style: solid; } @media (max-width:1239px) { #Top_bar .menu > li > a span:not(.description) { display: block; line-height: 60px; padding: 0 6px; white-space: nowrap; /*border-right-width: 1px;*/ border-style: solid; } } #Top_bar .menu > li > a span.description { font-size: 11px; line-height: 12px !important; margin: -15px -15px 0; color: #aaa; font-weight: 300; text-align: center; display: block; } #Top_bar .menu > li:last-child > a span { border: 0; } #Top_bar .menu > li > a:hover { text-decoration: none; } .menu-arrows #Top_bar .menu > li.submenu > a > span:not(.description) { padding-right: 30px; } .menu-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 50%; right: 10px; margin-top: -2px; border-top: 5px solid #ccc; border-left: 5px solid transparent; border-right: 5px solid transparent; } .index-1-fix-2 ul li { height: 640px; } .index-1-fix-2 ul li a span{ font-size: 16px; line-height: 24px; color: #333; font-weight: bold; text-align: center; padding-top: 20px; display:flex; align-items:center; justify-content:center; } @media (max-width:768px) { .index-1-fix-2 .margin-bottom-40 { margin-bottom: 0; } .index-1-fix-2 ul li { height: 343px; } } @media (max-width:425px) { .index-1-fix-2 .margin-bottom-40 { margin-bottom: 0; } .index-1-fix-2 ul li { height: 224px; } } @media (max-width:360px) { .index-1-fix-2 .margin-bottom-40 { margin-bottom: 0; } .index-1-fix-2 ul li { height: 190px; } } @media (max-width:320px) { .index-1-fix-2 .margin-bottom-40 { margin-bottom: 0; } .index-1-fix-2 ul li { height: 150px; } } .menu-highlight #Top_bar .menu > li.current-menu-item > a,.menu-highlight #Top_bar .menu > li.current_page_item > a,.menu-highlight #Top_bar .menu > li.current-menu-ancestor > a,.menu-highlight #Top_bar .menu > li.current_page_ancestor > a,.menu-highlight #Top_bar .menu > li.hover > a { color: #fff; } /* Animation */ #Top_bar .menu > li > a,#Top_bar .menu > li > a:after { -webkit-transition: all .4s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #Top_bar .menu > li.current-menu-item > a:after,#Top_bar .menu > li.current_page_item > a:after,#Top_bar .menu > li.current-menu-ancestor > a:after,#Top_bar .menu > li.current_page_ancestor > a:after,#Top_bar .menu > li.hover > a:after { opacity: 1; filter: alpha(opacity=100); } /* main menu 2nd level */ #Top_bar .menu li ul { position: absolute; left: 0; top: 100%; z-index: 205; margin: 0; display: none; /*background-image: url(../images/box_shadow.png);*/ background-repeat: repeat-x; background-position: left top; } #Top_bar .menu li > ul { box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.03); -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.03); } #Top_bar .menu li ul li { padding: 0; width: 190px; position: relative; font-weight: 400; } #Top_bar .menu li ul li a { padding: 10px 10px 10px 20px; display: block; border-bottom: 1px solid rgba(0,0,0,0.05); } #Top_bar .menu li ul li a span { display: inline-block; position: relative; } #Top_bar .menu li ul li a .menu-arrow { position: absolute; right: 7px; top: 11px; font-size: 12px; color: rgba(0,0,0,0.35); } #Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a { text-decoration: none; background: rgba(0,0,0,.06); } /* main menu 3rd level */ #Top_bar .menu li ul li ul { position: absolute; left: 190px; top: 0; z-index: 204; } /* Animation */ #Top_bar .menu li ul li a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* #secondary menu ================================================== */ #Header #menu-secondary-menu { z-index: 220; } #Header .secondary-menu { z-index: 221; } #Header .secondary-menu > li { margin: 0; z-index: 222; display: block; float: left; position: relative; padding: 8px 9px; line-height: 100%; -webkit-border-radius: 4px; border-radius: 4px; } #Header .secondary-menu > li.submenu { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #Header .secondary-menu > li > a { display: block; } #Header .secondary-menu > li > a:hover { text-decoration: none; } #Header .secondary-menu li ul { position: absolute; left: 0; padding: 7px; top: 100%; z-index: 223; margin: 0; display: none; -webkit-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; } #Header .secondary-menu li ul li { } #Header .secondary-menu li ul li:last-child { border-bottom: 0; } #Header .secondary-menu li ul li a { display: block; text-align: center; white-space: nowrap; padding: 6px 8px; } #Header .secondary-menu li ul li a:hover { text-decoration: none; } #Header .secondary-menu > li > a { color: #A8A8A8; } #Header .secondary-menu > li.hover,#Header .secondary-menu li ul { background: #F9F9F9; } #Header .secondary-menu li ul li { border-bottom: 1px solid rgba(0,0,0,0.05); } #Header .secondary-menu li ul li a { color: #8B8B8B; } #Header .secondary-menu li ul li a:hover { color: #5F5F5F; background: rgba(255,255,255,0.8); } /* #Header styles ================================================== */ .header-fixed #Action_bar { display: none; } @media only screen and (min-width: 768px) { .header-fixed #Top_bar { position: fixed; width: 100%; left: 0; top: 0 !important; height: 60px; z-index: 701; background: #fff; opacity: .97; filter: alpha(opacity = 97); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); } .header-fixed #Top_bar .top_bar_left,.header-fixed #Top_bar .top_bar_right,.header-fixed #Top_bar .top_bar_right:before { background: none; } .header-fixed #Top_bar .top_bar_right { top: -4px; } .header-fixed #Top_bar .logo { width: auto; margin: 0 30px 0 20px; padding: 0; } .header-fixed #Top_bar #logo { padding: 5px 0; height: 50px; line-height: 50px; } .header-fixed #Top_bar #logo img { max-height: 35px; } .header-fixed #Top_bar .menu_wrapper { clear: none; } .header-fixed #Top_bar .menu_wrapper .menu > li > a { padding: 15px 0; } .header-fixed #Top_bar .menu > li > a,.header-fixed #Top_bar .menu > li > a span { line-height: 30px; } .header-fixed #Top_bar .menu > li > a:after { top: auto; bottom: -4px; } .header-fixed #Top_bar .menu > li > a span.description { margin-top: -5px; } .header-fixed #Top_bar #header_cart { top: 27px; } .header-fixed #Top_bar #header_cart-6 { top: 27px; } .header-fixed #Top_bar #search_button { top: 25px; } .header-fixed #Top_bar .wpml-languages { top: 15px; } .header-fixed #Top_bar .secondary_menu_wrapper { display: none; } .header-fixed #Top_bar .responsive-menu-toggle { top: 12px; } } .header-below { } .header-below #Header .top_bar_left,.header-below #Header .top_bar_right { background-color: transparent; } .header-below #Top_bar { position: static; } .header-below #Top_bar .top_bar_right { top: 0; } .header-below #Top_bar .top_bar_right:before { display: none; } .header-below #Action_bar { display: none; } body.header-below:not(.template-slider) #Header { min-height: 90px; padding-top: 160px; } .header-below #Top_bar { background-color: #fff; } .header-classic { } .header-classic #Header .top_bar_left,.header-classic #Header .top_bar_right { background-color: transparent; } .header-classic #Top_bar { position: static; } .header-classic #Top_bar .top_bar_right { top: 0; } .header-classic #Top_bar .top_bar_right:before { display: none; } .header-classic #Action_bar { position: static; } .header-classic #Action_bar .contact_details li,.header-classic #Action_bar .social,.header-classic #Action_bar .social-menu { padding: 12px 0; } .header-classic #Action_bar { background-color: #2C2C2C; } .header-classic #Top_bar { background-color: #fff; } .header-split { } .header-split #Header .top_bar_left { width: 100% !important; } .header-split #Header .top_bar_left,.header-split #Header .top_bar_right { background-color: transparent; } .header-split #Header .top_bar_left .menu_wrapper { width: 100%; } .header-split #Header .top_bar_left .menu_left { float: left; width: 38%; text-align: center; } .header-split #Header .top_bar_left .menu_right { float: right; width: 38%; text-align: center; } .header-split #Header .top_bar_left .menu > li { display: inline-block; float: none; } .header-split #Header .top_bar_left .logo { width: 100%; margin: 0; text-align: center; } @media only screen and (min-width: 1240px) { .header-split #Header .top_bar_left .logo { position: absolute; left: 38%; width: 24%; } } .header-split #Top_bar .top_bar_right { position: absolute; top: 0; right: -28px; padding: 0; } .header-split #Top_bar a.action_button,.header-split #Top_bar a#header_cart,.header-split #Top_bar .wpml-languages { display: none; } .header-split #Top_bar .top_bar_right:before { display: none; } .header-split #Top_bar { position: static; background-color: #fff; } .header-split #Action_bar { position: static; background-color: #2C2C2C; } .header-split #Action_bar .contact_details li,.header-split #Action_bar .social,.header-split #Action_bar .social-menu { padding: 12px 0; } .header-stack { } .header-stack #Header .top_bar_left { width: 100% !important; } /**/ .header-stack #Header .top_bar_left,.header-stack #Header .top_bar_right { background-color: transparent; } .header-stack #Top_bar { position: static; } .header-stack #Top_bar .logo { width: 100%; margin: 0; padding: 0 30px; text-align: left; border-bottom-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**/ .header-stack.header-center #Top_bar .logo { text-align: center; } .header-stack.header-right #Top_bar .logo { text-align: right; } .header-stack #Top_bar .logo #logo { display: inline-block; height: auto; } /**/ .header-stack #Top_bar .menu_wrapper { clear: both; width: 100%; } /**/ .header-stack #Top_bar .menu_wrapper .menu > li > a { padding: 0; } /**/ .header-stack #Top_bar .menu > li > a span.description { margin-bottom: 10px; } .header-stack #Top_bar .top_bar_right { position: absolute; right: 0; bottom: -16px; top: auto; } /**/ .header-stack #Top_bar .top_bar_right:before { display: none; } .header-stack #Top_bar .secondary_menu_wrapper { position: absolute; right: 20px; top: 35px; display: block; } /**/ .header-stack.header-right #Top_bar .secondary_menu_wrapper { left: 20px; right: auto; } /**/ .header-stack #Action_bar { position: static; } .header-stack #Action_bar .contact_details li,.header-stack #Action_bar .social,.header-stack #Action_bar .social-menu { padding: 12px 0; } body.header-stack:not(.template-slider) #Header { min-height: 315px; } .header-stack #Action_bar { background-color: #2C2C2C; } .header-stack #Top_bar { background-color: #fff; } .header-magazine #Top_bar .logo { border: 0; } .header-magazine #Top_bar .top_bar_right { display: none; } .header-magazine #Top_bar .secondary_menu_wrapper { display: none; } .header-magazine #Top_bar .banner_wrapper { display: block; position: absolute; right: 20px; top: 20px; width: 468px; height: 60px; text-align: right; } .header-magazine #Top_bar .banner_wrapper a { display: block; line-height: 0; } .header-magazine #Top_bar .banner_wrapper img { display: inline-block; max-width: 100%; height: auto; max-height: 60px; } .header-simple { } .header-simple #Action_bar { display: none; } .header-simple #Top_bar .top_bar_left { width: 100% !important; background: none; } .header-simple #Top_bar:not(.is-sticky) .top_bar_left { top: -40px; } .header-simple #Top_bar .top_bar_right,.header-simple #Top_bar .top_bar_right:before { display: none; } .header-simple #Top_bar .menu > li > a span.description { margin: 0 0 0 5px; } .header-empty #Header { position: static; min-height: 0 !important; } .header-empty #Subheader { display: none; } .header-empty #Subheader-3 { display: none; } .header-empty #Subheader-4 { display: none; } .header-empty #Content { padding: 0 !important; } .header-transparent #Top_bar .top_bar_left,.header-transparent #Top_bar .top_bar_right,.header-transparent #Top_bar .top_bar_right:before { background: none; } .header-transparent #Top_bar .top_bar_right { top: -15px; } .header-transparent #Top_bar #logo { padding: 0; } .header-transparent #Top_bar a.responsive-menu-toggle { top: 10px; } .header-transparent #Top_bar .menu > li > a { padding: 0; } .header-transparent #Top_bar .menu > li > a:after { background: none; } .header-transparent #Top_bar .menu > li > a span { border-color: rgba(0,0,0,0.03); } .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg) { background-image: none; } .header-overlay .top_bar_right { display: none; } .header-overlay #Top_bar.is-sticky { display: none; } .header-overlay .overlay-menu-toggle { position: absolute; right: 30px; top: 30px; font-size: 30px; z-index: 9911; } .header-overlay .overlay-menu-toggle.focus { color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .header-overlay .overlay-menu-toggle .close { display: none; } .header-overlay .overlay-menu-toggle.focus .open { display: none; } .header-overlay .overlay-menu-toggle.focus .close { display: block; } .header-overlay.sticky-header .overlay-menu-toggle { position: fixed; margin-right: 10px; } /* #Overlay Menu ================================================== */ #Overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9910; background: rgba(41,145,214,.95); display: none; } #overlay-menu { position: absolute; width: 700px; left: 50%; margin-left: -350px; top: 50%; margin-top: -150px; } #overlay-menu ul li { text-align: center; } #overlay-menu ul li a { color: #fff; font-size: 34px; line-height: 52px; letter-spacing: 3px; text-decoration: none; } #overlay-menu ul li a:hover { opacity: .8; } #overlay-menu ul li a:before,#overlay-menu ul li a:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s,opacity .2s; -moz-transition: -moz-transform 0.3s,opacity .2s; transition: transform 0.3s,opacity .2s; } #overlay-menu ul li a:before { margin-right: 20px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } #overlay-menu ul li a:after { margin-left: 20px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } #overlay-menu ul li a:hover:before,#overlay-menu ul li a:hover:after,#overlay-menu ul li a:hover:before,#overlay-menu ul li a:hover:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* #Subheader ================================================== */ #Subheader { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 30px 0; position: relative; } #Subheader-5 { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 30px 0; position: relative; margin-top: -290px; } .subheader-transparent #Subheader { background: none; } .hide-title-area #Subheader { display: none; } #Subheader .column { margin-bottom: 0; } #Subheader .title { margin-bottom: 0; width: 50%; float: left; } #Subheader ul.breadcrumbs { display: block; width: 50%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } #Subheader ul.breadcrumbs li { display: inline-block; } #Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a { color: rgba(0,0,0,.3); } #Subheader ul.breadcrumbs li span { margin: 0 10px; opacity: .4; filter: alpha(opacity=40); } #Subheader:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; /*background: url(../images/box_shadow.png) repeat-x left top;*/ } #Subheader ul.woocommerce-breadcrumb li:last-child span { display: none; } /* subheader-style */ .subheader-title-right #Subheader .title { float: right; text-align: right; } .subheader-title-right #Subheader .breadcrumbs { float: left; text-align: left; } .subheader-both-left #Subheader .title { width: 100%; } .subheader-both-left #Subheader .breadcrumbs { width: 100%; text-align: left; margin-top: 10px; } .subheader-both-right #Subheader .title { width: 100%; text-align: right; } .subheader-both-right #Subheader .breadcrumbs { width: 100%; text-align: right; margin-top: 10px; } .subheader-both-center #Subheader .title { width: 100%; text-align: center; } .subheader-both-center #Subheader .breadcrumbs { width: 100%; text-align: center; margin-top: 10px; } #Subheader-3 { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 30px 0; position: relative; } #Subheader-4 { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 30px 0; position: relative; } @media (max-width:425px) { #Subheader-3 { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 30px 0; position: relative; } #Subheader-4 { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 0px 0; position: relative; } } .subheader-transparent #Subheader-3 { background: none; } .hide-title-area #Subheader-3 { display: none; } #Subheader-3 .column { margin-bottom: 0; } #Subheader-3 .title { margin-bottom: 0; width: 50%; float: left; } #Subheader-3 ul.breadcrumbs { display: block; width: 50%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } @media (max-width:768px) { #Subheader-3 .title { margin-bottom: 0; width: 50%; float: left; } #Subheader-3 ul.breadcrumbs { display: block; width: 50%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } } @media (max-width:425px) { #Subheader-3 .title { margin-bottom: 0; width: 100%; float: left; } #Subheader-3 ul.breadcrumbs { display: block; width: 100%; margin: 30px 0 0 0; font-size: 1em !important; float: left; clear: both; text-align: left; } } #Subheader-3 ul.breadcrumbs li { display: inline-block; } #Subheader-3 ul.breadcrumbs li,#Subheader-3 ul.breadcrumbs li a { color: rgba(0,0,0,.3); } #Subheader-3 ul.breadcrumbs li span { margin: 0 10px; opacity: .4; filter: alpha(opacity=40); } #Subheader-3:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; /*background: url(../images/box_shadow.png) repeat-x left top;*/ } #Subheader-3 ul.woocommerce-breadcrumb li:last-child span { display: none; } /* subheader-style */ .subheader-title-right #Subheader-3 .title { float: right; text-align: right; } .subheader-title-right #Subheader-3 .breadcrumbs { float: left; text-align: left; } .subheader-both-left #Subheader-3 .title { width: 100%; } .subheader-both-left #Subheader-3 .breadcrumbs { width: 100%; text-align: left; margin-top: 10px; } .subheader-both-right #Subheader-3 .title { width: 100%; text-align: right; } .subheader-both-right #Subheader-3 .breadcrumbs { width: 100%; text-align: right; margin-top: 10px; } .subheader-both-center #Subheader-3 .title { width: 100%; text-align: center; } .subheader-both-center #Subheader-3 .breadcrumbs { width: 100%; text-align: center; margin-top: 10px; } .subheader-transparent #Subheader-4 { background: none; } .hide-title-area #Subheader-4 { display: none; } #Subheader-4 .column { margin-bottom: 0; } #Subheader-4 .title { margin-bottom: 0; width: 50%; float: left; } #Subheader-4 ul.breadcrumbs { display: block; width: 50%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } @media (max-width:767px) { #Subheader-4 .title { margin-top: 0px; margin-bottom: 0px; width: 100%; float: left; } #Subheader-4 ul.breadcrumbs { display: block; width: 100%; margin: 0px 0 0px 0; font-size: 1em !important; float: left; clear: both; text-align: left; } } @media (max-width:480px) { #Subheader-4 .title { margin-top: 20px; margin-bottom: 20px; width: 100%; float: left; } #Subheader-4 ul.breadcrumbs { display: block; width: 100%; margin: 0px 0 20px 0; font-size: 1em !important; float: left; clear: both; text-align: left; } } #Subheader-4 ul.breadcrumbs li { display: inline-block; } #Subheader-4 ul.breadcrumbs li,#Subheader-4 ul.breadcrumbs li a { color: rgba(0,0,0,.3); } #Subheader-4 ul.breadcrumbs li span { margin: 0 10px; opacity: .4; filter: alpha(opacity=40); } #Subheader-4:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; /*background: url(../images/box_shadow.png) repeat-x left top;*/ } #Subheader-4 ul.woocommerce-breadcrumb li:last-child span { display: none; } /* subheader-style */ .subheader-title-right #Subheader-4 .title { float: right; text-align: right; } .subheader-title-right #Subheader-4 .breadcrumbs { float: left; text-align: left; } .subheader-both-left #Subheader-4 .title { width: 100%; } .subheader-both-left #Subheader-4 .breadcrumbs { width: 100%; text-align: left; margin-top: 10px; } .subheader-both-right #Subheader-4 .title { width: 100%; text-align: right; } .subheader-both-right #Subheader-4 .breadcrumbs { width: 100%; text-align: right; margin-top: 10px; } .subheader-both-center #Subheader-4 .title { width: 100%; text-align: center; } .subheader-both-center #Subheader-4 .breadcrumbs { width: 100%; text-align: center; margin-top: 10px; } .subheader-transparent #Subheader-5 { background: none; } .hide-title-area #Subheader-5 { display: none; } #Subheader-5 .column { margin-bottom: 0; } #Subheader-5 .title { margin-bottom: 0; width: 70%; float: left; } #Subheader-5 ul.breadcrumbs { display: block; width: 30%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } #Subheader-5 ul.breadcrumbs li { display: inline-block; } #Subheader-5 ul.breadcrumbs li,#Subheader-5 ul.breadcrumbs li a { color: rgba(0,0,0,.3); } #Subheader-5 ul.breadcrumbs li span { margin: 0 10px; opacity: .4; filter: alpha(opacity=40); } #Subheader-5:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; /*background: url(../images/box_shadow.png) repeat-x left top;*/ } #Subheader-5 ul.woocommerce-breadcrumb li:last-child span { display: none; } /* subheader-style */ .subheader-title-right #Subheader-5 .title { float: right; text-align: right; } .subheader-title-right #Subheader-5 .breadcrumbs { float: left; text-align: left; } .subheader-both-left #Subheader-5 .title { width: 100%; } .subheader-both-left #Subheader-5 .breadcrumbs { width: 100%; text-align: left; margin-top: 10px; } .subheader-both-right #Subheader-5 .title { width: 100%; text-align: right; } .subheader-both-right #Subheader-5 .breadcrumbs { width: 100%; text-align: right; margin-top: 10px; } .subheader-both-center #Subheader-5 .title { width: 100%; text-align: center; } .subheader-both-center #Subheader-5 .breadcrumbs { width: 100%; text-align: center; margin-top: 10px; } /* #Post ================================================== */ .post-item { margin-bottom: 40px; position: relative; float: left; width: 100%; } .post-item .date_label { position: absolute; left: 0; top: 7px; display: none; } .post-photo-wrapper { width: 37%; float: left; } .post-photo-wrapper-5 { width: 23%; float: left; } .post-photo-wrapper iframe { width: 100%; } .post-desc-wrapper { width: 63%; float: left; } .post-desc-wrapper-5 { width: 77%; height: 200px; float: left; } @media (max-width:1239px) { .post-desc-wrapper-5 { width: 77%; height: 160px; float: left; } } .post-desc-wrapper-5 .post-title .entry-title { max-height: 63px; overflow: hidden; } .post-desc-wrapper-5 .post-excerpt { max-height: 57px; overflow-y: hidden; } .post-desc { padding: 0px 0 0 20px; } @media (max-width:768px) { .news-3-height-fix .post-desc { padding: 0px 0 0 0px; } .news-details-4-text-width-fix .post-desc { padding: 0px 20px 0 20px; } } .news-1-height-fix-1 .post-title .entry-title { height: 62px; overflow-y: hidden; } .news-1-height-fix-1 .post-excerpt { height: 50px; overflow-y: hidden; } @media (max-width:480px) { .news-1-height-fix-1 .post-title .entry-title { height: auto; overflow-y:visible; } .news-1-height-fix-1 .post-excerpt { height: auto; overflow-y: visible; } } @media (max-width:425px) { .post-photo-wrapper-5 { width: 100%; float: left; clear: both; } .post-photo-wrapper-5 img { width: 100%; } .post-desc-wrapper-5 { width: 100%; float: left; clear: both; margin-top: 20px; } } .format-standard.no-img .post-photo-wrapper { display: none; } .format-standard.no-img .post-desc-wrapper,.search-results .no-img .post-desc-wrapper { width: 100%; } .post-meta { margin-bottom: 8px; } .post-meta .author-date { float: left; } .post-meta .author-date a { border-bottom-width: 1px; border-style: dotted; text-decoration: none !important; } .post-meta .category { float: right; position: relative; } .post-meta .category.mata-tags { margin-right: 10px; } .post-meta .category .cat-btn { cursor: pointer; } .post-meta .category .cat-wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 21; } .post-meta .category:hover .cat-wrapper { display: block; } .post-meta .category .cat-wrapper ul { padding: 7px; min-width: 70px; background: #F9F9F9; } .post-meta .category .cat-wrapper ul li { border-bottom: 1px solid rgba(0,0,0,0.05); } .post-meta .category .cat-wrapper ul li:last-child { border-bottom: 0; } .post-meta .category .cat-wrapper ul li a { display: block; text-align: center; padding: 1px 5px; color: #8B8B8B; } .post-meta .category .cat-wrapper ul li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(255,255,255,0.8); } .post-excerpt { margin-bottom: 0px; } .cat_description { margin-bottom: 40px; } .post-footer { background: rgba(0,0,0,.02); padding: 7px 15px; overflow: hidden; line-height: 30px; } .post-footer .button-love { float: left; } .post-footer .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 24px; margin-left: 5px; } .post-footer .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 16px; } .post-footer .button-love a.mfn-love:hover { text-decoration: none; } .post-footer .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-footer .button-love a:hover.mfn-love i:last-child,.post-footer .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .post-footer .post-links { float: right; border-left-width: 1px; border-style: solid; padding-left: 10px; } .post-footer .post-links .post-comments { margin-right: 10px; } .hide-more .post-footer .post-links .icon-doc-text,.hide-more .post-footer .post-links .post-more { display: none; } .blog_slider.hide-more .item_wrapper .hr_color,.blog_slider.hide-more .item_wrapper .button { display: none; } /* Masonry */ .masonry { } .masonry .post-item { width: 31.2%; margin: 0 1% 20px; background: #fff; } .masonry .post-photo-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .masonry .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonry .post-meta .author-date .author span.label { display: none; } .masonry .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .masonry .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Timeline */ .timeline .post-item { float: none; width: auto; padding-left: 200px; margin-bottom: 0; padding-bottom: 40px; background: url(../img/timeline_right.png) no-repeat 90px top; } .timeline .post-item:last-child { padding-bottom: 20px; margin-bottom: 20px; } .timeline .format-quote .post-meta,.timeline .format-link .post-meta { padding-top: 7px; } .timeline .post-item:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 126px; top: 11px; display: block; visibility: visible; z-index: 1; } .timeline .date_label { display: block; } .timeline .post-meta .author-date .date { display: none; } /* Post types =========================================== */ .format-quote .post-photo-wrapper { display: none; } .format-quote .post-desc { padding: 0; } .format-quote .post-desc-wrapper { width: 100%; float: none; } .format-video { } .format-video .image_frame .image_wrapper img { margin-bottom: 0 !important; } .format-video .image_frame:hover .image_wrapper img { top: 0; } .format-link .post-photo-wrapper { display: none; } .format-link .post-desc-wrapper { width: 100%; float: none; } .format-link .post-desc { padding: 0; } .format-link .post-title { overflow: hidden; } .format-link .post-title .icon-link { display: block; width: 80px; height: 80px; font-size: 60px; line-height: 80px; border-right-width: 1px; border-style: solid; float: left; text-align: center; } .format-link .post-title .link-wrapper { margin-left: 100px; padding-top: 14px; } .format-link .post-title .link-wrapper h4 { margin-bottom: 7px; font-size: 20px; line-height: 22px; } /* #Single post ================================================== */ .post-nav { padding: 10px 10px 4px 130px; margin-bottom: 20px; background-image: url(../images/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .post-nav .next-prev-nav { float: left; } .post-nav .next-prev-nav li { float: left; margin-right: 5px; } .post-nav .next-prev-nav a.button { margin: 0; } .post-nav .list-nav { float: right; line-height: 49px; } .post-header { margin-bottom: 20px; } .post-header .button-love { width: 99px; float: left; text-align: center; } .post-header .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 28px; font-size: 17px; margin-top: 25px; } .no-title .post-header .button-love a.mfn-love { margin-top: 0; } .post-header .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 18px; } .post-header .button-love a.mfn-love:hover { text-decoration: none; } .post-header .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-header .button-love a:hover.mfn-love i:last-child,.post-header .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .post-header .title_wrapper { margin-left: 99px; border-left-width: 1px; border-style: solid; padding-left: 30px; } .post-header .title_wrapper h1 { font-size: 35px; line-height: 35px; } .single-photo-wrapper { } .single-photo-wrapper .share_wrapper { float: left; } .single-photo-wrapper .image_frame { margin-left: 0px; } .no-share .single-photo-wrapper .image_frame { margin-left: 0; } .single-photo-wrapper .image_frame iframe { width: 100%; } .format-image .single-photo-wrapper { text-align: center; } .format-image .single-photo-wrapper .image_frame { display: inline-block; margin-left: 0; } .share_wrapper { background: #fff; border-width: 1px; border-style: solid; width: 98px; text-align: center; padding: 10px 0 5px; } .share_wrapper .stButton { margin-bottom: 10px; } .author-box { } .author-box .avatar-wrapper { width: 64px; height: 64px; float: left; border-width: 8px; border-style: solid; display: block; line-height: 0; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .author-box .desc-wrapper { background: rgba(0,0,0,.02); padding: 20px; position: relative; margin-left: 105px; } .author-box .desc-wrapper:after { content: ""; display: block; position: absolute; left: -6px; top: 35px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent rgba(0,0,0,.02) transparent transparent; } .author-box .desc-wrapper h5 { margin-bottom: 5px; } /* Post related */ .section-post-related { } .section-post-related .section-related-adjustment { border-top-width: 1px; border-style: solid; padding-top: 20px; } .section-post-related .post-related { position: relative; } .section-post-related .post-related .image_frame { margin-left: 30px; margin-bottom: 15px; } .section-post-related .post-related .fullscreen-container { height: 180px !important; } .section-post-related .post-related .date_label { position: absolute; left: 0; top: 30px; z-index: 20; } .section-post-related .post-related hr { margin-left: 30px; width: 40%; } .section-post-related .post-related a.button { margin-left: 30px; margin-bottom: 0; } .section-post-related .format-quote blockquote { margin-top: 70px; margin-left: 40px; } .section-post-related .format-link { } .section-post-related .format-link .image_frame { height: 180px; background-color: rgba(255,255,255,.5); background-image: url(../images/link.png); background-position: center center; background-repeat: no-repeat; } .section-post-related .format-standard.no-img .image_frame { display: block; height: 180px; background-color: rgba(255,255,255,.5); background-image: url(../images/photo.png); background-position: center center; background-repeat: no-repeat; } /* single-format-link */ .single-format-link .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .single-format-link .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .single-format-link .single-photo-wrapper .image_frame { display: none; } /* single-format-quote */ .single-format-quote #Subheader .title { width: 100%; } .single-format-quote #Subheader ul.breadcrumbs { display: none; } .single-format-quote .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .single-format-quote .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .single-format-quote .single-photo-wrapper .image_frame { display: none; } /* no-img */ .portfolio.no-img .single-photo-wrapper .share_wrapper,.format-standard.no-img .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .portfolio.no-img .single-photo-wrapper .share_wrapper .stButton,.format-standard.no-img .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .portfolio.no-img .single-photo-wrapper .image_frame,.format-standard.no-img .single-photo-wrapper .image_frame { display: none; } /* Project decription */ .project-description { } .project-description li { width: 99.9%; clear: both; padding: 7px 10px; background: rgba(0,0,0,.01); border-style: solid; border-color: rgba(0,0,0,.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project-description li .label { font-weight: 700; min-width: 50px; display: inline-block; } .project-description li.one-third { float: left; width: 33.3%; clear: none; padding-right: 15px; border-width: 0 1px 1px 0; } .project-description li:nth-child(3) { border-right-color: transparent; } /* Share Item | .share_item */ .share_item { float: none; width: auto; padding: 10px 15px 15px; } .share_item .stButton { margin: 0 10px 0 0; } /* #Widget area ================================================== */ .with_aside .four.columns { margin-bottom: 0; } .widget-area { border-style: solid; padding: 30px 0 20px; position: relative; } body:not(.template-slider) .widget-area { margin-top: -30px; } .widget-area:before { content: ""; display: block; position: absolute; top: 0; width: 1500px; height: 100%; background: rgba(0,0,0,.01); /*visibility: visible;*/ } .aside_left .widget-area { border-right-width: 1px; padding-right: 25px; } .aside_left .widget-area:before { right: 0; } .aside_right .widget-area { border-left-width: 1px; padding-left: 25px; } .aside_right .widget-area:before { left: 0; } .widget-area.lines-boxed .widget:after { width: 100%; } .widget-area.lines-hidden .widget:after { display: none; } .widget { padding-bottom: 30px; margin-bottom: 30px; position: relative; } .widget:last-child { margin-bottom: 0; padding-bottom: 0; } .widget:last-child:after { display: none; } .widget:after { content: ""; display: block; position: absolute; bottom: 0; width: 1500px; height: 0; visibility: visible; border-width: 1px 0 0; border-style: solid; } .widget > h3 { font-size: 18px; line-height: 22px; } .aside_left .widget:after { right: 0; } .aside_right .widget:after { left: 0; } .with_aside.aside_both .sidebar-1 .widget-area { border-right-width: 1px; padding-right: 25px; } .with_aside.aside_both .sidebar-1 .widget-area:before { right: 0; } .with_aside.aside_both .sidebar-1 .widget-area .widget:after { right: 0; } .with_aside.aside_both .sidebar-2 .widget-area { border-left-width: 1px; padding-left: 25px; } .with_aside.aside_both .sidebar-2 .widget-area:before { left: 0; } .with_aside.aside_both .sidebar-2 .widget-area .widget:after { left: 0; } /* Recent posts */ .Recent_posts { } .Recent_posts ul { } .Recent_posts ul li { margin-bottom: 10px; } .Recent_posts ul li:last-child { margin-bottom: 0; } .Recent_posts ul li a { text-decoration: none; } .Recent_posts ul li .desc { margin-right: 72px; padding: 5px 0px; background: #000; position: relative; height: 60px; } .ab-2-fix .Recent_posts ul li .desc { margin-right: 30px; padding: 2px 15px 5px 15px; background: #fff; position: relative; height: 50px; } .ab-2-fix-2 .four.columns { width: 23%; } .Recent_posts ul li .desc:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 4px; height: 100%; } .Recent_posts ul li .desc h6 { position: relative; z-index: 2; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; max-height: 40px; overflow-y: hidden; } .Recent_posts ul li .desc h6.news-2-cat-link { position: relative; z-index: 2; margin-bottom: 3px; padding-top: 15px; padding-bottom: 3px; border-bottom-width: 0px; border-style: solid; border: none; font-size: 15px; } .Recent_posts ul li .desc .date { position: relative; z-index: 2; } .Recent_posts ul li .desc .date i { display: inline-block; margin-right: 2px; } .Recent_posts ul li.no-img { position: relative; } .Recent_posts ul li.no-img .photo { width: 0; position: static; } .Recent_posts ul li.no-img .desc { margin-right: 0; min-height: inherit; } .Recent_posts ul li .photo { width: 72px; height: 72px; line-height: 0; text-align: center; float: right; position: relative; } .Recent_posts ul li .photo .c { width: 25px; height: 25px; line-height: 25px; z-index: 3; text-align: center; color: #fff; position: absolute; right: -12px; bottom: 12px; font-size: 11px; -webkit-border-radius: 3px; border-radius: 3px; } .Recent_posts ul li a:hover h6,.Recent_posts ul li a:hover .desc .date { color: #fff !important; } .Recent_posts ul li a:hover .desc:after { width: 100%; } /* Link */ .Recent_posts ul li.format-link .photo { background-color: #eee; background-image: url(../images/link.png); background-position: center center; background-repeat: no-repeat; } .Recent_posts ul li.format-quote .photo { background-color: #eee; background-image: url(../images/blockquote.png); background-position: center center; background-repeat: no-repeat; background-size: 40% auto; } /* Animation */ .Recent_posts ul li a:hover h6,.Recent_posts ul li a:hover .desc .date,.Recent_posts ul li a:hover .desc:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Recent posts wordress */ .widget_recent_entries { } .widget_recent_entries ul { } .widget_recent_entries ul li { padding: 5px 15px; background: #fff; position: relative; margin-bottom: 10px; } .widget_recent_entries ul li a { display: block; text-decoration: none; position: relative; z-index: 2; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .widget_recent_entries ul li:last-child { margin-bottom: 0; } .widget_recent_entries ul li:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 4px; height: 100%; } .widget_recent_entries ul li:hover:after { width: 100%; } .widget_recent_entries ul li .post-date { display: block; position: relative; z-index: 2; } .widget_recent_entries ul li:hover a,.widget_recent_entries ul li:hover .post-date { color: #fff; } /* Animation */ .widget_recent_entries ul li:hover a,.widget_recent_entries ul li:hover .post-date,.widget_recent_entries ul li:hover:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Categories */ .widget_categories { } .widget_categories ul { list-style-type: square; color: #fff; padding: 5px 10px 5px 30px; } .widget_categories ul li { position: relative; } .widget_categories ul li:after { content: ""; display: block; width: 110%; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.2); position: absolute; left: -20px; bottom: 0; -webkit-transtion:all 0.5s; -moz-transtion:all 0.5s; -o-transtion:all 0.5s; transtion:all 0.5s; } .widget_categories ul li:last-child:after { display: none; } .widget_categories ul li a { color: #fff !important; display: block; padding: 7px 0 7px 3px; } .widget_categories ul li:hover { color: #444 !important; } .widget_categories ul li a:hover { color: #e61b23 !important; } /* Archives, Custom menu */ .widget_archive,.widget_nav_menu { } .widget_archive ul,.widget_nav_menu ul { list-style-type: square; padding: 5px 10px 5px 30px; background: rgba(0,0,0,.03); } .widget_archive ul li,.widget_nav_menu ul li { position: relative; } .widget_archive ul li:after,.widget_nav_menu ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(0,0,0,.1); position: absolute; left: -30px; bottom: 0; } .widget_archive ul li:last-child:after,.widget_nav_menu ul li:last-child:after { display: none; } .widget_archive ul li a,.widget_nav_menu ul li a { display: block; padding: 8px 0 9px 3px; } /* Meta, Pages, RSS */ .widget_meta,.widget_pages,.widget_rss { } .widget_meta ul,.widget_pages ul,.widget_rss ul { list-style-type: square; padding: 0 0 0 30px; } .widget_meta ul li,.widget_pages ul li,.widget_rss ul li { } .widget_meta ul li a,.widget_pages ul li a,.widget_rss ul li a { display: block; padding: 4px 0 7px 4px; } /* Recent comments */ .widget_mfn_recent_comments { } .widget_mfn_recent_comments ul { } .widget_mfn_recent_comments ul li { padding-bottom: 15px; background: url(../images/recent_comments.png) no-repeat 4px top; padding-left: 0px; position: relative; } .widget_mfn_recent_comments ul li:last-child { padding-bottom: 5px; } .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.03); margin-top: 7px; margin-bottom: 5px; position: relative; } .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.03); } .widget_mfn_recent_comments ul li:after { content: ""; width: 0px; height: 0px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: 11px; display: block; z-index: 1; display: none; } .widget_mfn_recent_comments ul li p { margin-bottom: 0; } /* Recent comments wordpress */ .widget_recent_comments { } .widget_recent_comments ul li { padding-bottom: 5px; padding-top: 6px; background: url(../images/recent_comments.png) no-repeat 4px top; padding-left: 40px; position: relative; } .widget_recent_comments ul li:last-child { padding-bottom: 5px; } .widget_recent_comments ul li:after { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: 11px; display: block; z-index: 1; } /* Search */ .widget_search { } .widget_search input[type="text"] { margin-bottom: 0; width: 100; color: #333; } .widget_search input[type="submit"] { display: none; } /* Calendar */ .widget_calendar td,.widget_calendar th { padding: 4px 3px; } .widget_calendar caption { padding: 5px; font-size: 14px; } .widget_calendar table tfoot tr:hover td { background: none !important; } /* Flickr */ .Flickr { overflow: hidden; } .Flickr .flickr_badge_image { margin: 0; padding: 0; float: left; margin: 0 1% 2%; width: 23%; } .Flickr .flickr_badge_image a { display: block; line-height: 0; } /* Recent tweets */ .widget_tp_widget_recent_tweets { } .widget_tp_widget_recent_tweets .tp_recent_tweets { clear: none; float: none; } .widget_tp_widget_recent_tweets ul { overflow: hidden; } .widget_tp_widget_recent_tweets ul li:last-child { padding-bottom: 0; } /* Tag cloud */ .widget_mfn_tag_cloud { } .widget_mfn_tag_cloud ul { margin-bottom: 0; overflow: hidden; } .widget_mfn_tag_cloud ul li { margin: 0; padding: 0; float: left; margin: 0 5px 2px 0; } .widget_mfn_tag_cloud a { overflow: hidden; white-space: nowrap; display: inline-block; height: 22px; text-shadow: 1px 1px 0 #fff; font-size: 12px; padding-right: 8px; margin-right: 1px; } .widget_mfn_tag_cloud a:hover { text-decoration: none; } .widget_mfn_tag_cloud a span { padding-left: 8px; height: 22px; line-height: 22px; display: block; float: left; } /* Muffin menu */ .widget_mfn_menu { } .widget_mfn_menu ul li a { display: block; padding: 7px 10px; margin-bottom: 5px; background: #fff; border: 1px solid rgba(0,0,0,.04); color: #858585; } .widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current_page_item a { text-decoration: none; color: #fff !important; } .widget_mfn_menu ul li ul li a { padding-left: 20px; } .widget_mfn_menu ul li ul li a:before { content: "-"; margin-right: 5px; } .widget_mfn_menu ul li ul li ul li a { padding-left: 40px; } /* Animation */ .widget_mfn_menu ul li a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Muffin login */ .mfn-login { overflow: hidden; } .mfn-login form p { margin-bottom: 5px; } .mfn-login form input { margin-bottom: 0; } .mfn-login .sep { margin: 0 7px; } .mfn-login .avatar-wrapper { float: left; width: 64px; margin: 0 10px 10px 0; } .mfn-login .author { float: left; } .mfn-login .alert { padding: 5px 10px; margin-bottom: 5px; } /* #Portfolio ================================================== */ .portfolio_group { margin: 0 !important; } .news-details-4-fix-2 .portfolio_group { margin: 0 0 60px 0 !important; } .portfolio_group .portfolio-item { list-style: none !important; float: left; } .portfolio_group:not(.list) .portfolio-item { background: none !important; } .portfolio_group .portfolio-item .list_style_header { display: none; overflow: hidden; margin-bottom: 0px; position: relative; min-height: 43px; padding-right: 275px; } .portfolio_group .portfolio-item .list_style_header h3 { margin-bottom: 0; margin-top: 7px; height: 57px; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { position: absolute; right: 0; top: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper a { margin-bottom: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child { margin-right: 0; } .portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js { display: none; } .portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js { display: none; } .portfolio_group .portfolio-item .image_frame { width: 100%; } .download-1-fix .portfolio_group .portfolio-item .image_frame { width: 40%; } .portfolio_group .portfolio-item .desc { padding: 10px; background: #000; overflow: hidden; } .portfolio_group .portfolio-item .desc a:hover { color: #e61b23; } .portfolio_group .portfolio-item .desc .title_wrapper { position: relative; /*padding-right: 43px;*/ } .download-1-fix .portfolio_group .portfolio-item .desc .title_wrapper { display:flex; align-items:center; justify-content:center; } .download-1-fix .catalog-btn { display:flex; align-items:center; justify-content:center; } .portfolio_group .portfolio-item .desc .title_wrapper h5 { margin-bottom: 0; } .download-1-fix .portfolio_group .portfolio-item .desc .title_wrapper h5 { margin-bottom: 0px; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love { position: absolute; right: 0; top: 0; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 24px; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 16px; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover { text-decoration: none; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child,.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .portfolio_group .portfolio-item .desc .desc-wrapper { margin-right: 0px; } .portfolio_group .portfolio-item .desc .details-wrapper { float: right; width: 240px; padding-left: 19px; border-left-width: 1px; border-style: solid; } .portfolio_group .portfolio-item .desc .details-wrapper dl { margin-bottom: 0; } .portfolio_group .portfolio-item .desc .details-wrapper dl > dt { padding: 2px 0; border: 0; width: 80px; } .portfolio_group .portfolio-item .desc .details-wrapper dl > dd { padding: 2px 0; border: 0; margin-left: 90px; } /* List */ .portfolio_group.list .portfolio-item { width: 100%; border-bottom-width: 0; border-style: solid; margin-top: -54px; z-index: 0; } .news-4-fix-3 .portfolio_group.list .portfolio-item { width: 100%; border-bottom-width: 0; border-style: solid; margin-top: 0px; z-index: 0; } .portfolio_group-2.list .portfolio-item { width: 100%; border-bottom-width: 0; border-style: solid; margin-top: -60px; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-position: top center; background-repeat: repeat; padding: 35px 0; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 48%; margin: 0 12px; display: inline-block; float: left; } .portfolio_group.list .portfolio-item .list_style_header { display: block; } .portfolio_group.list .portfolio-item .desc { background: none; padding: 20px 0 0; height: 40px; overflow-y: hidden; } @media (max-width:480px) { .portfolio_group.list .portfolio-item .desc { background: none; padding: 20px 0 0; height: auto; overflow-y: visible; } } .portfolio_group.list .portfolio-item .desc .title_wrapper { display: none; } /* Flat */ .portfolio_group.flat .portfolio-item { width: 33.3%; } .portfolio_group.flat .portfolio-item .image_frame { border: 0; } .portfolio_group.flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.flat .portfolio-item .desc { display: none; } .portfolio_group.flat.col-4 .portfolio-item { width: 24.99%; } /* Grid */ .portfolio_group.grid .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .download-1-fix .portfolio_group.grid .portfolio-item { width: 14%; margin: 0 10px; } @media (max-width:768px) { .download-1-fix .portfolio_group.grid .portfolio-item { width: 14%; margin: 0 8px; } } .portfolio_group.grid .portfolio-item .desc .desc-wrapper,.portfolio_group.grid .portfolio-item .desc .details-wrapper { display: none; } /* Masonry */ .portfolio_group.masonry .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry .portfolio-item .desc .title_wrapper { margin-bottom: 15px; } .portfolio_group.masonry .portfolio-item .desc .desc-wrapper { display: block; margin-right: 0; } .portfolio_group.masonry .portfolio-item .desc .details-wrapper { display: none; } /* Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item { width: 24.99%; } .portfolio_group.masonry-flat .portfolio-item.wide { width: 49.99%; } .portfolio_group.masonry-flat .portfolio-item.tall { margin-bottom: -1px; } .portfolio_group.masonry-flat .portfolio-item .image_frame { border: 0; } .portfolio_group.masonry-flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.masonry-flat .portfolio-item .image_frame img { margin: 0 !important; top: 0 !important; } .portfolio_group.masonry-flat .portfolio-item .desc { display: none; } .section_wrapper .portfolio_wrapper .column.one.pager_wrapper { margin: 40px 0 !important; } .template-slider .section-portfolio-header { margin-top: 30px; } /* #Filters ================================================== */ /* #Footer ================================================== */ #Footer { background-position: center top; background-repeat: no-repeat; } #Footer .footer_action { background: rgba(0,0,0,.1); } #Footer .footer_action .one { margin-bottom: 30px; padding-top: 30px; text-align: center; font-size: 110%; line-height: 180%; } #Footer .widgets_wrapper { padding: 15px 0; } #Footer .widgets_wrapper .column { margin-bottom: 0; } #Footer .widgets_wrapper .widget { padding: 15px 0; margin-bottom: 0; } #Footer .widgets_wrapper .widget:after { display: none; } #Footer .footer_copy { border-top: 1px solid rgba(255,255,255,.1); } #Footer .footer_copy .one { margin-bottom: 20px; padding-top: 30px; } #Footer .footer_copy .copyright { float: left; } #Footer .footer_copy .copyright-2 { text-align: center; } #Footer .footer_copy a#back_to_top { float: right; margin: -10px 0 0; } #Footer .footer_copy .social { float: right; margin-right: 20px; } #Footer .footer_copy .social li { display: inline-block; margin-right: 6px; } #Footer .footer_copy .social li:last-child { margin-right: 0; } #Footer .footer_copy .social li a { color: rgba(255,255,255,.3); font-size: 15px; line-height: 15px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #Footer .footer_copy .social li a:hover { /*color: #fff;*/ } #Footer .footer_copy .social-menu { float: right; margin-right: 20px; } #Footer .footer_copy .social-menu li { display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid rgba(255,255,255,.1); } #Footer .footer_copy .social-menu li:last-child { /*margin-right: 0; padding-right: 0;*/ border-right: 0; } @media (max-width:768px) { #Footer .footer_copy .social-menu { float: left; clear: both; margin-right: 0px; } } @media (max-width:480px) { #Footer .footer_copy .social-menu li { display: block; padding:0; border-right: none; text-align: center; border-bottom: 1px dotted #888; } #Footer .footer_copy .social-menu li a { display: block; padding:10px 30px; } #Footer .footer_copy .social-menu li:last-child { border-bottom: 0px dotted #ccc; } } /* .footer-copy-center */ .footer-copy-center #Footer .footer_copy { text-align: center; } .footer-copy-center #Footer .footer_copy .copyright { float: none; margin: 0 0 10px; } .footer-copy-center #Footer .footer_copy a#back_to_top { float: none; margin: -10px 0 10px; } .footer-copy-center #Footer .footer_copy .social { float: none; margin: 0; } .footer-copy-center #Footer .footer_copy .social-menu { float: none; margin: 0; } /* Widgets */ #Footer .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } #Footer .Recent_posts ul li.address .desc-2 { background: rgba(0,0,0,.1); margin:0; padding: 0; } #Footer .Recent_posts ul li.address { margin-bottom: 3px; padding-bottom: 0; } #Footer .Recent_posts ul li .desc-2 h6 { padding:5px 10px 5px 15px; margin: 0; } #Footer .widget_mfn_menu ul li a { background: rgba(0,0,0,.1); color: #ccc; } #Footer .widget_recent_entries ul li { background: rgba(0,0,0,.1); } #Footer ul.list_mixed li:after,#Footer ul.list_check li:after,#Footer ul.list_star li:after,#Footer ul.list_idea li:after { background: rgba(255,255,255,.08); } #Footer .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.07); } #Footer .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.07); } /* .footer-sliding ================================================== */ .footer-fixed #Header_wrapper,.footer-sliding #Header_wrapper { z-index: 29; } .footer-fixed #Content,.footer-sliding #Content { position: relative; z-index: 2; } .footer-fixed #Footer,.footer-sliding #Footer { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 1; } .footer-fixed #Footer { z-index: 3; } /* #Comments ================================================== */ .comments { margin-bottom: 0; } #comments > :first-child { border-top-width: 1px; border-style: solid; padding-top: 20px; } .page #comments > :first-child { margin-top: 20px; } #comments .commentlist { margin-left: 0; list-style-type: none; } #comments .commentlist > li { margin-bottom: 30px; } #comments .commentlist > li .comment-body { position: relative; background: #fff; padding: 20px; margin-bottom: 20px; margin-left: 105px; } #comments .commentlist > li .comment-body:after { content: ""; display: block; position: absolute; left: -6px; top: 35px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #fff transparent transparent; } #comments .commentlist > li .children { margin-bottom: 15px; padding-left: 40px; border-left: 1px solid #ddd; } #comments .commentlist > li .photo { display: block; width: 64px; height: 64px; overflow: hidden; line-height: 0; position: absolute; left: -105px; top: 0; border-width: 8px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; } #comments .commentlist > li .comment-author { font-size: 15px; color: #444; } #comments .commentlist > li .comment-author a { } #comments .commentlist > li .comment-author .fn { font-weight: 700; } #comments .commentlist > li .comment-meta { font-size: 12px; font-style: italic; } #comments .commentlist > li .comment-meta a { } #comments .commentlist > li .comment-meta a.comment-edit-link { float: right; padding-right: 52px; position: relative; top: -19px; } #comments .commentlist > li p { margin: 4px 0 10px; } #comments .commentlist > li .reply { position: absolute; right: 20px; top: 20px; } #comments .commentlist > li .reply a.comment-reply-link { font-size: 11px; color: #fff; padding: 3px 6px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 3px; background-image: url(../images/stripes/stripes_10_w.png); } #comments .commentlist > li .reply a:hover.comment-reply-link { text-decoration: none; } #comments .commentlist li { } #comments .commentlist li .comment-body { } #comments .commentlist li .comment-body.last { } #comments .commentlist li .comment-body.lastBorder { border-bottom: 0; } #comments .commentlist .children { margin-bottom: 0; margin-left: 30px; padding-left: 50px; } #comments .commentlist .children li { margin-bottom: 0; } #comments #comments-title { margin-bottom: 20px; } #comments #comments-title span { font-style: italic; } /* #Respond ================================================== */ #respond { overflow: hidden; margin-bottom: 40px; } #respond .comment-reply-title { font-size: 21px; line-height: 25px; } #respond p { margin-bottom: 15px; padding-left: 0 !important; } #respond .comment-notes .required { position: static; } #respond input[type="text"] { margin-bottom: 0; } #respond label { margin-bottom: 3px; } #respond .required { position: absolute; right: 20px; top: 40px; } #respond .comment-form-author { width: 31.3%; margin-right: 2% !important; float: left; position: relative; } #respond .comment-form-email { width: 31.3%; margin-right: 2% !important; float: left; position: relative; } #respond .comment-form-url { width: 33.3%; float: left; position: relative; } #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select { width: 100%; } #respond .comment-form-comment { width: 100%; } #respond .comment-form-comment textarea { width: 100%; margin-bottom: 10px; } #respond .form-submit { overflow: hidden; margin: 0; } #respond .form-submit input[type="submit"] { float: right !important; margin: 0 !important; } #respond .form-allowed-tags { display: none; } #respond .form-allowed-tags code { margin-top: 10px; } /* #Error_404 ================================================== */ body.error404 { height: 100%; } body.error404.custom-404,body.error404.events-archive { height: auto; } body.error404:not(.events-archive) #Content { padding: 0 !important; } #Error_404 { overflow: hidden; position: absolute; top: 50%; margin-top: -150px; left: 30px; } #Error_404 .error_pic { width: 30%; float: left; text-align: center; } #Error_404 .error_pic i { font-size: 250px; line-height: 250px; } #Error_404 .error_desk { width: 70%; float: left; padding-top: 40px; } #Error_404 .error_desk h2 { font-size: 45px; line-height: 45px; color: rgba(0,0,0,.7); } #Error_404 .error_desk h4 { font-size: 26px; line-height: 30px; color: rgba(0,0,0,.7); } #Error_404 .error_desk p .check { line-height: 45px; font-size: 16px; color: rgba(0,0,0,.5); } #Error_404 .error_desk p em { font-style: italic; font-size: 17px; font-family: Georgia,serif; padding: 0 15px; } #Error_404 .error_desk p .button { margin: 0; display: inline; margin-left: 20px; } /* #Contact form ================================================== */ .wpcf7-form .column { margin-bottom: 10px; } .wpcf7-not-valid-tip { position: absolute !important; left: -50px !important; top: 0 !important; width: 50px !important; height: 44px !important; padding: 0 !important; background: url(../images/contact_form_error.png) !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; } .wpcf7-validation-errors { border: 0; display: none !important; } .wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 !important; padding: 7px 0 !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; float: left; width: 100%; } .wpcf7-captchar { margin-bottom: 0; } span.wpcf7-form-control-wrap { width: 100%; position: relative !important; display: inline-block; margin-bottom: 3px; } span.wpcf7-form-control-wrap .wpcf7-quiz,span.wpcf7-form-control-wrap .wpcf7-select,span.wpcf7-form-control-wrap .wpcf7-text,span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; } .wpcf7-submit { margin-bottom: 0 !important; } #popup_contact { position: fixed; right: 20px; bottom: 15px; z-index: 9001; } .nice-scroll #popup_contact { right: 30px; } #popup_contact > a.button { width: 45px; height: 45px; line-height: 45px; font-size: 20px; margin: 0; text-align: center; color: rgba(0,0,0,.5); background: #f7f7f7; } #popup_contact > a.button:hover { text-decoration: none; } #popup_contact .popup_contact_wrapper { width: 250px; padding: 20px; background: #fbfbfb; position: absolute; bottom: 65px; right: 0; display: none; } #popup_contact.focus .popup_contact_wrapper { display: block; } #popup_contact .popup_contact_wrapper span.arrow { position: absolute; right: 15px; bottom: -8px; margin: 0 auto; width: 0; height: 0; display: block; border-top: 8px solid #fbfbfb; border-right: 8px solid transparent; border-left: 8px solid transparent; } #popup_contact .popup_contact_wrapper form { } #popup_contact .popup_contact_wrapper form input[type="text"],#popup_contact .popup_contact_wrapper form input[type="email"],#popup_contact .popup_contact_wrapper form textarea { background: #fff; margin-bottom: 10px; } #popup_contact .popup_contact_wrapper form textarea { resize: vertical; min-height: 100px; } #popup_contact .popup_contact_wrapper form input[type="submit"] { margin: 0; float: right; } #popup_contact .wpcf7-form.invalid > p:after { display: block; } #popup_contact .wpcf7-form-control-wrap { display: inline-block; margin-right: 0; width: 100%; } #popup_contact div.wpcf7 img.ajax-loader { margin-top: 10px; } /* #Preloader ================================================== */ .portfolio_slider_ul,ul.testimonials-slider { background: url(../images/preloader.gif) no-repeat center center; } .portfolio_slider_ul li,ul.testimonials-slider > * { visibility: hidden; } ul.testimonials-slider { max-height: 260px; } .caroufredsel_wrapper .portfolio_slider_ul,ul.owl-carousel { background: none; max-height: none; } .caroufredsel_wrapper .portfolio_slider_ul li,ul.owl-carousel > * { visibility: visible; } /* #BuddyPress ================================================== */ #buddypress { margin-bottom: 40px; } #buddypress #whats-new-options { height: auto !important; overflow: visible !important; } #buddypress div.dir-search { margin: 0; } #buddypress #search-members-form > * { float: left; } #buddypress div.dir-search input[type="text"],#buddypress li.groups-members-search input[type="text"] { padding: 2px 3px; font-size: 100%; margin-right: 5px; font-weight: 400; } #buddypress div#subnav.item-list-tabs ul li > * { float: left; } #buddypress div#subnav.item-list-tabs ul li label { margin: 10px 5px 0 0; font-weight: 400; } #buddypress div#item-header div#item-meta { font-size: 100%; } /* #Dark ================================================== */ .dark,.dark ul.timeline_items,.dark .icon_box a .desc,.dark .icon_box a:hover .desc,.dark .feature_list ul li a,.dark .list_item a,.dark .list_item a:hover,.dark .widget_recent_entries ul li a { color: #fff !important; } .dark .ui-tabs .ui-tabs-panel,.dark .accordion .question .answer { color: #626262; } /* Headings font */ .dark h1,.dark h1 a,.dark h1 a:hover { color: #fff; } .dark h2,.dark h2 a,.dark h2 a:hover { color: #fff; } .dark h3,.dark h3 a,.dark h3 a:hover { color: #fff; } .dark h4,.dark h4 a,.dark h4 a:hover { color: #fff; } .dark h5,.dark h5 a,.dark h5 a:hover { color: #fff; } .dark h6,.dark h6 a,.dark h6 a:hover,.dark a.content_link .title { color: #fff; } /* Borders */ .dark .idea_box,.dark table th,.dark table td,.dark .list_item .circle,.dark input[type="text"],.dark input[type="tel"],.dark input[type="password"],.dark input[type="email"],.dark textarea,.dark select,.dark .promo_box.has_border:after,.dark dl > dt,.dark dl > dd,.dark .article_box .desc_wrapper p,.dark a.icon_bar,.dark a.content_link,.dark .how_it_works .image,.dark .opening_hours,.dark .opening_hours .opening_hours_wrapper li,.dark .icon_box.has_border:after,.dark .chart_box:before,.dark .pricing-box,.dark .team_list .bq_wrapper,.dark .post-footer .post-links,.dark .format-link .post-title .icon-link,.dark .share_wrapper,.dark .post-header .title_wrapper,.dark .section-post-related .section-related-adjustment,.dark .comments,.dark .widget-area,.dark .widget:after,.dark .fixed-nav .desc h6,.dark .portfolio_group.list .portfolio-item,.dark .portfolio_group .portfolio-item .desc .details-wrapper,.dark .Recent_posts ul li .desc h6,.dark .widget_recent_entries ul li a,.dark .woocommerce .widget_best_sellers li,.dark .woocommerce .widget_featured_products li,.dark .woocommerce .widget_recent_reviews li,.dark .woocommerce .widget_recent_products li,.dark .woocommerce .widget_recently_viewed_products li,.dark .woocommerce .widget_random_products li,.dark .woocommerce .widget_top_rated_products li,.dark .woocommerce .widget_onsale li,.dark .woocommerce .widget_layered_nav li,.dark .woocommerce .widget_shopping_cart ul.product_list_widget li,.dark .woocommerce .widget_products li,.dark .woocommerce .product .related.products,.dark .woocommerce .product div.entry-summary h1.product_title:after,.dark .woocommerce .quantity input.qty { border-color: rgba(255,255,255,.08); } /* Grey */ .dark .blockquote p.author span,.dark .counter .desc_wrapper .title,.dark .article_box .desc_wrapper p,.dark .team .desc_wrapper p.subtitle,.dark .pricing-box .plan-header p.subtitle,.dark .pricing-box .plan-header .price sup.period,.dark .chart_box p,.dark .fancy_heading .inside,.dark .fancy_heading_line .slogan,.dark .post-meta,.dark .post-meta a,.dark .post-footer,.dark .post-footer a span.label,.dark .pager .pages a,.dark .button-love a .label,.dark .pager-single a,.dark #comments .commentlist > li .comment-author .says,.dark .fixed-nav .desc .date,.dark .filters_buttons li.label,.dark .Recent_posts ul li a .desc .date,.dark .widget_recent_entries ul li .post-date,.dark .tp_recent_tweets .twitter_time,.dark .widget_price_filter .price_label,.dark .shop-filters .woocommerce-result-count,.dark .woocommerce ul.product_list_widget li .quantity,.dark .widget_shopping_cart ul.product_list_widget li dl,.dark .product_meta .posted_in,.dark .woocommerce .shop_table .product-name .variation > dd,.dark .shipping-calculator-button:after,.dark .shop_slider .shop_slider_ul li .item_wrapper .price del,.dark .testimonials_slider .testimonials_slider_ul li .author span,.dark .testimonials_slider .testimonials_slider_ul li .author span a { color: #DEDEDE; } /* Dividers */ .dark hr { background-color: rgba(255,255,255,.08); color: rgba(255,255,255,.08); } /* Others */ .dark blockquote { color: #fff; } .dark .article_box .desc_wrapper h4 { color: #444; } .dark .progress_bars .bars_list li h6 .label { color: rgba(255,255,255,0.35); background: rgba(255,255,255,0.05); } .dark .faq .question .title { color: #fff; } .dark .counter .desc_wrapper .number { color: #fff; } .dark a.content_link .title { color: #444; } .dark .opening_hours,.dark .opening_hours h3 { color: #444; } .dark .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } /* Pricing box */ .dark .pricing-box-box { background: rgba(0,0,0,0.1); } .dark .pricing-box .plan-inside ul li { border-bottom: 1px solid rgba(255,255,255,0.1); } /* Lists */ .dark .column_column ul,.dark .column_column ol,.dark .the_content_wrapper ul,.dark .the_content_wrapper ol { color: #fff; } /* List item */ .dark .list_item.lists_2 .list_icon i { color: #fff; } .pdt-details-7-fix .one.column { margin-bottom: 10px; border-bottom: 1px dotted #999999; padding-bottom: 15px; } .pdt-details-7-fix .span-1 { font-weight: bold; font-size: 15px; } .pdt-details-7-fix .span-2 { font-size: 15px; margin-left: 4px; } .pdt-details-7-fix-2 .column { margin-bottom: 20px; } @media (max-width:768px) { .pdt-details-7-fix-2 #Subheader-5 .title { width: 30%; } .pdt-details-7-fix-2 #Subheader-5 ul.breadcrumbs { width: 70%; } } @media (max-width:425px) { .pdt-details-7-fix-2 #Subheader-5 .title { width: 100%; } .pdt-details-7-fix-2 #Subheader-5 ul.breadcrumbs { width: 100%; } } /* Pricing table */ .dark .pricing-box-table.pricing-box-featured { background: rgba(0,0,0,.1); } .dark .pricing-box .plan-header .price sup.period { color: rgba(255,255,255,0.5) !important; } /* Call to action */ .dark .call_to_action .call_left h3 { color: rgba(0,0,0,.65); } .dark .call_to_action .call_center a { color: #fff; } /* Fancy heading */ .dark .fancy_heading_line { background-image: url(../images/fancy_heading_hr_dark.png); } /* Content slider */ .dark .content_slider.flat a.button .button_icon i { color: #fff; } /* Fancy links */ .dark a.mfn-link,.dark a:hover.mfn-link { color: #fff; } .dark a.hover.mfn-link-2 span:before,.dark a.mfn-link-8:after,.dark a.mfn-link-8:before { background: #fff; } .dark a.mfn-link-4:hover:before,.dark a.mfn-link-4:hover:after,.dark a.hover.mfn-link-4:before,.dark a.hover.mfn-link-4:after,.dark a.mfn-link-7:after,.dark a.mfn-link-7:before { background: #fff; } .dark a.mfn-link-6:before { border-bottom-color: #fff; } /* #Video Section ================================================== */ .section.has-video { position: relative; overflow: hidden; } .section.has-video .section_video { position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; overflow: hidden; z-index: 1; } .section.has-video .section_video .mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; background: url(../images/videomask.png) repeat center; } .section.has-video .section_video video { position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; z-index: 2; } .section.has-video .section_wrapper { position: relative; z-index: 10; } @media only screen and (min-device-width:481px) and (max-device-width:1024px) { .section.has-video .section_video { display: none !important; } } /* #Section Navigation ================================================== */ .section.has-navi .section-nav { position: absolute; left: 50%; z-index: 2; cursor: pointer; font-size: 38px; width: 50px; height: 50px; line-height: 50px; margin: 0 0 0 -25px; text-align: center; color: rgba(0,0,0,.2); } .section.has-navi .section-nav:hover { color: rgba(0,0,0,.8); } .section.has-navi .section-nav.prev { top: 75px; } .section.has-navi .section-nav.next { bottom: 75px; } .section.has-navi:first-child .section-nav.prev,.section.has-navi:nth-last-child(2) .section-nav.next { display: none; } .section.has-navi .section-nav { color: rgba(0,0,0,.2); } .section.has-navi .section-nav:hover { color: rgba(0,0,0,.8); } .section.has-navi.dark .section-nav { color: rgba(255,255,255,.2); } .section.has-navi.dark .section-nav:hover { color: rgba(255,255,255,.8); } /* Animation */ .section.has-navi .section-nav { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* Visual Composer | Frontend Editor ================================================== */ .wpb_wrapper > div { margin-bottom: 35px; } .wpb_wrapper.ui-sortable .vc_call_to_action { background: none; border: none; padding: 0; } body.layout-boxed .vc_row[data-vc-stretch-content="true"] { left: 0 !important; width: auto !important; margin-left: -2.7%; margin-right: -2.7%; } body.layout-boxed .vc_row-no-padding .wpb_column { padding: 0; } .vc_images_carousel { width: auto !important; } /* |-------------------------------------------------------------------------- | 3.0 Responsive-1240 | |-------------------------------------------------------------------------- | | | */ html,body { overflow-x: hidden; } /* > 1240 ===================================================================================================== */ @media only screen and (min-width: 992px) { body:not(.header-simple) #Top_bar #menu { display: block !important; } /* main menu 2nd level - MegaMenu */ #Top_bar .menu > li > ul.mfn-megamenu { width: 984px; } #Top_bar .menu > li > ul.mfn-megamenu > li { float: left; } #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1 { width: 100%; } #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 { width: 50%; } #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3 { width: 33.33%; } #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 { width: 25%; } #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5 { width: 20%; } #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 { width: 16.66%; } #Top_bar .menu > li > ul.mfn-megamenu > li > ul { display: block !important; position: inherit; left: auto; top: auto; border-width: 0 1px 0 0; } #Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul { border: 0; } #Top_bar .menu > li > ul.mfn-megamenu > li > ul li { width: auto; } #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight: 400; } #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title:hover { background: none; } #Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow { display: none; } /* MegaMenu with Background */ #Top_bar .menu > li > ul.mfn-megamenu-bg { padding: 20px 166px 20px 20px; background-repeat: no-repeat; background-position: bottom right; } #Top_bar .menu > li > ul.mfn-megamenu-bg > li { background: none; } #Top_bar .menu > li > ul.mfn-megamenu-bg > li a { border: none; } #Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul { background: none !important; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } /* #Header.is-sticky */ #Top_bar.is-sticky { position: fixed; width: 100%; left: 0; top: -60px; height: 60px; z-index: 701; background: #fff; opacity: .97; filter: alpha(opacity = 97); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); } #Top_bar.is-sticky.dark{ background: #000 } #Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before { background: none; } #Top_bar.is-sticky .top_bar_right { top: -4px; } #Top_bar.is-sticky .logo { width: auto; margin: 0 30px 0 20px; padding: 0; } #Top_bar.is-sticky #logo { padding: 5px 0; height: 50px; line-height: 50px; } #Top_bar.is-sticky #logo img { max-height: 35px; width: auto !important; } #Top_bar.is-sticky #logo img.logo-main { display: none; } #Top_bar.is-sticky #logo img.logo-sticky { display: inline; } #Top_bar.is-sticky .menu_wrapper { clear: none; } #Top_bar.is-sticky .menu_wrapper .menu > li > a { padding: 15px 0; } #Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span { line-height: 30px; } #Top_bar.is-sticky .menu > li > a:after { top: auto; bottom: -4px; } #Top_bar.is-sticky .menu > li > a span.description { display: none; } #Top_bar.is-sticky #header_cart { top: 27px; } #Top_bar.is-sticky #search_button { top: 25px; } #Top_bar.is-sticky a.button.action_button { top: 13px; } #Top_bar.is-sticky .wpml-languages { top: 15px; } #Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper { display: none; } .header-simple #Top_bar.is-sticky .responsive-menu-toggle { top: 12px; } /* Sticky dark */ .sticky-dark #Top_bar.is-sticky { background: rgba(0,0,0,.8); } .sticky-dark #Top_bar.is-sticky .menu > li > a { color: #fff; } .sticky-dark #Top_bar.is-sticky .top_bar_right a { color: rgba(255,255,255,.5); } .sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown { background: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.1); } /* .header-simple | Mobile Menu */ .header-simple #Top_bar #menu { display: none; height: auto; width: 300px; bottom: auto; top: 60px; right: 1px; position: absolute; margin: 0; background: #fff; } .header-simple #Header a.responsive-menu-toggle { display: block; width: 35px; height: 35px; line-height: 35px; font-size: 25px; text-align: center; position: absolute; top: 28px; right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } .header-simple #Header a:hover.responsive-menu-toggle { text-decoration: none; } /* main menu 1st level */ .header-simple #Top_bar #menu > ul { width: 100%; float: left; } .header-simple #Top_bar #menu ul li { width: 100%; padding-bottom: 0; border-right: 0; position: relative; } .header-simple #Top_bar #menu ul li a { padding: 0 20px; margin: 0; display: block; height: auto; line-height: normal; border: none; } .header-simple #Top_bar #menu ul li a:after { display: none; } .header-simple #Top_bar #menu ul li a span { border: none; line-height: 48px; display: inline; padding: 0; } .header-simple #Top_bar #menu ul li.submenu .menu-toggle { width: 48px; height: 48px; display: block; position: absolute; right: 0; top: 0; border-left: 1px solid rgba(0,0,0,0.03); background: url(../img/menu-plus.png) center no-repeat; } .header-simple #Top_bar #menu ul li.hover > .menu-toggle { background: none !important; } .header-simple #Top_bar #menu ul li.hover a { border-bottom: 0; } .header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle { display: none; } /* main menu 2nd level */ .header-simple #Top_bar #menu ul li ul { position: relative !important; left: 0 !important; top: 0; padding: 0; margin-left: 0 !important; width: auto !important; background-image: none; } .header-simple #Top_bar #menu ul li ul li { width: 100% !important; } .header-simple #Top_bar #menu ul li ul li a { padding: 0 20px 0 30px; } .header-simple #Top_bar #menu ul li ul li a .menu-arrow { display: none; } .header-simple #Top_bar #menu ul li ul li a span { padding: 0; } .header-simple #Top_bar #menu ul li ul li a span:after { display: none !important; } .header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight: 400; } .header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul { display: block !important; position: inherit; left: auto; top: auto; } /* main menu 3rd level */ .header-simple #Top_bar #menu ul li ul li ul { border-left: 0 !important; padding: 0; top: 0; } .header-simple #Top_bar #menu ul li ul li ul li a { padding: 0 20px 0 40px; } /* Header Creative */ body.header-creative { padding-left: 50px; } body.header-creative.header-open { padding-left: 250px; } body.error404,body.under-construction,body.template-blank { padding-left: 0 !important; } #Header_creative { background: #fff; } #Header_creative { position: fixed; width: 250px; height: 100%; left: -200px; top: 0; z-index: 1001; -webkit-box-shadow: 2px 0 4px 2px rgba(0,0,0,.15); box-shadow: 2px 0 4px 2px rgba(0,0,0,.15); } #Header_creative .container { width: 100%; } #Header_creative .creative-wrapper { display: none; } #Header_creative a.creative-menu-toggle { display: block; width: 35px; height: 35px; line-height: 35px; font-size: 25px; text-align: center; position: absolute; top: 10px; right: 8px; -webkit-border-radius: 3px; border-radius: 3px; } .admin-bar #Header_creative a.creative-menu-toggle { top: 42px; } #Header_creative #Top_bar { position: static; } #Header_creative #Top_bar { width: 100%; } #Header_creative #Top_bar .top_bar_left { width: 100% !important; float: none; height: } #Header_creative #Top_bar .top_bar_right { width: 100% !important; float: none; height: auto; margin-bottom: 35px; text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Header_creative #Top_bar .top_bar_right:before { display: none; } #Header_creative #Top_bar .logo { float: none; text-align: center; margin: 15px 0; } #Header_creative #Top_bar .menu_wrapper { float: none; margin-bottom: 40px; } #Header_creative #Top_bar .menu > li { width: 100%; float: none; position: relative; } #Header_creative #Top_bar .menu > li > a { padding: 0; text-align: center; } #Header_creative #Top_bar .menu > li > a:after { display: none; } #Header_creative #Top_bar .menu > li > a span { border-right: 0; border-bottom-width: 1px; line-height: 38px; } #Header_creative #Top_bar .menu li ul { left: 100%; top: 0; } #Header_creative #Top_bar .menu > li > ul.mfn-megamenu { width: 700px !important; } #Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul { left: 0; } #Header_creative #Top_bar .menu li ul li a { padding-top: 9px; padding-bottom: 8px; } #Header_creative #Top_bar .menu li ul li ul { top: 0 !important; } #Header_creative #Top_bar .menu > li > a span.description { display: block; font-size: 13px; line-height: 28px !important; clear: both; } #Header_creative #Top_bar .search_wrapper { left: 100%; top: auto; bottom: -90px; } #Header_creative #Top_bar a#header_cart { display: inline-block; float: none; top: 3px; } #Header_creative #Top_bar a#search_button { display: inline-block; float: none; top: 3px; } #Header_creative #Top_bar a.button.action_button { display: inline-block; float: none; top: 0; margin-bottom: 0; margin-top: 10px; } #Header_creative #Top_bar .wpml-languages { display: inline-block; float: none; top: 0; } #Header_creative #Top_bar .wpml-languages.enabled:hover a.active { padding-bottom: 9px; } #Header_creative #Top_bar .banner_wrapper { display: block; text-align: center; } #Header_creative #Top_bar .banner_wrapper img { max-width: 100%; height: auto; display: inline-block; } #Header_creative #Action_bar { position: absolute; bottom: 0; top: auto; clear: both; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Header_creative #Action_bar .social { float: none; text-align: center; } #Header_creative #Action_bar .social li { margin-bottom: 2px; } #Header_creative .social li a { color: rgba(0,0,0,.5); } #Header_creative .social li a:hover { color: #000; } #Header_creative .creative-social { position: absolute; bottom: 10px; right: 0; width: 50px; } #Header_creative .creative-social li { display: block; float: none; width: 100%; text-align: center; margin-bottom: 5px; } .header-menu-right #Top_bar .menu_wrapper { float: right; } .header-menu-right.header-stack #Top_bar .menu_wrapper { margin-right: 150px; } .header-creative .fixed-nav.fixed-nav-prev { margin-left: 50px; } .header-creative.header-open .fixed-nav.fixed-nav-prev { margin-left: 250px; } /* Always Open */ .header-open #Header_creative { left: 0; } .header-open #Header_creative .creative-wrapper { display: block; } .header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social { display: none; } /* Menu highlight */ .menu-highlight #Top_bar .menu > li { margin: 0 2px; } .menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 20px 0; padding: 0; -webkit-border-radius: 5px; border-radius: 5px; } .menu-highlight #Top_bar .menu > li > a:after { display: none; } .menu-highlight #Top_bar .menu > li > a span:not(.description) { border-right-width: 0; line-height: 50px; } .menu-highlight #Top_bar .menu > li > a span.description { display: none; } .menu-highlight.header-stack #Top_bar .menu > li > a { margin: 10px 0; } .menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description) { line-height: 40px; } .menu-highlight.header-fixed #Top_bar .menu > li > a { margin: 10px 0; padding: 5px 0; } .menu-highlight.header-fixed #Top_bar .menu > li > a span { line-height: 30px; } .menu-highlight.header-transparent #Top_bar .menu > li > a { margin: 5px 0; } .menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li { margin: 0; } .menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a { -webkit-border-radius: 0; border-radius: 0; } .menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a { margin: 10px 0 !important; padding: 5px 0 !important; } .menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a span { line-height: 30px !important; } } /* < 1240 ===================================================================================================== */ @media only screen and (max-width: 991px) { /* Header */ #Top_bar #menu { display: none; height: auto; width: 100%; bottom: auto; top: 100%; right: 1px; position: absolute; margin: 0; background: #fff; } #Top_bar a.responsive-menu-toggle { display: block; width: 35px; height: 35px; text-align: center; position: absolute; top: 28px; right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } #Top_bar a:hover.responsive-menu-toggle { text-decoration: none; } #Top_bar a.responsive-menu-toggle i { font-size: 25px; line-height: 35px; } #Top_bar a.responsive-menu-toggle span { float: right; padding: 10px 5px; line-height: 14px; } /* main menu 1st level */ #Top_bar #menu > ul { width: 100%; float: left; } #Top_bar #menu ul li { width: 100%; padding-bottom: 0; border-right: 0; position: relative; } #Top_bar #menu ul li a { padding: 0 20px; margin: 0; display: block; height: auto; line-height: normal; border: none; border-top: 1px solid #eee; } #Top_bar #menu ul li a:after { display: none; } #Top_bar #menu ul li a span { border: none; line-height: 48px; display: inline; padding: 0; } #Top_bar #menu ul li a span.description { margin: 0 0 0 5px; } #Top_bar #menu ul li.submenu .menu-toggle { width: 48px; height: 48px; display: block; position: absolute; right: 0; top: 0; border-left: 1px solid rgba(0,0,0,0.03); background: url(../img/menu-plus.png) center no-repeat; } #Top_bar #menu ul li.hover > .menu-toggle { background: none !important; } #Top_bar #menu ul li.hover a { border-bottom: 0; } #Top_bar #menu ul li a span:after { display: none !important; } #Top_bar #menu ul.mfn-megamenu li .menu-toggle { display: none; } /* main menu 2nd level */ #Top_bar #menu ul li ul { position: relative !important; left: 0 !important; top: 0; padding: 0; margin-left: 0 !important; width: auto !important; background-image: none !important; } #Top_bar #menu ul li ul li { width: 100% !important; } #Top_bar #menu ul li ul li a { padding: 0 20px 0 0px; } #Top_bar #menu ul li ul li a .menu-arrow { display: none; } #Top_bar #menu ul li ul li a span { padding: 0 0 0 30px; } #Top_bar #menu ul li ul li a span:after { display: none !important; } #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight: 400; } #Top_bar .menu > li > ul.mfn-megamenu > li > ul { display: block !important; position: inherit; left: auto; top: auto; } /* main menu 3rd level */ #Top_bar #menu ul li ul li ul { border-left: 0 !important; padding: 0; top: 0; } #Top_bar #menu ul li ul li ul li a { padding: 0 20px 0 40px; } /* Header Creative */ .header-creative #Wrapper { padding-top: 60px; } #Header_creative { position: fixed; width: 100%; left: 0 !important; z-index: 1001; } #Header_creative .creative-wrapper { display: block !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #Header_creative .creative-menu-toggle,#Header_creative .creative-social { display: none !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #Header_creative #Top_bar { position: static; margin: 0 8%; width: 84%; } #Header_creative #Top_bar #logo { height: 50px; line-height: 50px; padding: 5px 0; } #Header_creative #Top_bar #logo img { max-height: 40px; } #Header_creative #Top_bar .responsive-menu-toggle { top: 12px; } #Header_creative #Top_bar #header_cart { top: 21px; } #Header_creative #Top_bar #search_button { top: 20px; } #Header_creative #Top_bar .wpml-languages { top: 11px; } #Header_creative #Top_bar .action_button { top: 9px; } #Header_creative #Top_bar .top_bar_right { height: 60px; top: 0; } #Header_creative #Top_bar .top_bar_right:before { display: none; } #Header_creative #Action_bar { display: none; } .header_placeholder { height: 0 !important; } /* Stack header */ .header-stack #Top_bar { } .header-stack .menu_wrapper a.responsive-menu-toggle { position: static !important; margin: 11px 0; } .header-stack .menu_wrapper #menu { left: 0; right: auto; } /* Responsive | Hover Effect */ .no-hover-tablet a.button:after,.no-hover-tablet a.tp-button:after,.no-hover-tablet button:after,.no-hover-tablet input:after { display: none; } .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .no-hover-tablet .image_frame .image_wrapper img { top: 0 !important; } .no-hover-tablet .image_frame .image_wrapper .mask,.no-hover-tablet .image_frame .image_wrapper .image_links { display: none !important; } .no-hover-tablet .Recent_posts ul li .desc:after { display: none; } .no-hover-tablet .Recent_posts ul li a:hover h6,.no-hover-tablet .Recent_posts ul li a:hover .desc .date { color: inherit !important; } /* Responsive | Section Background Image */ .no-section-bg-tablet .section { background-image: none !important; } } .none { visibility: hidden; display: none; } /* #Desktop 960 - 1239 ====================================================================================================== */ @media only screen and (min-width: 960px) and (max-width: 1239px) { body { min-width: 0; } #Wrapper { width: 960px; } .section_wrapper,.container,.with_aside .content_wrapper { width: 940px; } /* ======================================================= */ /* Top bar width */ #Top_bar .top_bar_left { width: 729px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; } /* Error 404 */ #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } #Error_404 .error_desk { padding-top: 40px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 436px; } /* Recent posts */ .Recent_posts ul li .desc { margin-right: 55px; } .Recent_posts ul li .photo { width: 60px; height: 60px; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } } /* #Header Creative always Open 1240 - 1489 ====================================================================================================== */ @media only screen and (min-width: 1240px) and (max-width: 1489px) { body.header-open { min-width: 0; } .header-open #Wrapper { width: 960px; } .header-open .section_wrapper,.header-open .container,.header-open.with_aside .content_wrapper { width: 940px; } .header-open.with_aside .section_wrapper { width: 100%; } /* ======================================================= */ /* Google maps */ .header-open .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Portfolio list */ body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; } /* Error 404 */ .header-open #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } .header-open #Error_404 .error_desk { padding-top: 40px; } /* Offer slider */ .header-open .offer .offer_li .desc_wrapper { width: 436px; } /* Recent posts */ .header-open .Recent_posts ul li .desc { margin-right: 60px; } .header-open .Recent_posts ul li .photo { width: 60px; height: 60px; } .header-open .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } } @media (max-width:1239px) { .offer .offer_li .desc_wrapper { width: 360px; } } .news-3-height-fix .post-excerpt { height: 100px; overflow-y: hidden; } .news-3-height-fix .post-title { height: 63px; overflow-y: hidden; } @media (max-width:768px) { .news-3-height-fix .post-excerpt { height: auto; overflow-y: visible; } .news-3-height-fix .post-title { height: auto; overflow-y: visible; margin-top:10px; } } html { /*background: url(../img/patterns/9.png) repeat !important;*/ } /* |-------------------------------------------------------------------------- | 4.0 Responsive | |-------------------------------------------------------------------------- | | | */ body { overflow-x: hidden; } /* #Tablet (Landscape) > 960 ===================================================================================================== */ @media only screen and (min-width: 960px) { .hide-desktop { display: none !important; } } /* #Tablet (Landscape) 768 - 959 ===================================================================================================== */ @media only screen and (min-width: 769px) and (max-width: 959px) { body { min-width: 0; } .Recent_posts ul li .desc { margin-right: 65px; padding: 1px 0px; background: #000; position: relative; height: 60px; } #Wrapper { width: 728px; } .section_wrapper,.container,.with_aside .content_wrapper { width: 708px; } /* ======================================================= */ /* Header magazine */ .header-magazine #Top_bar .banner_wrapper { width: 300px; top: 27px; } .hide-tablet { display: none !important; } a.kill_the_icon .button_icon { display: none; } /* Top bar width */ #Top_bar .top_bar_left { width: 501px; } /* .footer-sliding */ .footer-fixed #Content,.footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer,.footer-sliding #Footer { position: static; } /* Subheader */ #Subheader .title { width: 100%; } /* Blog */ .with_aside .classic .post-meta .author-date .author span { display: none; } .with_aside .classic .post-meta .category { display: none; } /* Masonry */ .masonry .post-item { width: 47.9%; } /* Timeline */ .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } /* Filters */ #Filters .filters_wrapper ul li { float: left; width: 24%; margin: .5%; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 694px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 694px; margin-left: -347px; } /* Recent posts */ .Recent_posts ul li .desc { margin-right: 55px; } .Recent_posts ul li .photo { width: 60px; height: 60px; } .Recent_posts ul li.format-link .photo { background-size: 40% auto; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } /* Tabs */ .tabs_vertical.ui-tabs .ui-tabs-nav { width: 33% !important; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 66.7% !important; } /* Counter */ .one-fourth .counter.counter_horizontal,.one-fifth .counter.counter_horizontal,.one-sixth .counter.counter_horizontal { text-align: center; } .one-fourth .counter.counter_horizontal .icon_wrapper,.one-fifth .counter.counter_horizontal .icon_wrapper,.one-sixth .counter.counter_horizontal .icon_wrapper { position: static; margin: 0 auto; margin-bottom: 15px; } .one-fourth .counter.counter_horizontal .desc_wrapper,.one-fifth .counter.counter_horizontal .desc_wrapper,.one-sixth .counter.counter_horizontal .desc_wrapper { padding-left: 0; } /* Article box */ .one-third .article_box .photo_wrapper { width: 100%; float: none; text-align: center; } .one-third .article_box .desc_wrapper { width: 100%; min-height: auto; float: none; } /* Pricing table */ .pricing-box .plan-header h2 { word-wrap: break-word; } .pricing-box .plan-header .price sup.period { position: static; top: 0; display: block; } /* Infobox */ .infobox { padding-left: 20px; word-wrap: break-word; } .infobox ul li { padding-left: 0; padding-right: 0; } .infobox ul li:before { display: none; } /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 1; } .portfolio-photo .portfolio-item .portfolio-details .more { display: none; } /* Get in touch */ .get_in_touch { padding-left: 20px; word-wrap: break-word; } .get_in_touch ul li { padding-left: 0; padding-right: 0; } .get_in_touch ul li .icon { display: none; } /* Hover color */ .hover_color { word-wrap: break-word; } /* How it works */ .how_it_works .image { width: 120px; height: 120px; line-height: 120px; } .how_it_works .image img { max-width: 66px !important; max-height: 66px !important; } .how_it_works .image .number { bottom: 0; right: 0; } .how_it_works.has_border:after { top: 60px; } /* Opening Hours */ .opening_hours { padding-left: 20px; word-wrap: break-word; } .opening_hours .opening_hours_wrapper li span { font-size: 16px; line-height: 16px; } /* Icon box */ .icon_box.icon_position_left { min-height: auto; padding-left: 0; padding-right: 0; } .icon_box.icon_position_left .icon_wrapper { position: static; margin-bottom: 15px; } .icon_box.icon_position_left .desc_wrapper { text-align: center; padding-top: 0; } .icon_box.icon_position_left .image_wrapper { position: static; left: 0; margin-bottom: 15px; width: auto; height: auto; } /* Flat box */ .flat_box .photo_wrapper .icon { width: 50px; } .flat_box .photo_wrapper .icon i { height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; } .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .flat_box .desc_wrapper { margin-left: 50px; } /* Offer thumb */ .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } /* Trailer box */ .trailer_box .desc h2 { font-size: 22px; line-height: 22px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 324px; } .offer .offer_li .desc_wrapper-4 { width: 300px; } /* Error 404 */ #Error_404 { position: static; padding-top: 50px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 260px; line-height: 260px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } /* Buttons */ a.kill_the_icon .button_icon,.widget-area a.button .button_icon { display: none; } } @media (max-width:768px) { body { min-width: 0; } #Wrapper { width: 768px; } .section_wrapper,.container,.with_aside .content_wrapper { width: 708px; } /* ======================================================= */ /* Header magazine */ .header-magazine #Top_bar .banner_wrapper { width: 300px; top: 27px; } .hide-tablet { display: none !important; } a.kill_the_icon .button_icon { display: none; } /* Top bar width */ #Top_bar .top_bar_left { width: 501px; } /* .footer-sliding */ .footer-fixed #Content,.footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer,.footer-sliding #Footer { position: static; } /* Subheader */ #Subheader .title { width: 30%; } #Subheader ul.breadcrumbs { display: block; width: 70%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } /* Blog */ .with_aside .classic .post-meta .author-date .author span { display: none; } .with_aside .classic .post-meta .category { display: none; } /* Masonry */ .masonry .post-item { width: 47.9%; } /* Timeline */ .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } /* Filters */ #Filters .filters_wrapper ul li { float: left; width: 24%; margin: .5%; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width:97%; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 694px; margin-left: -347px; } /* Recent posts */ .Recent_posts ul li.format-link .photo { background-size: 40% auto; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } /* Tabs */ .tabs_vertical.ui-tabs .ui-tabs-nav { width: 33% !important; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 66.7% !important; } /* Counter */ .one-fourth .counter.counter_horizontal,.one-fifth .counter.counter_horizontal,.one-sixth .counter.counter_horizontal { text-align: center; } .one-fourth .counter.counter_horizontal .icon_wrapper,.one-fifth .counter.counter_horizontal .icon_wrapper,.one-sixth .counter.counter_horizontal .icon_wrapper { position: static; margin: 0 auto; margin-bottom: 15px; } .one-fourth .counter.counter_horizontal .desc_wrapper,.one-fifth .counter.counter_horizontal .desc_wrapper,.one-sixth .counter.counter_horizontal .desc_wrapper { padding-left: 0; } /* Article box */ .one-third .article_box .photo_wrapper { width: 100%; float: none; text-align: center; } .one-third .article_box .desc_wrapper { width: 100%; min-height: auto; float: none; } /* Pricing table */ .pricing-box .plan-header h2 { word-wrap: break-word; } .pricing-box .plan-header .price sup.period { position: static; top: 0; display: block; } /* Infobox */ .infobox { padding-left: 20px; word-wrap: break-word; } .infobox ul li { padding-left: 0; padding-right: 0; } .infobox ul li:before { display: none; } /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 1; } .portfolio-photo .portfolio-item .portfolio-details .more { display: none; } /* Get in touch */ .get_in_touch { padding-left: 20px; word-wrap: break-word; } .get_in_touch ul li { padding-left: 0; padding-right: 0; } .get_in_touch ul li .icon { display: none; } /* Hover color */ .hover_color { word-wrap: break-word; } /* How it works */ .how_it_works .image { width: 120px; height: 120px; line-height: 120px; } .how_it_works .image img { max-width: 66px !important; max-height: 66px !important; } .how_it_works .image .number { bottom: 0; right: 0; } .how_it_works.has_border:after { top: 60px; } /* Opening Hours */ .opening_hours { padding-left: 20px; word-wrap: break-word; } .opening_hours .opening_hours_wrapper li span { font-size: 16px; line-height: 16px; } /* Icon box */ .icon_box.icon_position_left { min-height: auto; padding-left: 0; padding-right: 0; } .icon_box.icon_position_left .icon_wrapper { position: static; margin-bottom: 15px; } .icon_box.icon_position_left .desc_wrapper { text-align: center; padding-top: 0; } .icon_box.icon_position_left .image_wrapper { position: static; left: 0; margin-bottom: 15px; width: auto; height: auto; } /* Flat box */ .flat_box .photo_wrapper .icon { width: 50px; } .flat_box .photo_wrapper .icon i { height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; } .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .flat_box .desc_wrapper { margin-left: 50px; } /* Offer thumb */ .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } /* Trailer box */ .trailer_box .desc h2 { font-size: 22px; line-height: 22px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 324px; } .offer .offer_li .desc_wrapper-4 { width: 300px; } /* Error 404 */ #Error_404 { position: static; padding-top: 50px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 260px; line-height: 260px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } /* Buttons */ a.kill_the_icon .button_icon,.widget-area a.button .button_icon { display: none; } } /* #Tablet (Portrait) & Mobile - COMMON < 768 * ===================================================================================================== */ @media only screen and (max-width: 767px) { body { min-width: 0; } #Wrapper { width: 300px; } .section_wrapper .column,.container .column,.sections_group,.four.columns { margin: 0; width: 100% !important; clear: both; } .aside_both .sections_group { margin: 0 auto !important; } .section_wrapper,.container,.four.columns { width: 260px !important; } .left-sidebar .items_group,.right-sidebar .items_group,.with_aside .content_wrapper { width: 100%; } .section_wrapper .column { margin: 0 0 20px; } .four.columns { float: none !important; margin: 0 auto !important; } /* ======================================================= */ .hide-mobile { display: none !important; } /* .section */ .section { background-attachment: scroll !important; height: auto !important; } /* Header */ #Top_bar,#Action_bar { background: #fff !important; position: static; } #Top_bar .top_bar_left { float: none; width: 100% !important; margin-top: 10px; background: none !important; } .header-simple #Top_bar .top_bar_left { top: 0 !important; } #Top_bar .top_bar_right { float: none; top: 0; height: 60px; padding: 0 10px; margin-top: 10px; } #Top_bar .top_bar_right .top_bar_right_wrapper { float: right; } #Top_bar .top_bar_right:before { display: none; } #Top_bar a#header_cart { top: 20px; } #Top_bar a#search_button { top: 20px; } #Top_bar a.button.action_button { top: 9px; } #Top_bar .wpml-languages { top: 11px; } #Header a.responsive-menu-toggle { position: absolute !important; top: 20px !important; right: 5px !important; z-index: 10; margin: 0; } #Header a.responsive-menu-toggle.is-sticky { position: fixed !important; top: 10px !important; left: 10px !important; z-index: 30; } #Header #menu { position: static; float: left; width: 100%; } #Top_bar .logo { position: static; float: none; width: 100%; text-align: center; margin: 0; } #Top_bar .logo #logo { padding: 5px 42px 15px; } #Top_bar .logo #logo img { /* height: auto !important;*/ max-width: 100%; width: 76px; } #Top_bar .search_wrapper { top: 0px; } #Action_bar .contact_details li,#Action_bar .social { padding: 0 !important; } #Action_bar .contact_details { float: none; text-align: center; padding: 5px 0; } #Action_bar .contact_details li { color: #000; padding: 0; } #Action_bar .contact_details li.slogan { display: none; } #Action_bar .social { float: none; text-align: center; padding: 5px 0 0; margin-top:14px; margin-bottom: 14px; display: none; } #Action_bar .social li { margin-right: 5px; } #Action_bar .social li a { color: rgba(0,0,0,.3); } #Action_bar .social li a:hover { color: rgba(0,0,0,.8); } #Action_bar .social-menu { float: none; text-align: center; padding: 5px 0 0; } /* Header below */ body.header-below:not(.template-slider) #Header { padding-top: 0; } /* Stack header */ .header-stack #Top_bar .logo { padding: 0; text-align: center !important; } .header-stack #Top_bar .secondary_menu_wrapper { display: none; } .header-stack #Top_bar .top_bar_right { position: static; } /* Header Creative */ #Header_creative { position: static; } #Header_creative #Top_bar .responsive-menu-toggle { top: 20px; } #Header_creative #Top_bar .top_bar_left { margin-top: 0; padding-top: 10px; overflow: hidden; } #Header_creative #Top_bar .logo #logo { padding: 5px 42px 15px; } #Header_creative #Top_bar .logo #logo img { max-height: 50px; } #Header_creative #Top_bar #menu { position: static; width: 100%; } /* Subheader */ body:not(.template-slider):not(.header-simple) #Header { min-height: 350px; background-position: center center; } #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: block; width: 100%; margin: 20px 0 0; font-size: 1em !important; float: left; text-align: left; } /* Minimalist Header */ body.minimalist-header.header-classic:not(.template-slider) #Header { min-height: 0; } body.minimalist-header.header-creative:not(.template-slider) #Header { min-height: 0; } body.minimalist-header.header-simple:not(.template-slider) #Header { min-height: 90px; } body.minimalist-header.header-transparent #Header { min-height: 0 !important; } /* Header Magazine */ .header-magazine #Top_bar .banner_wrapper { width: 100%; height: auto; text-align: center; position: static; margin-bottom: 20px; } /* Popup contact */ #popup_contact { display: none; } /* .footer-sliding */ .footer-fixed #Content,.footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer,.footer-sliding #Footer { position: static; } /* Widget */ .widget-area { min-height: 0 !important; } /* Blog */ /* Classic */ .classic .post-photo-wrapper { width: 100%; float: none; } .classic .post-desc-wrapper { width: 100%; float: none; } .classic .post-meta .author-date .author span { display: none; } .classic .post-meta .category { display: none; } .classic .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .classic .post-desc-wrapper .post-desc { padding: 15px 0 0; } /* Timeline */ .timeline .post-item { padding-left: 0; background: none; } .timeline .post-item:before { display: none; } .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } .timeline .post-item .date_label { display: inline-block; position: static; margin-bottom: 10px; } .timeline .post-meta .category { display: none; } .timeline .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .timeline .post-desc-wrapper .post-desc { padding: 15px 0 0; } /* Masonry */ .masonry .post-item { width: 98%; } /* Blog single */ .single-post .format-image .single-photo-wrapper .image_frame { display: block; } .single-post .format-link .single-photo-wrapper,.single-post .format-quote .single-photo-wrapper { display: none; } /* Post header */ .post-header .button-love { width: 69px; } .post-header .title_wrapper { margin-left: 69px; padding-left: 20px; } .post-header .title_wrapper h1 { font-size: 27px; line-height: 27px; } .post-header .post-meta .category { display: none; } /* Single photo wrapper */ .single-photo-wrapper .share_wrapper { display: none; } .single-photo-wrapper .image_frame { margin-left: 0; } /* Post nav */ .post-nav { padding: 10px 10px 4px 90px; } /* Project decription */ .project-description li,.project-description li.one-third { width: 100%; border-width: 0 0 1px; } .project-description li:last-child { border-bottom: 0; } /* Portfolio grid */ ul.portfolio_grid li { width: 100% !important; float: left; } /* Fixed nav */ .fixed-nav { display: none !important; } /* Filters */ .blog #Filters { margin-bottom: 0; } #Filters .filters_wrapper ul li { float: left; width: 49%; margin: .5%; } /* Portfolio */ .portfolio_group .portfolio-item { width: 100% !important; float: none; } .portfolio_group .portfolio-item .list_style_header { padding-right: 0; min-height: inherit; } .portfolio_group .portfolio-item .list_style_header h3 { margin: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { display: none; } .portfolio_group .portfolio-item .desc .desc-wrapper { margin-right: 0; } .portfolio_group .portfolio-item .desc .details-wrapper { float: none; width: 100%; padding-left: 0; border-left-width: 0; border-bottom-width: 1px; padding-bottom: 15px; margin-bottom: 15px; } .portfolio_group.list .portfolio-item .desc { padding-top: 10px; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-image: none !important; padding-bottom: 0; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 380px; } /* Sidebar */ .widget-area { border: 0 !important; padding: 0 !important; margin: 0 37px 0px 30px !important; } .widget-area:after,.widget-area:before { display: none; } .widget:after { width: 100%; } /* Divider */ .hr_full hr,.aside_left .hr_full hr,.aside_right .hr_full hr { position: absolute; left: -1000px; top: 0; width: 3000px; } /* How it works */ .how_it_works .image,.with_aside .how_it_works .image { width: 200px; height: 200px; line-height: 200px; } .how_it_works .image img { max-width: 116px !important; max-height: 116px !important; } .how_it_works .image .number,.with_aside .how_it_works .image .number { bottom: 10px; right: 10px; } .how_it_works.has_border:after { display: none; } /* Pricing table */ .pricing-box-label .plan-header,.pricing-box-label .plan-footer { display: none; } .pricing-box-label ul li { text-align: center !important; } /* Offer slider */ .offer .offer_li .image_wrapper { width: 100%; float: none; margin-bottom: 15px; overflow: hidden; } .offer .offer_li .desc_wrapper { width: 100%; float: none; clear: both; margin: 0; } .offer .offer_li .desc_wrapper .title { padding-right: 0; margin-bottom: 15px; } .offer .offer_li .desc_wrapper .title h3 { margin-bottom: 15px; font-size: 27px; line-height: 27px; } .offer .offer_li .desc_wrapper .title a.button { position: relative; } .offer a.slider_prev { left: 20px; top: 20px; margin: 0; } .offer .slider_pagination { left: 20px; top: 65px; margin: 0; } .offer a.slider_next { left: 20px; top: 111px; margin: 0; } /* Offer thumb */ .offer_thumb { padding-left: 0; } .offer_thumb_ul li.offer_thumb_li { padding-left: 0; } .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title { padding-right: 0; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { margin-bottom: 15px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button { position: relative; } .offer_thumb .slider_pagination { margin-top: 20px; line-height: inherit; } /* Call to action */ .call_to_action .call_left,.call_to_action .call_center,.call_to_action .call_right { display: block; width: 100%; } .call_to_action .call_left { margin-bottom: 20px; } .call_to_action .call_center { margin-bottom: 20px; } .call_to_action .call_right { margin-bottom: 0; text-align: center; } /* Timeline */ .timeline_items { background-position: 91px top; } .timeline_items li { padding: 0 0 25px 150px !important; background: url(../images/timeline_right.png) no-repeat !important; background-position: 50px top !important; width: auto; } .timeline_items li h3 span { left: 0 !important; right: auto; } .timeline_items li h3,.timeline_items li:nth-child(even) h3 { text-align: left; } .timeline_items li h3:before { left: 93px; } .timeline_items li .desc,.timeline_items li:nth-child(even) .desc { text-align: left; } .timeline_items li .desc:before { display: none; } .timeline_items:after { left: 93px; } /* Testimonials list */ .testimonials_list .item { margin-bottom: 30px; } .testimonials_list .item .photo { width: 100%; float: none; margin-bottom: 10px; } .testimonials_list .item .desc { width: 100%; float: none; margin-bottom: 0; } /* Promo box */ .promo_box.has_border:after { display: none; } .promo_box_wrapper { overflow: visible; } .promo_box_wrapper .photo_wrapper { width: 100%; float: none; line-height: 0; margin-bottom: 15px; } .promo_box_wrapper .desc_wrapper { width: 100%; margin: 0 !important; float: none; padding-top: 0; } /* Clients */ ul.clients:not(.clients_slider_ul) li { width: 50% !important; } /* Fancy headings */ .fancy_heading h2 { font-size: 30px; line-height: 30px; } /* Icon box */ .icon_box.has_border:after { display: none; } /* Image Frame */ .image_frame { margin-top: 0 !important; } /* Content block */ .content_slider,.content_slider.flat { padding: 0 65px 32px; } .content_slider a.slider_prev,.content_slider.flat a.slider_prev { left: 0; } .content_slider a.slider_next,.content_slider.flat a.slider_next { right: 0; } /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details .details { display: none; } .portfolio-photo .portfolio-item .portfolio-details .more { opacity: 1; } /* Tabs */ .ui-tabs .ui-tabs-nav { background: none; } .ui-tabs .ui-tabs-nav li { float: none !important; width: 100% !important; border-width: 0 0 1px; } .ui-tabs .ui-tabs-nav li:last-child { border-bottom: 0; } .ui-tabs .ui-tabs-nav li a { text-align: center; } .ui-tabs .ui-tabs-nav li a { background-image: url(../images/bg_panel.png); background-repeat: repeat-x; background-position: left top; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-active a { background-image: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after { display: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none; } /* Google maps */ .column_map .google-map-contact-wrapper { position: static; margin: 0; width: 100%; height: auto; } .column_map .google-map-contact-wrapper .get_in_touch { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Features lists */ .feature_list ul li { width: 100%; float: none; border-bottom: 1px solid rgba(255,255,255,0.15); } .feature_list hr { display: none; } /* Error 404 */ #Error_404 { position: static; padding-top: 20px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 160px; line-height: 160px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } #Error_404 .error_desk h2 { font-size: 30px; line-height: 30px; } #Error_404 .error_desk h4 { font-size: 19px; line-height: 25px; } #Error_404 .error_desk p .check { line-height: 22px; font-size: 16px; margin-bottom: 15px; display: block; } /* Footer */ #Footer .footer_copy { text-align: center; } #Footer .footer_copy .copyright { float: none; margin: 0 0 10px; } #Footer .footer_copy a#back_to_top { float: none; margin: 0 0 10px; } #Footer .footer_copy .social { float: none; margin: 0; } #Footer .footer_copy .social-menu { float: none; margin: 0; } /* WordPress Admin Bar */ html #wpadminbar { z-index: 9999 !important; position: fixed; } } /* #Tablet (Portrait) & #Mobile (Landscape) 480 - 767 * ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { #Wrapper { width: 420px; } .section_wrapper,.container,.four.columns { width: calc( 100% - 67px ) !important; } .with_aside .content_wrapper { width: 100%; } /* ======================================================= */ /* Respond */ #respond .comment-form-author { width: 100%; margin-right: 0; float: none; } #respond .comment-form-email { width: 100%; margin-right: 0; float: none; } #respond .comment-form-url { width: 100%; float: none; } #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #comments .commentlist .children { margin-left: 0; padding-left: 30px; } #respond .required { right: 15px; } } @media (max-width:736px) { .news-4-fix-2 .one.column p { width: 380px; } } /* #Mobile (Portrait) < 480 ===================================================================================================== */ @media only screen and (max-width: 479px) { #Top_bar a.button.action_button { margin-right: 0; } /* Post nav */ .post-nav { padding: 10px 10px 4px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 80%; } /* Filters */ #Filters .filters_buttons li { margin-right: 10px; } #Filters .filters_buttons li.label { display: none; } #Filters .filters_buttons li i.icon-docs,#Filters .filters_buttons li i.icon-tag { display: none; } /* Team */ .team.team_horizontal .image_frame { width: 100%; margin: 0 0 15px; float: none; } .team.team_horizontal .desc_wrapper { width: 100%; float: none; } /* Timeline */ .timeline_items { background-position: 21px top; } .timeline_items li { padding: 0 0 25px 80px !important; background-position: -20px top !important; } .timeline_items li h3 span { display: block; position: relative; margin-bottom: 20px; clear: both; } .timeline_items li h3:before { left: 24px; } .timeline_items:after { left: 23px; } /* Testimonials slider */ .testimonials_slider a.slider_prev { display: none !important; } .testimonials_slider a.slider_next { display: none !important; } .testimonials_slider .testimonials_slider_ul li { padding: 0; } /* Respond */ #respond .comment-form-author { width: 99%; margin-right: 0; float: none; } #respond .comment-form-email { width: 99%; margin-right: 0; float: none; } #respond .comment-form-url { width: 99%; float: none; } #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #comments .commentlist .children { margin-left: 0; padding-left: 30px; } #respond .required { right: 11px; } } @media only screen and (max-width: 767px) and (min-width: 480px){ #Content .gallery:not(.gallery-columns-1) .gallery-item { width: 50%; } } .footer-icon-size-30 { font-size: 30px; } @media (max-width:480px) { #Subheader-5 { background-color: rgba(0,0,0,.02); background-position: center top; background-repeat: no-repeat; padding: 30px 0; position: relative; margin-top: 0px; } } @media (max-width:425px) { .ui-tabs .ui-tabs-nav li a { width: 320px; margin: 0; padding:0; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 100% !important; } .section_wrapper,.container,.four.columns { width: 360px !important; } .fancy_heading h2 { font-size: 26px; line-height: 26px; } #Wrapper { width: 100%; } body:not(.template-slider):not(.header-simple) #Header { min-height: 160px; background-position: center center; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 94%; } #Subheader-5 .title { margin-bottom: 0; width: 20%; float: left; } #Subheader-5 ul.breadcrumbs { display: block; width: 100%; margin: 10px 0 0 0; font-size: 1em !important; float: left; text-align: left; clear: both; } } @media (max-width:375px) { .section_wrapper,.container,.four.columns { width: 330px !important; } .fancy_heading h2 { font-size: 24px; line-height: 24px; } #Wrapper { width: 375px; } .ui-tabs .ui-tabs-nav li a { width: 285px; margin: 0; padding:0; } } @media (max-width:360px) { /* body:not(.template-slider):not(.header-simple) #Header { min-height: 344px; background-position: center center; }*/ .section_wrapper,.container,.four.columns { width: 315px !important; } #Wrapper { width: 360px; } .ui-tabs .ui-tabs-nav li a { width: 270px; margin: 0; padding:0; } } @media (max-width:320px) { .ui-tabs .ui-tabs-nav li a { width: 205px; margin: 0; padding:0; } .section_wrapper,.container,.four.columns { width: 250px !important; } .fancy_heading h2 { font-size: 19px; line-height: 19px; } #Wrapper { width: 320px; } /*body:not(.template-slider):not(.header-simple) #Header { min-height: 350px; background-position: center center; }*/ } /* |------------------------------------------------------------------------ | Be | Specific style | http://BeantownThemes.com | http://themeforest.net/user/BeantownThemes |------------------------------------------------------------------------- | 1.0 woocommerce-elements | 2.0 woocommerce-layout | 3.0 Demo Styles | */ /* |-------------------------------------------------------------------------- | 1.0 woocommerce | |-------------------------------------------------------------------------- | | | */ @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @font-face { font-family: star; src: url(fonts/star.eot); src: url(fonts/star.eot?#iefix) format("embedded-opentype"),url(fonts/star.woff) format("woff"),url(fonts/star.ttf) format("truetype"),url(fonts/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: WooCommerce; src: url(fonts/WooCommerce.eot); src: url(fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(fonts/WooCommerce.woff) format("woff"),url(fonts/WooCommerce.ttf) format("truetype"),url(fonts/WooCommerce.svg#WooCommerce) format("svg"); font-weight: 400; font-style: normal; } p.demo_store { position: fixed; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #a46497; color: #fff; z-index: 99998; box-shadow: 0 1px 1em rgba(0,0,0,.2); } .admin-bar p.demo_store { top: 32px; } .clear { clear: both; } .woocommerce .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before { height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; display: block; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; content: ""; background: url(../img/icons/loader.svg) center center/cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0,0,0,.75); } .woocommerce a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red !important; text-decoration: none; font-weight: 700; border: 0; } .woocommerce a.remove:hover { color: #fff !important; background: red; } .woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message { padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7; color: #515151; border-top: 3px solid #a46497; list-style: none !important; width: auto; } .woocommerce .woocommerce-error:after,.woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:after,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:after,.woocommerce .woocommerce-message:before { content: " "; display: table; } .woocommerce .woocommerce-error:after,.woocommerce .woocommerce-info:after,.woocommerce .woocommerce-message:after { clear: both; } .woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before { font-family: WooCommerce; content: "\e028"; display: inline-block; position: absolute; top: 1em; left: 1.5em; } .woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button { float: right; } .woocommerce .woocommerce-error li,.woocommerce .woocommerce-info li,.woocommerce .woocommerce-message li { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } .woocommerce .woocommerce-message { border-top-color: #8fae1b; } .woocommerce .woocommerce-message:before { content: "\e015"; color: #8fae1b; } .woocommerce .woocommerce-info { border-top-color: #1e85be; } .woocommerce .woocommerce-info:before { color: #1e85be; } .woocommerce .woocommerce-error { border-top-color: #b81c23; } .woocommerce .woocommerce-error:before { content: "\e016"; color: #b81c23; } .woocommerce small.note { display: block; color: #777; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: .92em; color: #777; } .woocommerce .woocommerce-breadcrumb:after,.woocommerce .woocommerce-breadcrumb:before { content: " "; display: table; } .woocommerce .woocommerce-breadcrumb:after { clear: both; } .woocommerce .woocommerce-breadcrumb a { color: #777; } .woocommerce .quantity .qty { width: 3.631em; text-align: center; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .product_title { clear: none; margin-top: 0; padding: 0; } .woocommerce div.product p.price,.woocommerce div.product span.price { color: #77a464; font-size: 1.25em; } .woocommerce div.product p.price ins,.woocommerce div.product span.price ins { background: inherit; font-weight: 700; } .woocommerce div.product p.price del,.woocommerce div.product span.price del { opacity: .5; display: block; } .woocommerce div.product p.stock { font-size: .92em; } .woocommerce div.product .stock { color: #77a464; } .woocommerce div.product .out-of-stock { color: red; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 1.618em; } .woocommerce div.product div.images { margin-bottom: 2em; } .woocommerce div.product div.images img { display: block; width: 100%; height: auto; box-shadow: none; } .woocommerce div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.summary { margin-bottom: 2em; } .woocommerce div.product div.social { text-align: right; margin: 0 0 1em; } .woocommerce div.product div.social span { margin: 0 0 0 2px; } .woocommerce div.product div.social span span { margin: 0; } .woocommerce div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } .woocommerce div.product div.social iframe { float: left; margin-top: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #d3ced2; background-color: #ebe9eb; display: inline-block; position: relative; z-index: 0; border-radius: 4px 4px 0 0; margin: 0 -5px; padding: 0 1em; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: .5em 0; font-weight: 700; color: #515151; text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #6b6b6b; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff; z-index: 2; border-bottom-color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: inherit; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after,.woocommerce div.product .woocommerce-tabs ul.tabs li:before { border: 1px solid #d3ced2; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { left: -6px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ebe9eb; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after { right: -6px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ebe9eb; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d3ced2; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce div.product p.cart { margin-bottom: 2em; } .woocommerce div.product p.cart:after,.woocommerce div.product p.cart:before { content: " "; display: table; } .woocommerce div.product p.cart:after { clear: both; } .woocommerce div.product form.cart { margin-bottom: 2em; } .woocommerce div.product form.cart:after,.woocommerce div.product form.cart:before { content: " "; display: table; } .woocommerce div.product form.cart:after { clear: both; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 4px 0 0; } .woocommerce div.product form.cart table { border-width: 0 0 1px; } .woocommerce div.product form.cart table td { padding-left: 0; } .woocommerce div.product form.cart table div.quantity { float: none; margin: 0; } .woocommerce div.product form.cart table small.stock { display: block; float: none; } .woocommerce div.product form.cart .variations { margin-bottom: 1em; border: 0; } .woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th { border: 0; } .woocommerce div.product form.cart .variations label { font-weight: 700; } .woocommerce div.product form.cart .variations select { width: 100%; float: left; } .woocommerce div.product form.cart .variations td.label { padding-right: 1em; } .woocommerce div.product form.cart .variations td { vertical-align: top; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart .group_table td.label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product form.cart .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } .woocommerce span.onsale { min-height: 3.236em; min-width: 3.236em; padding: .202em; font-weight: 700; position: absolute; text-align: center; line-height: 3.236; top: -.5em; left: -.5em; margin: 0; border-radius: 100%; background-color: #77a464; color: #fff; font-size: .857em; -webkit-font-smoothing: antialiased; } .woocommerce .products ul,.woocommerce ul.products { margin: 0 0 1em; padding: 0; list-style: none; clear: both; } .woocommerce .products ul:after,.woocommerce .products ul:before,.woocommerce ul.products:after,.woocommerce ul.products:before { content: " "; display: table; } .woocommerce .products ul:after,.woocommerce ul.products:after { clear: both; } .woocommerce .products ul li,.woocommerce ul.products li { list-style: none; } .woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: -.5em -.5em 0 0; } .woocommerce ul.products li.product h3 { padding: .5em 0; margin: 0; font-size: 1em; } .woocommerce ul.products li.product a { text-decoration: none; } .woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0 0 1em; box-shadow: none; } .woocommerce ul.products li.product strong { display: block; } .woocommerce ul.products li.product .star-rating { font-size: .857em; } .woocommerce ul.products li.product .button { margin-top: 1em; } .woocommerce ul.products li.product .price { color: #77a464; display: block; font-weight: 400; margin-bottom: .5em; font-size: .857em; } .woocommerce ul.products li.product .price del { color: inherit; opacity: .5; display: block; } .woocommerce ul.products li.product .price ins { background: 0 0; font-weight: 700; } .woocommerce ul.products li.product .price .from { font-size: .67em; margin: -2px 0 0; text-transform: uppercase; color: rgba(132,132,132,.5); } .woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count { margin: 0 0 1em; } .woocommerce .woocommerce-ordering select { vertical-align: top; } .woocommerce nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #d3ced2; border-right: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid #d3ced2; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; line-height: 1; font-size: 1em; font-weight: 400; padding: .5em; min-width: 1em; display: block; } .woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current { background: #ebe9eb; color: #8a7e88; } .woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #ebe9eb; border: 0; white-space: nowrap; display: inline-block; background-image: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; } .woocommerce #respond input#submit.loading,.woocommerce a.button.loading,.woocommerce button.button.loading,.woocommerce input.button.loading { opacity: .25; padding-right: 2.618em; } .woocommerce #respond input#submit.loading:after,.woocommerce a.button.loading:after,.woocommerce button.button.loading:after,.woocommerce input.button.loading:after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: absolute; top: .618em; right: 1em; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .woocommerce #respond input#submit.added:after,.woocommerce a.button.added:after,.woocommerce button.button.added:after,.woocommerce input.button.added:after { font-family: WooCommerce; content: "\e017"; margin-left: .53em; vertical-align: bottom; } .woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover { background-color: #dad8da; text-decoration: none; background-image: none; color: #515151; } .woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt { background-color: #a46497; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover { background-color: #935386; color: #fff; } .woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover { background-color: #a46497; color: #fff; } .woocommerce #respond input#submit.disabled,.woocommerce #respond input#submit:disabled,.woocommerce #respond input#submit:disabled[disabled],.woocommerce a.button.disabled,.woocommerce a.button:disabled,.woocommerce a.button:disabled[disabled],.woocommerce button.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: .5; } .woocommerce #respond input#submit.disabled:hover,.woocommerce #respond input#submit:disabled:hover,.woocommerce #respond input#submit:disabled[disabled]:hover,.woocommerce a.button.disabled:hover,.woocommerce a.button:disabled:hover,.woocommerce a.button:disabled[disabled]:hover,.woocommerce button.button.disabled:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled]:hover,.woocommerce input.button.disabled:hover,.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover { color: inherit; background-color: #ebe9eb; } .woocommerce .cart .button,.woocommerce .cart input.button { float: none; } .woocommerce a.added_to_cart { padding-top: .5em; white-space: nowrap; display: inline-block; } .woocommerce #reviews h2 small { float: right; color: #777; font-size: 15px; margin: 10px 0 0; } .woocommerce #reviews h2 small a { text-decoration: none; color: #777; } .woocommerce #reviews h3 { margin: 0; } .woocommerce #reviews #respond { margin: 0; border: 0; padding: 0; } .woocommerce #reviews #comment { height: 75px; } .woocommerce #reviews #comments .add_review:after,.woocommerce #reviews #comments .add_review:before { content: " "; display: table; } .woocommerce #reviews #comments .add_review:after { clear: both; } .woocommerce #reviews #comments h2 { clear: none; } .woocommerce #reviews #comments ol.commentlist { margin: 0; width: 100%; background: 0 0; list-style: none; } .woocommerce #reviews #comments ol.commentlist:after,.woocommerce #reviews #comments ol.commentlist:before { content: " "; display: table; } .woocommerce #reviews #comments ol.commentlist:after { clear: both; } .woocommerce #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li .meta { color: #777; font-size: .75em; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #ebe9eb; border: 1px solid #e4e1e3; margin: 0; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #e4e1e3; border-radius: 4px; padding: 1em 1em 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after,.woocommerce #reviews #comments ol.commentlist li .comment-text:before { content: " "; display: table; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after { clear: both; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1em; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: .83em; } .woocommerce #reviews #comments ol.commentlist ul.children { list-style: none; margin: 20px 0 0 50px; } .woocommerce #reviews #comments ol.commentlist ul.children .star-rating { display: none; } .woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid #e4e1e3; border-radius: 4px; padding: 1em 1em 0; margin: 20px 0 0 50px; } .woocommerce #reviews #comments .commentlist>li:before { content: ""; } .woocommerce .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; } .woocommerce .star-rating:before { content: "\73\73\73\73\73"; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .woocommerce .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .woocommerce .woocommerce-product-rating { line-height: 2; display: block; } .woocommerce .woocommerce-product-rating:after,.woocommerce .woocommerce-product-rating:before { content: " "; display: table; } .woocommerce .woocommerce-product-rating:after { clear: both; } .woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0; float: left; } .woocommerce .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .woocommerce .hreview-aggregate .star-rating { margin: 10px 0 0; } .woocommerce #review_form #respond { position: static; margin: 0; width: auto; padding: 0; background: 0 0; border: 0; } .woocommerce #review_form #respond:after,.woocommerce #review_form #respond:before { content: " "; display: table; } .woocommerce #review_form #respond:after { clear: both; } .woocommerce #review_form #respond p { margin: 0 0 10px; } .woocommerce #review_form #respond .form-submit input { left: auto; } .woocommerce #review_form #respond textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .woocommerce p.stars { position: relative; font-size: 1em; } .woocommerce p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0 !important; outline: 0; } .woocommerce p.stars a:last-child { border-right: 0; } .woocommerce p.stars a.star-1,.woocommerce p.stars a.star-2,.woocommerce p.stars a.star-3,.woocommerce p.stars a.star-4,.woocommerce p.stars a.star-5 { border-right: 1px solid #ccc; } .woocommerce p.stars a.star-1:after,.woocommerce p.stars a.star-2:after,.woocommerce p.stars a.star-3:after,.woocommerce p.stars a.star-4:after,.woocommerce p.stars a.star-5:after { font-family: WooCommerce; text-indent: 0; position: absolute; top: 0; left: 0; } .woocommerce p.stars a.star-1 { width: 2em; } .woocommerce p.stars a.star-1:after { content: "\e021"; } .woocommerce p.stars a.star-1.active:after,.woocommerce p.stars a.star-1:hover:after { content: ""; } .woocommerce p.stars a.star-2 { width: 3em; } .woocommerce p.stars a.star-2:after { content: "\e021\e021"; } .woocommerce p.stars a.star-2.active:after,.woocommerce p.stars a.star-2:hover:after { content: ""; } .woocommerce p.stars a.star-3 { width: 4em; } .woocommerce p.stars a.star-3:after { content: "\e021\e021\e021"; } .woocommerce p.stars a.star-3.active:after,.woocommerce p.stars a.star-3:hover:after { content: ""; } .woocommerce p.stars a.star-4 { width: 5em; } .woocommerce p.stars a.star-4:after { content: "\e021\e021\e021\e021"; } .woocommerce p.stars a.star-4.active:after,.woocommerce p.stars a.star-4:hover:after { content: ""; } .woocommerce p.stars a.star-5 { width: 6em; border: 0; } .woocommerce p.stars a.star-5:after { content: "\e021\e021\e021\e021\e021"; } .woocommerce p.stars a.star-5.active:after,.woocommerce p.stars a.star-5:hover:after { content: ""; } .woocommerce table.shop_attributes { border: 0; border-top: 1px dotted rgba(0,0,0,.1); margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; line-height: 1.5; } .woocommerce table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; line-height: 1.5; } .woocommerce table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_attributes .alt td,.woocommerce table.shop_attributes .alt th { background: rgba(0,0,0,.025); } .woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } .woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px; } .woocommerce table.shop_table td { border-top: 1px solid rgba(0,0,0,.1); padding: 6px 12px; vertical-align: middle; } .woocommerce table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table tbody:first-child tr:first-child td,.woocommerce table.shop_table tbody:first-child tr:first-child th { border-top: 0; } .woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th { font-weight: 700; border-top: 1px solid rgba(0,0,0,.1); } .woocommerce table.my_account_orders { font-size: .85em; } .woocommerce table.my_account_orders td,.woocommerce table.my_account_orders th { padding: 4px 8px; vertical-align: middle; } .woocommerce table.my_account_orders .button { white-space: nowrap; } .woocommerce table.my_account_orders .order-actions { text-align: right; } .woocommerce table.my_account_orders .order-actions .button { margin: .125em 0 .125em .25em; } .woocommerce td.product-name dl.variation { margin: .25em 0; } .woocommerce td.product-name dl.variation:after,.woocommerce td.product-name dl.variation:before { content: " "; display: table; } .woocommerce td.product-name dl.variation:after { clear: both; } .woocommerce td.product-name dl.variation dd,.woocommerce td.product-name dl.variation dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce td.product-name dl.variation dt { font-weight: 700; padding: 0 0 .25em; margin: 0 4px 0 0; clear: left; } .woocommerce td.product-name dl.variation dd { padding: 0 0 .25em; } .woocommerce td.product-name dl.variation dd p:last-child { margin-bottom: 0; } .woocommerce td.product-name p.backorder_notification { font-size: .83em; } .woocommerce td.product-quantity { min-width: 80px; } .woocommerce ul.cart_list,.woocommerce ul.product_list_widget { list-style: none; padding: 0; margin: 0; } .woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li { padding: 4px 0; margin: 0; list-style: none; } .woocommerce ul.cart_list li:after,.woocommerce ul.cart_list li:before,.woocommerce ul.product_list_widget li:after,.woocommerce ul.product_list_widget li:before { content: " "; display: table; } .woocommerce ul.cart_list li:after,.woocommerce ul.product_list_widget li:after { clear: both; } .woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 32px; height: auto; box-shadow: none; } .woocommerce ul.cart_list li dl,.woocommerce ul.product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0,0,0,.1); } .woocommerce ul.cart_list li dl:after,.woocommerce ul.cart_list li dl:before,.woocommerce ul.product_list_widget li dl:after,.woocommerce ul.product_list_widget li dl:before { content: " "; display: table; } .woocommerce ul.cart_list li dl:after,.woocommerce ul.product_list_widget li dl:after { clear: both; } .woocommerce ul.cart_list li dl dd,.woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dd,.woocommerce ul.product_list_widget li dl dt { display: inline-block; float: left; margin-bottom: 1em; } .woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 .25em; margin: 0 4px 0 0; clear: left; } .woocommerce ul.cart_list li dl dd,.woocommerce ul.product_list_widget li dl dd { padding: 0 0 .25em; } .woocommerce ul.cart_list li dl dd p:last-child,.woocommerce ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating,.woocommerce ul.product_list_widget li .star-rating { float: none; } .woocommerce .widget_shopping_cart .total,.woocommerce.widget_shopping_cart .total { border-top: 3px double #ebe9eb; padding: 4px 0 0; } .woocommerce .widget_shopping_cart .total strong,.woocommerce.widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .woocommerce .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li { padding-left: 2em; position: relative; padding-top: 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: 0; } .woocommerce .widget_shopping_cart .buttons:after,.woocommerce .widget_shopping_cart .buttons:before,.woocommerce.widget_shopping_cart .buttons:after,.woocommerce.widget_shopping_cart .buttons:before { content: " "; display: table; } .woocommerce .widget_shopping_cart .buttons:after,.woocommerce.widget_shopping_cart .buttons:after { clear: both; } .woocommerce form .form-row { padding: 3px; margin: 0 0 6px; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity .5s .5s ease; -moz-transition: opacity .5s .5s ease; transition: opacity .5s .5s ease; opacity: 0; } .woocommerce form .form-row label { line-height: 2; } .woocommerce form .form-row label.hidden { visibility: hidden; } .woocommerce form .form-row label.inline { display: inline; } .woocommerce form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .required { color: red; font-weight: 700; border: 0; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: 1; } .woocommerce form .form-row textarea { height: 4em; line-height: 1.5; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce form .form-row .select2-container { width: 100%; line-height: 2em; } .woocommerce form .form-row.woocommerce-invalid .select2-container,.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; } .woocommerce form .form-row.woocommerce-validated .select2-container,.woocommerce form .form-row.woocommerce-validated input.input-text,.woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; } .woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal; } .woocommerce form .form-row :-moz-placeholder { line-height: normal; } .woocommerce form .form-row :-ms-input-placeholder { line-height: normal; } .woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register { border: 1px solid #d3ced2; padding: 20px; margin: 2em 0; text-align: left; border-radius: 5px; } .woocommerce ul#shipping_method { list-style: none; margin: 0; padding: 0; } .woocommerce ul#shipping_method li { margin: 0; padding: .25em 0 .25em 22px; text-indent: -22px; list-style: none; } .woocommerce ul#shipping_method .amount { font-weight: 700; } .woocommerce p.woocommerce-shipping-contents { margin: 0; } .woocommerce .order_details { margin: 0 0 1.5em; list-style: none; } .woocommerce .order_details:after,.woocommerce .order_details:before { content: " "; display: table; } .woocommerce .order_details:after { clear: both; } .woocommerce .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: .715em; line-height: 1; border-right: 1px dashed #d3ced2; padding-right: 2em; } .woocommerce .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .woocommerce .order_details li:last-of-type { border: none; } .woocommerce .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none; } .woocommerce .widget_layered_nav ul li { padding: 0 0 1px; list-style: none; } .woocommerce .widget_layered_nav ul li:after,.woocommerce .widget_layered_nav ul li:before { content: " "; display: table; } .woocommerce .widget_layered_nav ul li:after { clear: both; } .woocommerce .widget_layered_nav ul li a,.woocommerce .widget_layered_nav ul li span { padding: 1px 0; text-decoration: none; } .woocommerce .widget_layered_nav ul li.chosen a:before { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; color: #a00; } .woocommerce .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none; overflow: hidden; zoom: 1; } .woocommerce .widget_layered_nav_filters ul li { float: left; padding: 0 1px 1px 0; list-style: none; } .woocommerce .widget_layered_nav_filters ul li a { text-decoration: none; } .woocommerce .widget_layered_nav_filters ul li a:before { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; color: #a00; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 1em; } .woocommerce .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; font-size: .8751em; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1.15em; float: left; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #a46497; border-radius: 1em; cursor: ew-resize; outline: 0; top: -.3em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -.8em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: #a46497; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #602053; border: 0; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: .5em; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce-account .addresses .title:after,.woocommerce-account .addresses .title:before { content: " "; display: table; } .woocommerce-account .addresses .title:after { clear: both; } .woocommerce-account .addresses .title h3 { float: left; } .woocommerce-account .addresses .title .edit { float: right; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads li:before { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: .618em; content: ""; text-decoration: none; } .woocommerce-account ul.digital-downloads li .count { float: right; } .woocommerce-cart table.cart .product-thumbnail { min-width: 32px; } .woocommerce-cart table.cart img { width: 32px; box-shadow: none; } .woocommerce-cart table.cart td,.woocommerce-cart table.cart th { vertical-align: middle; } .woocommerce-cart table.cart td.actions .coupon .input-text { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d3ced2; padding: 6px 6px 5px; margin: 0 4px 0 0; outline: 0; line-height: 1; } .woocommerce-cart table.cart input { margin: 0; vertical-align: middle; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout { padding: 1em 0; } .woocommerce-cart .wc-proceed-to-checkout:after,.woocommerce-cart .wc-proceed-to-checkout:before { content: " "; display: table; } .woocommerce-cart .wc-proceed-to-checkout:after { clear: both; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; margin-bottom: 1em; } .woocommerce-cart .cart-collaterals .shipping_calculator .button { width: 100%; float: none; display: block; } .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: .618em; content: ""; text-decoration: none; } .woocommerce-cart .cart-collaterals .cart_totals p { margin: 0; } .woocommerce-cart .cart-collaterals .cart_totals p small { color: #777; font-size: .83em; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: separate; margin: 0 0 6px; padding: 0; border-left: 0; } .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 25%; } .woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th { vertical-align: top; border-left: 0; border-right: 0; padding: 6px 0; } .woocommerce-cart .cart-collaterals .cart_totals table small { color: #777; } .woocommerce-cart .cart-collaterals .cart_totals table select { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals .discount td { color: #77a464; } .woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 1px solid #ebe9eb; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { margin-top: 0; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: left; clear: none; } .woocommerce-checkout .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .notes { clear: left; } .woocommerce-checkout .checkout .create-account small { font-size: 11px; color: #777; font-weight: 400; } .woocommerce-checkout .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .woocommerce-checkout .checkout .shipping_address { clear: both; } .woocommerce-checkout #payment { background: #ebe9eb; border-radius: 5px; } .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #d3ced2; margin: 0; list-style: none; } .woocommerce-checkout #payment ul.payment_methods:after,.woocommerce-checkout #payment ul.payment_methods:before { content: " "; display: table; } .woocommerce-checkout #payment ul.payment_methods:after { clear: both; } .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; } .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 1em 0 0; } .woocommerce-checkout #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none; } .woocommerce-checkout #payment ul.payment_methods li img+img { margin-left: 2px; } .woocommerce-checkout #payment div.form-row { padding: 1em; } .woocommerce-checkout #payment div.payment_box { position: relative; width: 96%; padding: 1em 2%; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; background-color: #dfdcde; color: #515151; } .woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea { border-color: #bbb3b9 #c7c1c6 #c7c1c6; } .woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: #bbb3b9; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number { font-size: 1.5em; padding: 8px; background-repeat: no-repeat; background-position: right; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa { background-image: url(../img/icons/credit-cards/visa.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard { background-image: url(../img/icons/credit-cards/mastercard.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser { background-image: url(../img/icons/credit-cards/laser.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url(../img/icons/credit-cards/diners.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro { background-image: url(../img/icons/credit-cards/maestro.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb { background-image: url(../img/icons/credit-cards/jcb.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex { background-image: url(../img/icons/credit-cards/amex.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover { background-image: url(../img/icons/credit-cards/discover.png); } .woocommerce-checkout #payment div.payment_box span.help { font-size: .857em; color: #777; font-weight: 400; } .woocommerce-checkout #payment div.payment_box .form-row { margin: 0 0 1em; } .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box:after { content: ""; display: block; border: 8px solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: .83em; } .woocommerce-checkout #payment .payment_method_paypal img { max-height: 52px; vertical-align: middle; } #content.twentyeleven .woocommerce-pagination a { font-size: 1em; line-height: 1; } .single-product .twentythirteen #reply-title,.single-product .twentythirteen #respond #commentform,.single-product .twentythirteen .entry-summary { padding: 0; } .single-product .twentythirteen p.stars { clear: both; } .twentythirteen .woocommerce-breadcrumb { padding-top: 40px; } .twentyfourteen ul.products li.product { margin-top: 0 !important; } /* WooCommerce Styles */ /* Global */ .woocommerce table th { font-size: 100%; } .woocommerce .alert a.button { display: none; } .payment_methods li { list-style: none !important; } /* Buttons */ .woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce input[type="submit"],.woocommerce input[type="reset"],.woocommerce input[type="button"],.woocommerce table.cart td.actions input.checkout-button,.woocommerce .shipping_calculator .shipping-calculator-form p button.button,.woocommerce div.product form.cart .button,.woocommerce .widget_shopping_cart .buttons a.checkout,.woocommerce #payment #place_order,.woocommerce .quantity input.plus,.woocommerce .quantity input.minus { display: inline-block; line-height: inherit; padding: 0; margin-bottom: 15px; cursor: pointer; margin-right: 7px; border: 0; font-weight: 400 !important; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); background-image: url(../img/box_shadow_button.png); background-repeat: repeat-x; text-shadow: 0 0 0 rgba(255,255,255,0) !important; } .woocommerce button,.woocommerce a.checkout-button,.woocommerce input[type="submit"],.woocommerce input[type="reset"],.woocommerce input[type="button"] { padding: 11px 20px !important; } .woocommerce a:hover.button,.woocommerce-page a:hover.button,.woocommerce button:hover.button,.woocommerce-page button:hover.button,.woocommerce input:hover.button,.woocommerce-page input:hover.button,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input:hover.button,.woocommerce-page #content input:hover.button,.woocommerce input[type="submit"]:hover,.woocommerce input[type="reset"]:hover,.woocommerce input[type="button"]:hover,.woocommerce table.cart td.actions input:hover.checkout-button,.woocommerce .shipping_calculator .shipping-calculator-form p button:hover.button,.woocommerce div.product form.cart .button:hover,.woocommerce .widget_shopping_cart .buttons a:hover.checkout,.woocommerce #payment #place_order:hover,.woocommerce .quantity input:hover.plus,.woocommerce .quantity input:hover.minus { background: none; background-image: url(../img/box_shadow_button.png); background-repeat: repeat-x; } /* Shop filters */ .shop-filters { margin-bottom: 20px; padding: 15px; background-image: url(../img/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .shop-filters .woocommerce-result-count { margin: 12px 0 0; } .shop-filters .woocommerce-ordering { margin-bottom: 0; } .shop-filters .woocommerce-ordering select { margin-bottom: 0; } /* Product lists */ .woocommerce ul.products li.product { width: 31.3% !important; margin: 0 1% 20px !important; clear: none; } .woocommerce ul.products:not(.col-4) li.product:nth-child(3n+1) { clear: both; } .woocommerce ul.products.col-4 li.product { width: 23% !important; } .woocommerce ul.products.col-4 li.product:nth-child(4n+1) { clear: both; } .woocommerce ul.products.list li.product { width: 100% !important; margin: 0 0 20px !important; } .woocommerce ul.products.list li.product > div { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce ul.products.list li.product .image_frame { width: 33%; } .woocommerce ul.products.list li.product .desc { width: 67%; position: relative; } .woocommerce ul.products.list li.product .desc h4 { padding-right: 70px; } .woocommerce ul.products.list li.product .desc .star-rating { position: absolute; top: 15px; right: 15px; } .woocommerce ul.products li.product .image_frame { position: relative; } .woocommerce ul.products li.product.outofstock .image_frame .image_wrapper img { filter: alpha(opacity=350); opacity: .3; } .woocommerce ul.products li.product .star-rating { font-size: 12px; } .woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h4 { margin-bottom: 5px; } .woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price { font-size: 18px; margin-bottom: 0; } .woocommerce ul.products li.product .excerpt,.woocommerce-page ul.products li.product .excerpt { margin-top: 15px; } .woocommerce ul.products li.product .excerpt p:last-child,.woocommerce-page ul.products li.product .excerpt p:last-child { margin-bottom: 0; } .woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img,.woocommerce ul.products li.product a:hover img,.woocommerce-page ul.products li.product a:hover img { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; margin: 0; } .woocommerce a.button.added:before { right: 13px; top: 15px; } .woocommerce ul.products li.product a.added_to_cart { display: none; } .woocommerce ul.products li.product .desc { background: #fff; padding: 15px 20px; } .woocommerce ul.products li.product .product-loading-icon { filter: alpha(opacity=0); opacity: 0; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; background-color: #fff; margin: -25px 0 0 -25px; -webkit-border-radius: 100%; border-radius: 100%; z-index: 3; } .woocommerce ul.products li.product .product-loading-icon:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: block; text-decoration: none !important; width: 20px; height: 20px; line-height: 20px; font-size: 20px; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; content: '\e812'; color: #444; } .woocommerce ul.products li.product.adding-to-cart .product-loading-icon { background-image: url(../img/shop-loader.gif); background-position: center center; background-repeat: no-repeat; } .woocommerce ul.products li.product.adding-to-cart .product-loading-icon { filter: alpha(opacity=100); opacity: 1; } .woocommerce ul.products li.product.adding-to-cart .product-loading-icon:before { display: none; } .woocommerce ul.products li:hover.product.added-to-cart .product-loading-icon { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=100); opacity: 1; } /* Onsale */ .woocommerce span.onsale { height: 0; min-height: 0; width: 0; min-width: 0; font-size: 18px; line-height: 18px; text-align: center; position: absolute; left: 0 !important; right: auto; top: 0 !important; margin: 0 !important; border-style: solid; border-width: 70px 70px 0 0; border-color: transparent; padding: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; z-index: 2; background: none; } .woocommerce span.onsale i { position: absolute; left: 8px; top: -60px; color: rgba(0,0,0,.5); } /* Product */ .woocommerce .product { } .woocommerce .product .product_wrapper { padding-left: 125px; } .woocommerce .product .product_wrapper .share_wrapper { position: absolute; left: 0; top: 0; } .woocommerce .product .product_wrapper { position: relative; } .woocommerce .product .product_wrapper .onsale { top: 0 !important; left: 0 !important; z-index: 3; } .no-share.product .product_wrapper { padding-left: 0; } .woocommerce .product div.entry-summary { } .woocommerce .product div.entry-summary .price { } .woocommerce .product div.entry-summary h1.product_title { font-size: 35px; line-height: 40px; margin-bottom: 15px; padding-bottom: 15px; position: relative; } .woocommerce .product div.entry-summary h1.product_title:after { content: ""; display: block; width: 20%; height: 0; border-width: 0 0 1px; border-style: solid; position: absolute; left: 0; bottom: 0; } .woocommerce .product div.entry-summary .woocommerce-product-rating .woocommerce-review-link { display: none; } .woocommerce .product div.entry-summary .cart { margin-bottom: 15px !important; } .woocommerce .product div.entry-summary .cart .button { margin-bottom: 0 !important; } .woocommerce .product div.entry-summary .product_meta { margin: 0 0 15px !important; } .woocommerce .product div.entry-summary .accordion #reviews #comments h2 { font-size: 21px; line-height: 25px; } .woocommerce .product div.entry-summary .accordion #reviews .comment-form-rating { display: block; clear: both; } .woocommerce .product div.entry-summary .accordion p.stars a { margin-right: 10px; } .woocommerce .product div.entry-summary .woocommerce-product-rating { float: right; margin-bottom: 20px; margin-top: 4px; } .woocommerce .product div.entry-summary .price { float: left; font-family: Patua One; font-size: 30px; line-height: 30px; } .woocommerce .product div.entry-summary .price > ins { text-decoration: none; } .woocommerce .product div.entry-summary .price > del { float: right; margin-left: 7px; font-size: .5em; } .woocommerce .product .product_wrapper .product_image_wrapper > .image_frame { position: relative; float: left; margin-right: 10px; } .woocommerce .product .product_wrapper .product_image_wrapper > .image_frame .images { width: 100%; margin: 0; } .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails { margin-top: 15px; } .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame { display: block; float: left; margin-right: 3%; width: 30%; margin-bottom: 10px; } .woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame a { float: none; margin: 0; width: auto; } /* Variations */ .woocommerce .variations_form { } .woocommerce .variations_form .variations { background: rgba(0,0,0,.01); padding: 10px; } .woocommerce .variations_form .variations td { border: 0; } .woocommerce .variations_form .variations td.label label { padding-top: 8px; } .woocommerce .variations_form .variations td.value select { margin-bottom: 0 !important; } .woocommerce .product_meta { margin-top: 15px; } .single_variation { margin-bottom: 15px; } .single_variation .price { font-size: 25px !important; margin-right: 10px; padding-top: 6px; } /* Up-sell products, Related products */ .woocommerce .product .related.products,.woocommerce .product .upsells.products { clear: both; border-top-width: 1px; border-style: solid; padding-top: 15px; margin-top: 30px; } .woocommerce .product .related.products h2,.woocommerce .product .upsells.products h2 { font-size: 21px; line-height: 25px; } .woocommerce .product .related.products ul,.woocommerce .product .upsells.products ul { margin-bottom: 0; } /* Product image */ .woocommerce div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page #content div.product div.images img { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } /* Product image thumbnails */ .woocommerce div.product div.images div.thumbnails a { margin-bottom: 8px !important; } /* Cart */ .woocommerce .shop_table { } .woocommerce .shop_table th,.woocommerce .shop_table td { padding: 10px !important; } .woocommerce .shop_table .product-thumbnail { width: 140px; } .woocommerce .shop_table .product-thumbnail a { display: block; line-height: 0; } .woocommerce .shop_table .product-thumbnail a img { width: 100px; } .woocommerce .shop_table .product-name { text-align: left; } .woocommerce .shop_table .product-name a { font-size: 14px; font-weight: 700; } .woocommerce .shop_table .product-name .variation { margin: 0 !important; padding: 0 !important; border-left: 0 !important; display: block; overflow: hidden; } .woocommerce .shop_table .product-name .variation > dt,.woocommerce .shop_table .product-name .variation > dd { border-width: 0; padding: 2px 0; margin: 0; } .woocommerce .shop_table .product-name .variation > dt { width: auto; font-weight: 400; clear: none; margin-right: 5px; } .woocommerce .shop_table .product-name .variation > dd { } .woocommerce .shop_table .product-quantity { width: 150px; } .woocommerce .shop_table .product-remove a.remove { margin: 5px 0 0; width: auto; height: auto; display: inline-block; font-size: inherit; line-height: inherit; -webkit-border-radius: 5px; border-radius: 5px; } .woocommerce .shop_table .product-remove a.remove .button_icon { padding: 11px 18px; } .woocommerce .shop_table td.actions { padding: 15px !important; background: #fff; } .woocommerce .shop_table td.actions .coupon .input-text { padding: 10px !important; width: 100px; line-height: 21px !important; } .woocommerce .shop_table td.actions input { margin-bottom: 0 !important; } .woocommerce .shop_table tr:hover td { background: inherit; color: inherit; } .woocommerce .shop_table tr:first-child:hover td { /*background: url(../img/box_shadow.png) repeat-x left top;*/ } .woocommerce .shop_table td.actions input { line-height: 21px !important; } /* Cart totals */ .cart-collaterals { margin-bottom: 30px; } .cart-collaterals h2 { font-size: 21px; line-height: 25px; } .cart-collaterals .cart_totals { float: left !important; width: 48% !important; text-align: left !important; } .cart-collaterals .cart_totals table th,.cart-collaterals .cart_totals table td { padding: 10px !important; } .cart-collaterals .shipping_calculator { float: right !important; width: 48% !important; text-align: left !important; margin: 0; } .cart-collaterals .shipping_calculator .shipping-calculator-button:after { font-size: 16px; line-height: 16px; } /* Quantity */ .woocommerce .quantity input.qty { display: inline-block; height: 37px; } .woocommerce .quantity input.plus,.woocommerce .quantity input.minus { height: 43px; width: 43px; padding: 0; margin: 0; font-weight: 400 !important; position: relative; } .woocommerce .quantity input.minus { float: left; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .woocommerce .quantity input.plus { float: left; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } /* You may also like & Related products */ .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .upsells.products ul.products li.product,.woocommerce-page .upsells.products ul li.product { width: 30%; margin-right: 3%; } /* Message */ .woocommerce-message a.button { margin-bottom: 0 !important; } /* Cart totals */ .woocommerce .cart-collaterals .cart_totals tr td,.woocommerce .cart-collaterals .cart_totals tr th,.woocommerce-page .cart-collaterals .cart_totals tr td,.woocommerce-page .cart-collaterals .cart_totals tr th { border-top: 1px solid rgba(0,0,0,0.12) !important; } /* Payment */ .woocommerce #payment,.woocommerce-page #payment { background: none; } .woocommerce .payment_methods li label { display: inline-block; } .woocommerce #payment ul.payment_methods li img,.woocommerce-page #payment ul.payment_methods li img { margin-right: 10px; } .woocommerce div.product form.cart table td,.woocommerce #content div.product form.cart table td,.woocommerce-page div.product form.cart table td,.woocommerce-page #content div.product form.cart table td { padding-left: 10px !important; } .woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img { width: 44px; } h3#ship-to-different-address label { font-weight: 400; } /* Cart */ .woocommerce .widget_shopping_cart .total { border-top: 0 !important; } .woocommerce ul.cart_list li { border-bottom: 1px solid rgba(0,0,0,0.07); } .woocommerce ul.cart_list li img { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .woocommerce td.product-name dl.variation dd,.woocommerce td.product-name dl.variation dt { margin-bottom: 0; } .woocommerce table.cart a.remove { width: 26px; height: 26px; line-height: 22px; font-size: 19px; } .woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li { padding: 6px 0; } .woocommerce .widget_shopping_cart .buttons { margin-bottom: 0; } .woocommerce .widget_shopping_cart .buttons a { margin-bottom: 5px; } .woocommerce .widget_shopping_cart ul.cart_list li.empty { border: 0; } .shipping_calculator { margin-top: 20px; } /* Account */ .woocommerce-account .woocommerce .addresses { margin-bottom: 40px; } /* Order details */ .woocommerce-checkout .addresses { margin-bottom: 30px; } .woocommerce-checkout .order_details { background: rgba(0,0,0,0.01); padding: 15px 15px 5px; } .woocommerce-checkout .order_details li { list-style: none; margin-bottom: 10px; } /* Widgets */ .widget.woocommerce li img { -webkit-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; } /* Bestsellers */ .widget_best_sellers li,.widget_featured_products li,.widget_recent_reviews li,.widget_recent_products li,.widget_recently_viewed_products li,.widget_random_products li,.widget_top_rated_products li,.widget_onsale li { border-bottom: 1px solid rgba(0,0,0,0.12); } .widget_best_sellers li:last-child,.widget_featured_products li:last-child,.widget_recent_reviews li:last-child,.widget_recent_products li:last-child,.widget_recently_viewed_products li:last-child,.widget_random_products li:last-child,.widget_top_rated_products li:last-child,.widget_onsale li:last-child { border-bottom: 0; } /* Layered nav */ .widget_layered_nav ul li { border-bottom: 1px solid rgba(0,0,0,0.12); } .widget_layered_nav ul li:last-child { border-bottom: 0; } /* Product categories */ .widget_product_categories { } .widget_product_categories ul { list-style-type: square; color: #fff; padding: 5px 10px 5px 30px; } .widget_product_categories ul li { position: relative; } .widget_product_categories ul > li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255,255,255,.2); position: absolute; left: -30px; bottom: 0; } .widget_product_categories ul > li:last-child:after { display: none; } .widget_product_categories ul li a { color: #fff !important; display: block; padding: 7px 0 7px 3px; } .widget_product_categories ul li ul { padding: 0 10px 0 20px; margin-top: -5px; } /* Price filter */ .widget_price_filter .price_slider_wrapper { padding-top: 5px; } .widget_price_filter .price_slider_amount { font-size: 13px !important; } .widget_price_filter .price_slider_amount .button { font-size: 1em !important; margin-bottom: 0; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-color: transparent !important; background: #fff !important; } .widget_price_filter .price_label .from,.widget_price_filter .price_label .to { font-weight: 700; } .widget_price_filter .price_label { padding-top: 10px; } .widget_price_filter .price_slider { margin-bottom: 20px !important; } .widget_price_filter .price_slider_amount { line-height: inherit !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #f4f4f4 !important; border-top: none; /*background-image: url(../img/stripes/stripes_3_b.png);*/ } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: #fff !important; border-width: 4px; border-style: solid; width: 7px; height: 7px; } /* Shopping cart */ .woocommerce .widget_shopping_cart p.total { background-color: #fff; /*background-image: url(../img/stripes/stripes_3_b.png);*/ overflow: hidden; padding: 10px 12px !important; } .woocommerce .widget_shopping_cart p.total strong { float: left; margin-right: 4px; } .woocommerce .widget_shopping_cart p.total .amount { float: left; } .woocommerce .widget_shopping_cart p.total .button_cart { float: right; } .woocommerce .widget_shopping_cart .cart_list li { padding: 8px 0; } .woocommerce .widget_shopping_cart ul.product_list_widget li a { font-weight: 400; } .woocommerce .widget_shopping_cart ul.product_list_widget li a:hover { text-decoration: none; } .woocommerce .widget_shopping_cart ul.product_list_widget li a img { width: 65px !important; float: left; } .woocommerce .widget_shopping_cart ul.product_list_widget li a .desc { margin-left: 80px; } .woocommerce .widget_shopping_cart ul.product_list_widget li a h6 { padding-top: 5px; margin-bottom: 3px; } .woocommerce .widget_shopping_cart ul.product_list_widget li .quantity { display: block; width: 100%; } .woocommerce .widget_shopping_cart ul.product_list_widget li dl { margin: 0 !important; padding: 0 !important; border-left: 0 !important; display: block; overflow: hidden; } .woocommerce .widget_shopping_cart ul.product_list_widget li dl > dt,.woocommerce .widget_shopping_cart ul.product_list_widget li dl > dd { border-width: 0; padding: 2px 0; margin: 0; } .woocommerce .widget_shopping_cart ul.product_list_widget li dl > dt { width: auto; font-weight: 400; clear: none; margin-right: 5px; } .woocommerce .widget_shopping_cart ul.product_list_widget li dl > dd { } /* Products */ .widget_products { } .widget_products li { border-bottom-width: 1px; border-style: solid; } .widget_products li:last-child { border-bottom: 0; } /* Search */ .widget_product_search { position: relative; } .widget_product_search .screen-reader-text { display: none; } .widget_product_search form { margin-bottom: 5px; position: relative; overflow: hidden; } .widget_product_search form input[type="text"] { width: 100%; margin-bottom: 0; } .widget_product_search form input[type="submit"] { display: none; } /* Filters */ .woocommerce .widget_layered_nav ul li small { float: right; } /* Shortcodes */ .add_to_cart_inline span { position: relative; top: -11px; } .add_to_cart_inline .button { padding: 11px 20px !important; margin: 0 0 -5px 10px !important; } @media only screen and (min-width: 768px) and (max-width: 959px) { .woocommerce ul.products li.product { width: 48% !important; margin: 0 1% 20px !important; } .woocommerce ul.products.col-4 li.product { width: 48% !important; } .woocommerce ul.products li.product { clear: none !important; } .woocommerce ul.products li.product:nth-child(2n+1) { clear: both !important; } /* Product */ .woocommerce div.product div.product_image_wrapper { width: 100% !important; float: none !important; } .woocommerce div.product div.summary { width: 100% !important; float: none !important; } /* Cart action */ .woocommerce table.cart td.actions input { margin-bottom: 8px !important; } /* Shopping cart */ .widget_shopping_cart ul.product_list_widget li a img { width: 45px !important; } .widget_shopping_cart ul.product_list_widget li a .desc { margin-left: 60px; } } @media only screen and (max-width: 767px) { /* Shop */ .woocommerce ul.products.list li.product .image_frame { width: 100%; } .woocommerce ul.products.list li.product .desc { width: 100%; position: relative; } .woocommerce ul.products.list li.product .desc h4 { padding-right: 0; } .woocommerce ul.products.list li.product .desc .star-rating { position: relative; top: 0; right: 0; } /* Showing 1–12 of 23 results + select */ .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { text-align: center; margin-bottom: 15px; } .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count,.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { float: none; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { width: 100%; } .woocommerce .woocommerce-ordering select { margin: 0 auto; } /* Product */ .woocommerce .post-nav { padding: 10px 10px 4px; } .woocommerce .product .product_wrapper { padding-left: 0; } .woocommerce .product .product_wrapper .share_wrapper { display: none; } .woocommerce div.product div.product_image_wrapper { width: 100% !important; float: none !important; margin-bottom: 0; } .woocommerce div.product div.summary { width: 100% !important; float: none !important; } /* Product list */ .woocommerce ul.products li.product { width: 100% !important; margin: 0 0 20px !important; } .woocommerce ul.products.col-4 li.product { width: 100% !important; } /* You may also like & Related products */ .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product { width: 100% !important; margin: 0 0 20px !important; } /* Cart - delete + photo */ .woocommerce table.cart .product-remove,.woocommerce table.cart .product-price,.woocommerce table.cart .product-thumbnail { display: none; } /* Columns */ .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 { width: 100%; float: none; margin-bottom: 20px; } .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 { width: 100%; float: none; } .woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells { width: 100%; float: none; margin-bottom: 20px; } .woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 100%; } .woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: none; } /* Cart action */ .woocommerce table.cart td.actions { text-align: center; } .woocommerce table.cart td.actions .coupon { float: none; width: 100% !important; margin-bottom: 0; padding-bottom: 0; } .woocommerce table.cart td.actions .coupon #coupon_code { text-align: center; } .woocommerce table.cart td.actions input { margin-bottom: 8px !important; float: none !important; width: 100% !important; } /* Cart totals */ .cart-collaterals .cart_totals { float: none !important; width: 100% !important; text-align: left !important; margin-bottom: 20px; } .cart-collaterals .shipping_calculator { float: none !important; width: 100% !important; text-align: left !important; } } @media only screen and (max-width: 479px) { .woocommerce table.cart td.actions input { } } .quantity.buttons_added input[type=button] { display: none; } /* |-------------------------------------------------------------------------- | 2.0 woocommerce-layout | |-------------------------------------------------------------------------- | | | */ .clear { clear: both; } .nobr { white-space: nowrap; } .woocommerce .col2-set,.woocommerce-page .col2-set { width: 100%; } .woocommerce .col2-set:after,.woocommerce .col2-set:before,.woocommerce-page .col2-set:after,.woocommerce-page .col2-set:before { content: " "; display: table; } .woocommerce .col2-set:after,.woocommerce-page .col2-set:after { clear: both; } .woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce img,.woocommerce-page img { height: auto; max-width: 100%; } .woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images { float: left; width: 48%; } .woocommerce #content div.product div.thumbnails:after,.woocommerce #content div.product div.thumbnails:before,.woocommerce div.product div.thumbnails:after,.woocommerce div.product div.thumbnails:before,.woocommerce-page #content div.product div.thumbnails:after,.woocommerce-page #content div.product div.thumbnails:before,.woocommerce-page div.product div.thumbnails:after,.woocommerce-page div.product div.thumbnails:before { content: " "; display: table; } .woocommerce #content div.product div.thumbnails:after,.woocommerce div.product div.thumbnails:after,.woocommerce-page #content div.product div.thumbnails:after,.woocommerce-page div.product div.thumbnails:after { clear: both; } .woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; } .woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last { margin-right: 0; } .woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first { clear: both; } .woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary { float: right; width: 48%; } .woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs { clear: both; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:after,.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,.woocommerce div.product .woocommerce-tabs ul.tabs:after,.woocommerce div.product .woocommerce-tabs ul.tabs:before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,.woocommerce-page div.product .woocommerce-tabs ul.tabs:after,.woocommerce-page div.product .woocommerce-tabs ul.tabs:before { content: " "; display: table; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:after,.woocommerce div.product .woocommerce-tabs ul.tabs:after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after,.woocommerce-page div.product .woocommerce-tabs ul.tabs:after { clear: both; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li { display: inline-block; } .woocommerce #content div.product #reviews .comment:after,.woocommerce #content div.product #reviews .comment:before,.woocommerce div.product #reviews .comment:after,.woocommerce div.product #reviews .comment:before,.woocommerce-page #content div.product #reviews .comment:after,.woocommerce-page #content div.product #reviews .comment:before,.woocommerce-page div.product #reviews .comment:after,.woocommerce-page div.product #reviews .comment:before { content: " "; display: table; } .woocommerce #content div.product #reviews .comment:after,.woocommerce div.product #reviews .comment:after,.woocommerce-page #content div.product #reviews .comment:after,.woocommerce-page div.product #reviews .comment:after { clear: both; } .woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img { float: right; height: auto; } .woocommerce #content .quantity input::-webkit-inner-spin-button,.woocommerce #content .quantity input::-webkit-outer-spin-button,.woocommerce #quantity input::-webkit-inner-spin-button,.woocommerce #quantity input::-webkit-outer-spin-button,.woocommerce-page #content .quantity input::-webkit-inner-spin-button,.woocommerce-page #content .quantity input::-webkit-outer-spin-button,.woocommerce-page #quantity input::-webkit-inner-spin-button,.woocommerce-page #quantity input::-webkit-outer-spin-button { display: none; } .woocommerce .related:after,.woocommerce .related:before,.woocommerce .upsells.products:after,.woocommerce .upsells.products:before,.woocommerce-page .related:after,.woocommerce-page .related:before,.woocommerce-page .upsells.products:after,.woocommerce-page .upsells.products:before { content: " "; display: table; } .woocommerce .related:after,.woocommerce .upsells.products:after,.woocommerce-page .related:after,.woocommerce-page .upsells.products:after { clear: both; } .woocommerce .related ul,.woocommerce .related ul.products,.woocommerce .upsells.products ul,.woocommerce .upsells.products ul.products,.woocommerce-page .related ul,.woocommerce-page .related ul.products,.woocommerce-page .upsells.products ul,.woocommerce-page .upsells.products ul.products { float: none; } .woocommerce .related ul li.product,.woocommerce .related ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .upsells.products ul li.product,.woocommerce-page .upsells.products ul.products li.product { width: 48%; } .woocommerce .related ul li.product img,.woocommerce .related ul.products li.product img,.woocommerce .upsells.products ul li.product img,.woocommerce .upsells.products ul.products li.product img,.woocommerce-page .related ul li.product img,.woocommerce-page .related ul.products li.product img,.woocommerce-page .upsells.products ul li.product img,.woocommerce-page .upsells.products ul.products li.product img { width: 100%; height: auto; } .woocommerce ul.products,.woocommerce-page ul.products { clear: both; } .woocommerce ul.products:after,.woocommerce ul.products:before,.woocommerce-page ul.products:after,.woocommerce-page ul.products:before { content: " "; display: table; } .woocommerce ul.products:after,.woocommerce-page ul.products:after { clear: both; } .woocommerce ul.products li.product,.woocommerce-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; } .woocommerce ul.products li.first,.woocommerce-page ul.products li.first { clear: both; } .woocommerce ul.products li.last,.woocommerce-page ul.products li.last { margin-right: 0; } .woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product { width: 100%; margin-right: 0; } .woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product { width: 48%; } .woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product { width: 30.75%; } .woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product { width: 16.95%; } .woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product { width: 13.5%; } .woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count { float: left; } .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering { float: right; } .woocommerce .woocommerce-pagination ul.page-numbers:after,.woocommerce .woocommerce-pagination ul.page-numbers:before,.woocommerce-page .woocommerce-pagination ul.page-numbers:after,.woocommerce-page .woocommerce-pagination ul.page-numbers:before { content: " "; display: table; } .woocommerce .woocommerce-pagination ul.page-numbers:after,.woocommerce-page .woocommerce-pagination ul.page-numbers:after { clear: both; } .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; } .woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img { height: auto; } .woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions { text-align: right; } .woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text { width: 80px; } .woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon { float: left; } .woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label { display: none; } .woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals { width: 100%; } .woocommerce .cart-collaterals:after,.woocommerce .cart-collaterals:before,.woocommerce-page .cart-collaterals:after,.woocommerce-page .cart-collaterals:before { content: " "; display: table; } .woocommerce .cart-collaterals:after,.woocommerce-page .cart-collaterals:after { clear: both; } .woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related { width: 30.75%; float: left; } .woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells { width: 48%; float: left; } .woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products { float: none; } .woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 48%; } .woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right; } .woocommerce .cart-collaterals .shipping_calculator:after,.woocommerce .cart-collaterals .shipping_calculator:before,.woocommerce-page .cart-collaterals .shipping_calculator:after,.woocommerce-page .cart-collaterals .shipping_calculator:before { content: " "; display: table; } .woocommerce .cart-collaterals .shipping_calculator:after,.woocommerce-page .cart-collaterals .shipping_calculator:after { clear: both; } .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48%; text-align: right; } .woocommerce ul.cart_list li:after,.woocommerce ul.cart_list li:before,.woocommerce ul.product_list_widget li:after,.woocommerce ul.product_list_widget li:before,.woocommerce-page ul.cart_list li:after,.woocommerce-page ul.cart_list li:before,.woocommerce-page ul.product_list_widget li:after,.woocommerce-page ul.product_list_widget li:before { content: " "; display: table; } .woocommerce ul.cart_list li:after,.woocommerce ul.product_list_widget li:after,.woocommerce-page ul.cart_list li:after,.woocommerce-page ul.product_list_widget li:after { clear: both; } .woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img { float: right; height: auto; } .woocommerce form .form-row:after,.woocommerce form .form-row:before,.woocommerce-page form .form-row:after,.woocommerce-page form .form-row:before { content: " "; display: table; } .woocommerce form .form-row:after,.woocommerce-page form .form-row:after { clear: both; } .woocommerce form .form-row label,.woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox { display: inline; } .woocommerce form .form-row select,.woocommerce-page form .form-row select { width: 100%; } .woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last { float: left; width: 47%; overflow: visible; } .woocommerce form .form-row-last,.woocommerce-page form .form-row-last { float: right; } .woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide { clear: both; } .woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select { width: auto; } .woocommerce #payment .terms,.woocommerce-page #payment .terms { text-align: right; padding: 0 1em; } .woocommerce #payment #place_order,.woocommerce-page #payment #place_order { float: right; } .twentyfourteen .tfwc { padding: 12px 10px 0; max-width: 474px; margin: 0 auto; } .twentyfourteen .tfwc .product .entry-summary { padding: 0 !important; margin: 0 0 1.618em !important; } .twentyfourteen .tfwc div.product.hentry.has-post-thumbnail { margin-top: 0; } .twentyfourteen .tfwc .product .images img { margin-bottom: 1em; } @media screen and (min-width: 673px) { .twentyfourteen .tfwc { padding-right: 30px; padding-left: 30px; } } @media screen and (min-width: 1040px) { .twentyfourteen .tfwc { padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 1110px) { .twentyfourteen .tfwc { padding-right: 30px; padding-left: 30px; } } @media screen and (min-width: 1218px) { .twentyfourteen .tfwc { margin-right: 54px; } .full-width .twentyfourteen .tfwc { margin-right: auto; } } /* |-------------------------------------------------------------------------- | 3.0 Demo Styles | |-------------------------------------------------------------------------- | | | */ body.contact #Content,body.content_no_padding #Content { padding-top: 0 !important; } /* ------------------------------------------- * * font awesome * ------------------------------------------- */ .the-icons.span3 { float: left; width: 25%; line-height: 25px; padding-bottom: 10px; position: relative; } .the-icons.span3 [class^="icon-"] { color: #3E3E3E; font-size: 20px; position: absolute; top: 0; left: 0; cursor: default; } .the-icons.span3 [class^="icon-"]:hover { font-size: 50px; background: #fff; padding: 10px; display: block; text-align: center; width: 70px; height: 50px; border: 1px solid #eee; top: -25px; left: -32px; z-index: 2; } .the-icons.span3 .i-name { padding-left: 40px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .the-icons.span3 { width: 33.333%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .the-icons.span3 { width: 50%; } } @media only screen and (max-width: 479px) { .the-icons.span3 { width: 100%; } } /* sections */ .parallax-video .content_video iframe { border: 35px solid #efefef; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; border-radius: 5px 5px 5px 5px; -moz-box-sizing: border-box; box-sizing: border-box; } .section-border-top { border-top: 1px solid rgba(0,0,0,.08); } .notable_works .items_group { background: #eaeae8; } .notable_works .items_group .fancy_heading h2 { margin-bottom: 0; padding-top: 40px; } #Content,#Wrapper,html { background-color: black; } #header_action_button,#header_cart,#menu > ul > li > a,.offer_li .title h3,.timeline_items li h3 span,body,button,input[type=button],input[type=email],input[type=password],input[type=reset],input[type=submit],input[type=tel],input[type=text],select,span.date_label,textarea { font-family: Roboto,Arial,Tahoma,Microsoft JhengHei, sans-serif; font-weight: 400; } #header_cart-6 { font-family: Roboto,Arial,Tahoma,Microsoft JhengHei, sans-serif; font-weight: 400; } #Subheader .title { font-family: Arial,Arial,Tahoma,Microsoft JhengHei, sans-serif; font-weight: 400; } .text-logo #logo,h1,h2,h3,h4 { font-family: Patua One,Arial,Tahoma,Microsoft JhengHei, sans-serif; font-weight: 300; } h5 { font-family: Roboto,Arial,Tahoma,Microsoft JhengHei, sans-serif; font-weight: 700; } blockquote { font-family: Arial,Arial,Tahoma,Microsoft JhengHei, sans-serif; } body { font-size: 13px; line-height: 21px; } #menu > ul > li > a { font-size: 14px; } #Subheader .title,.text-logo #logo,h1 { font-size: 25px; line-height: 25px; } #Subheader-3 .title,.text-logo #logo,h1 { font-size: 25px; line-height: 25px; } #Subheader-4 .title,.text-logo #logo,h1 { font-size: 25px; line-height: 25px; } #Subheader-5y .title,.text-logo #logo,h1 { font-size: 25px; line-height: 25px; } h2 { font-size: 30px; line-height: 30px; } h3 { font-size: 25px; line-height: 27px; } h3.part-2-side-title { font-size: 18px; line-height: 22px; } h4 { font-size: 21px; line-height: 25px; } h5 { font-size: 15px; line-height: 20px; } h6 { font-size: 13px; line-height: 20px; } /* style-colors.php */ #Header_wrapper { background-color: #000119; } #Subheader { background-color: #F7F7F7; border-bottom: 2px solid #EDEDED; } #Subheader-3 { background-color: rgba(0,0,0,.0.15); border-bottom: 0px solid #EDEDED; } #Subheader-4 { background: url(../img/patterns/24.png) repeat !important; width: 100%; height: auto; } #Subheader-5 { background-color: rgba(13,64,79,1); } #Subheader.dark{ background: black } .header-classic #Action_bar,.header-stack #Action_bar { /* background:url(../img/patterns/24.png) repeat !important;*/ background: black } #Sliding-top { background-color: #545454; } #Sliding-top a.sliding-top-control { border-right-color: #545454; } #Sliding-top a.sliding-top-control-6 { border-right-color: #545454; } #Footer { background: black; width: 100%; height: auto; } .feature_list ul li a,.flat_box a,.flat_box a:hover,.icon_box a .desc,.icon_box a:hover .desc,.list_item a,.list_item a:hover,.widget_recent_entries ul li a,body,ul.timeline_items { color: #fff; } #Error_404 .error_pic i,.button-love a.mfn-love,.fancy_heading_arrows .icon-left-dir,.fancy_heading_arrows .icon-right-dir,.fancy_heading_icon .icon_top,.fancy_heading_line .title,.format-link .post-title .icon-link,.opening_hours .opening_hours_wrapper li span,.pager-single a:hover,.pager-single > span,.shop_slider .shop_slider_ul li .item_wrapper .price,.themecolor,.widget_archive ul,.widget_meta ul,.widget_mfn_recent_comments ul li:after,.widget_nav_menu ul,.widget_pages ul,.widget_price_filter .price_label .from,.widget_price_filter .price_label .to,.widget_recent_comments ul li:after,.widget_rss ul,.woocommerce .product div.entry-summary .price,.woocommerce .star-rating span,.woocommerce ul.product_list_widget li .quantity .amount,.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price { color: #ec6d01; } #Filters .filters_wrapper ul li a:hover,#Top_bar a#header_cart span,#comments .commentlist > li .reply a.comment-reply-link,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.fixed-nav .arrow,.offer_thumb .slider_pagination a.selected:after,.offer_thumb .slider_pagination a:before,.pager .pages a.active,.pager .pages a:hover,.pager .pages span.page-numbers.current,.pager-single span:after,.slider_pagination a.selected,.slider_pagination a.selected:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,.themebg,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tp-bullets.tp-thumbs .bullet.selected:after,.tp-leftarrow.default,.tp-rightarrow.default,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current_page_item a,.widget_product_categories ul,.widget_recent_entries ul li:after,div.jp-interface { background-color: #e61b23; } #Top_bar a#header_cart-6 span { background-color: #ec6d01; } a { color: #e61b23; -webkit-transition: all 0.5s -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .desc .news-2-cat-link:hover{ color: red } orange-color a { color: red; } a:hover { color: red; text-decoration: none; } a.white-hover-mail:hover { color: #fff; text-decoration: none; } header .no-hover:hover { color: #ec6d01; cursor: default; } ::-moz-selection { background-color: #ec6d01; } ::selection { background-color: #ec6d01; } #comments .commentlist > li .comment-author .says,.Recent_posts ul li a .desc .date,.article_box .desc_wrapper p,.blockquote p.author span,.button-love a .label,.chart_box p,.counter .desc_wrapper .title,.fancy_heading .inside,.fancy_heading_line .slogan,.filters_buttons li.label,.fixed-nav .desc .date,.pager .pages a,.pager-single a,.post-footer,.post-footer a span.label,.post-meta,.post-meta a,.pricing-box .plan-header .price sup.period,.pricing-box .plan-header p.subtitle,.product_meta .posted_in,.shipping-calculator-button:after,.shop-filters .woocommerce-result-count,.shop_slider .shop_slider_ul li .item_wrapper .price del,.team .desc_wrapper p.subtitle,.testimonials_slider .testimonials_slider_ul li .author span,.testimonials_slider .testimonials_slider_ul li .author span a,.tp_recent_tweets .twitter_time,.widget_price_filter .price_label,.widget_recent_entries ul li .post-date,.widget_shopping_cart ul.product_list_widget li dl,.woocommerce .shop_table .product-name .variation > dd,.woocommerce ul.product_list_widget li .quantity { color: #a8a8a8; } .news-details-4-text-width-fix .post-meta { color: #444; } .news-details-5-fix .post-meta { color: #444; } .text-logo #logo,a.content_link .title,h1,h1 a,h1 a:hover,h2,h2 a,h2 a:hover,h3,h3 a,h3 a:hover,h4,h4 a,h4 a:hover,h5,h5 a,h5 a:hover,h6,h6 a,h6 a:hover { color: #fff; } .dropcap,.highlight:not(.highlight_image) { background-color: #ec6d01; } a.button,a.tp-button { background-color:#353535; color: #747474; } .news-3-height-fix h2 a:hover { color: #ec6d01; } a.button_theme,a.tp-button.button_theme,button,input[type=button],input[type=reset] { background-color: #e61b23; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .webeditor img { max-width: 100%; } .menu-submit { margin-top: 24px; background-color: #666; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } input[type=button]:hover { background-color: #444; } .menu-submit:hover { background-color: #444; } a.mfn-link { color: #656B6F; } a.hover.mfn-link-2 span:before,a.mfn-link-2 span,a.mfn-link-5 span,a.mfn-link-8:after,a.mfn-link-8:before,a:hover.mfn-link-2 span:before { background: #2195de; } a:hover.mfn-link { color: #ec6d01; } a.hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.mfn-link-2 span:before,a.mfn-link-5:before,a.mfn-link-7:after,a.mfn-link-7:before,a:hover.mfn-link-4:after,a:hover.mfn-link-4:before { background: #2275ac; } a.mfn-link-6:before { border-bottom-color: #2275ac; } .woocommerce .quantity input.minus,.woocommerce .quantity input.plus,.woocommerce a.button { background-color: #f7f7f7 !important; color: #747474 !important; } .woocommerce a.button_theme,.woocommerce button.button,.woocommerce input[type=button],.woocommerce input[type=reset],.woocommerce input[type=submit] { background-color: #ec6d01 !important; color: #fff !important; } .column_column ol,.column_column ul,.the_content_wrapper ol,.the_content_wrapper ul { color: #737E86; } .hr_color,.hr_color hr,.hr_dots span { color: #e61b23; background: #e61b23; } .hr_zigzag i { color: #ec6d01; } .highlight-left:after,.highlight-right:after { background: #ec6d01; } @media only screen and (max-width: 767px) { .highlight-left .column:first-child,.highlight-right .column:last-child { background: #ec6d01; } } .highlight-left-3:after{ background: #ec6d01; } @media only screen and (max-width: 767px) { .highlight-left-3 .column:first-child { background: #ec6d01; } } #Header .top_bar_left,#Header_creative,#Top_bar #menu,.header-below #Top_bar,.header-classic #Top_bar,.header-fixed #Top_bar,.header-stack #Top_bar { background-color: #000; } #Header .top_bar_left, #Header_creative, #Top_bar #menu, .header-below #Top_bar.dark, .header-classic #Top_bar.dark, .header-fixed #Top_bar.dark, .header-stack #Top_bar.dark { background-color: #000; } /*#Top_bar .top_bar_right:before { background-color: #e3e3e3; } #Top_bar.dark .top_bar_right:before { background-color: #222; }*/ #Top_bar.dark.is-sticky .top_bar_right:before { background: transparent; } #Header .top_bar_right { background-color: #f5f5f5; } #Header .dark .top_bar_right{ background: #000; } #Header .dark.is-sticky .top_bar_right{ background: transparent; } #Top_bar .menu > li > a,#Top_bar .top_bar_right a { color: #444; } #Top_bar.dark .menu > li > a, #Top_bar.dark .top_bar_right a { color: #eee; } #Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.hover > a { color: #e61b23; } #Top_bar .menu > li a:after,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.hover > a { background: #e61b23; } #Top_bar .menu > li ul { background-color: #F2F2F2; } #Top_bar .menu > li ul li a { color: #5f5f5f; } #Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a { color: #2e2e2e; } #Top_bar .search_wrapper { background: #eee; } #Subheader .title { color: #444; } #Subheader.dark .title{ color: #f8f8f8; } #Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a { color: #444; } #Subheader.dark ul.breadcrumbs li, #Subheader.dark ul.breadcrumbs li a{ color:#e61b23; } #Subheader ul.breadcrumbs li.active { color: #888; } #Subheader.dark ul.breadcrumbs li.active{ color:#eee; } #Subheader ul.breadcrumbs li a:hover,#Subheader ul.breadcrumbs li a:active { color: #ec6d01; } #Subheader.dark ul.breadcrumbs li a:hover,#Subheader.dark ul.breadcrumbs li a:active { color: #fff; } #Subheader-3 .title { color: #fff; } #Subheader-3 ul.breadcrumbs li,#Subheader-3 ul.breadcrumbs li a { color: #fff; } #Subheader-3 ul.breadcrumbs li.active { color: #ccc; } #Subheader-3 ul.breadcrumbs li a:hover,#Subheader-3 ul.breadcrumbs li a:active { color: #e61b23; } #Subheader-4 .title { color: #fff; } #Subheader-4 ul.breadcrumbs li,#Subheader-4 ul.breadcrumbs li a { color: #fff; } #Subheader-4 ul.breadcrumbs li.active { color: #ccc; } #Subheader-4 ul.breadcrumbs li a:hover,#Subheader-4 ul.breadcrumbs li a:active { color: #e61b23; } #Subheader-5 .title { color: #efede9; } #Subheader-5 ul.breadcrumbs li,#Subheader-5 ul.breadcrumbs li a { color: #efede9; } #Subheader-5 ul.breadcrumbs li.active { color: #B5B5B5; } #Subheader-5 ul.breadcrumbs li a:hover,#Subheader-5 ul.breadcrumbs li a:active { color: #ec6d01; } #Footer,#Footer .widget_recent_entries ul li a { color: #ccc; } #Footer a { color: #e61b23; } #Footer a:hover { /*color: #fff;*/ } #Footer h1,#Footer h1 a,#Footer h1 a:hover,#Footer h2,#Footer h2 a,#Footer h2 a:hover,#Footer h3,#Footer h3 a,#Footer h3 a:hover,#Footer h4,#Footer h4 a,#Footer h4 a:hover,#Footer h5,#Footer h5 a,#Footer h5 a:hover,#Footer h6,#Footer h6 a,#Footer h6 a:hover { color: #fff; } #contactform_popup h4 { color: #444; } #Footer .star-rating span,#Footer .themecolor,#Footer .widget_archive ul,#Footer .widget_meta ul,#Footer .widget_mfn_recent_comments ul li:after,#Footer .widget_nav_menu ul,#Footer .widget_pages ul,#Footer .widget_price_filter .price_label .from,#Footer .widget_price_filter .price_label .to,#Footer .widget_recent_comments ul li:after,#Footer .widget_rss ul { color: #ec6d01; } #Footer .Recent_posts ul li .desc:after,#Footer .Recent_posts ul li .photo .c,#Footer .themebg,#Footer .widget_categories ul,#Footer .widget_mfn_menu ul li a:hover,#Footer .widget_product_categories ul,#Footer .widget_recent_entries ul li:after { background-color: #ec6d01; } #Footer .Recent_posts ul li a .desc .date,#Footer .shop-filters .woocommerce-result-count,#Footer .tp_recent_tweets .twitter_time,#Footer .widget_price_filter .price_label,#Footer .widget_recent_entries ul li .post-date,#Footer .widget_shopping_cart ul.product_list_widget li dl,#Footer ul.product_list_widget li .quantity { color: #a8a8a8; } #Sliding-top,#Sliding-top .widget_recent_entries ul li a { color: #ccc; } #Sliding-top a { color: #ec6d01; } #Sliding-top a:hover { /*color: #2275ac;*/ } #Sliding-top h1,#Sliding-top h1 a,#Sliding-top h1 a:hover,#Sliding-top h2,#Sliding-top h2 a,#Sliding-top h2 a:hover,#Sliding-top h3,#Sliding-top h3 a,#Sliding-top h3 a:hover,#Sliding-top h4,#Sliding-top h4 a,#Sliding-top h4 a:hover,#Sliding-top h5,#Sliding-top h5 a,#Sliding-top h5 a:hover,#Sliding-top h6,#Sliding-top h6 a,#Sliding-top h6 a:hover { color: #fff; } #Sliding-top .star-rating span,#Sliding-top .themecolor,#Sliding-top .widget_archive ul,#Sliding-top .widget_meta ul,#Sliding-top .widget_mfn_recent_comments ul li:after,#Sliding-top .widget_nav_menu ul,#Sliding-top .widget_pages ul,#Sliding-top .widget_price_filter .price_label .from,#Sliding-top .widget_price_filter .price_label .to,#Sliding-top .widget_recent_comments ul li:after,#Sliding-top .widget_rss ul { color: #ec6d01; } #Sliding-top .Recent_posts ul li .desc:after,#Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .themebg,#Sliding-top .widget_categories ul,#Sliding-top .widget_mfn_menu ul li a:hover,#Sliding-top .widget_product_categories ul,#Sliding-top .widget_recent_entries ul li:after { background-color: #ec6d01; } #Sliding-top .Recent_posts ul li a .desc .date,#Sliding-top .shop-filters .woocommerce-result-count,#Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label,#Sliding-top .widget_recent_entries ul li .post-date,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl,#Sliding-top ul.product_list_widget li .quantity { color: #a8a8a8; } blockquote,blockquote a,blockquote a:hover { color: #444; } .image_frame .image_wrapper .image_links { background: rgba(236,109,1,.8); } .image_frame .image_wrapper .image_links a { color: #fff; } .image_frame .image_wrapper .image_links a:hover { background: #fff; color: #ec6d01; } .sliding_box .desc_wrapper { background: #ec6d01; } .sliding_box .desc_wrapper:after { border-bottom-color: #ec6d01; } .counter .icon_wrapper i,.quick_fact .number { color: #ec6d01; } .progress_bars .bars_list li .bar .progress { background-color: #ec6d01; } a:hover.icon_bar { color: #ec6d01 !important; } a.content_link,a:hover.content_link { color: #ec6d01; } a.content_link:before { border-bottom-color: #ec6d01; } a.content_link:after { border-color: #ec6d01; } .get_in_touch,.infobox { background-color: #ec6d01; } .column_map .google-map-contact-wrapper .get_in_touch:after { border-top-color: #ec6d01; } .timeline .post-item:before,.timeline_items li h3:before,.timeline_items:after { border-color: #ec6d01; } .how_it_works .image .number { background: #ec6d01; } .trailer_box .desc .subtitle { background-color: #ec6d01; } .icon_box .icon_wrapper,.icon_box a .icon_wrapper { color: #ec6d01; } .icon_box a:hover .icon_wrapper:before,.icon_box:hover .icon_wrapper:before { background-color: #ec6d01; } ul.clients.clients_tiles li .client_wrapper:hover:before { background: #ec6d01; } ul.clients.clients_tiles li .client_wrapper:after { border-bottom-color: #ec6d01; } .list_item.lists_1 .list_left { background-color: #ec6d01; } .feature_list-4 { position: relative; z-index: 1; } .feature_list-4 ul li { background: rgba(255,255,255,0.7); } .feature_list ul li .icon i,.list_item .list_left { color: #ec6d01; } .feature_list ul li:hover,.feature_list ul li:hover a { background: #ec6d01; } .accordion .question.active .title,.accordion .question.active .title > .acc-icon-minus,.accordion .question.active .title > .acc-icon-plus,.faq .question.active .title,.faq .question.active .title > .acc-icon-plus,.ui-tabs .ui-tabs-nav li.ui-state-active a { color:#e61b23; } .ui-tabs .ui-tabs-nav li.ui-state-active a:after,table tr:hover td { /*background: #ec6d01;*/ } .pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span { color: #ec6d01; } .pricing-box .plan-inside ul li .yes,.pricing-box-box.pricing-box-featured { background: #ec6d01; } .shop_slider .shop_slider_ul li .item_wrapper span.onsale,.woocommerce span.onsale { border-top-color: #ec6d01 !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { border-color: #ec6d01 !important; } @media only screen and (max-width: 767px) { #Action_bar,#Top_bar { background: black !important; padding-bottom: 10px; } } .tp-caption.large_dark,.large_dark { font-size: 50px; line-height: 58px; color: #444; text-decoration: none; background-color: transparent; border-width: 0; border-color: #404345; border-style: none; background: none repeat scroll 0 0 transparent; } .tp-caption.mfnrs_home_small,.mfnrs_home_small { color: #444; font-size: 22px; line-height: 26px; font-weight: 200; text-decoration: none; border-width: 0; border-color: #fff; border-style: none; background: none repeat scroll 0 0 transparent; } .mfnrs_barber2_large_light { font-size: 54px; line-height: 54px; letter-spacing: 2px; font-weight: 400; color: #fff; } .tp-caption.mfnrs_home,.mfnrs_home { color: #fff; font-size: 50px; line-height: 50px; text-decoration: none; border-width: 0; border-color: #fff; border-style: none; background: none repeat scroll 0 0 transparent; } .tp-caption.mfnrs_home_tiny,.mfnrs_home_tiny { color: #fff; font-size: 16px; line-height: 18px; font-weight: 200; text-decoration: none; border-width: 0; border-color: #fff; border-style: none; background: none repeat scroll 0 0 transparent; } body:not(.template-slider) #Header_wrapper { background-image: url(../img/home_slider.jpg); } #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 25%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } #gallery-2 { margin: auto; } #gallery-2 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-2 img { border: 2px solid #cfcfcf; } #gallery-2 .gallery-caption { margin-left: 0; } .flv_header_number { font-size: 75px; line-height: 75px; display: block; text-align: center; margin-bottom: 15px; font-family: Patua One,serif; } .flv_center { margin-bottom: 0; text-align: center; } .flv_dots { margin: 0 auto 20px; } .flv_grey { color: #9C9C9C; } .flv_margin_b_5 { margin-bottom: 5px; } .flv_margin_l_26 { margin-left: 26px; } #Top_bar .menu li ul.flv_menu_bg { background-image: url(../img/menu-bg-shortcodes.png); } .flv_color_white { color: #FFF; } .flv_color_white_1 { color: #fff; text-decoration: none; } .flv_footer_grey { text-decoration: none; color: #CCC; } .flv_disp_none { display: none; } .flv_font_18 { font-size: 18px; } .flv_section { padding-top: 60px; padding-bottom: 140px; background-color: #082233; background-image: url(../img/section_macbook_sideview.png); background-repeat: no-repeat; background-position: center bottom; } .flv_vis_hid { visibility: hidden !important; } .flv_sections_1 { padding-top: 50px; padding-bottom: 20px; background-image: url(../img/section_ecommerce_ready.png); background-repeat: no-repeat; background-position: center bottom; } .flv_sections_2 { padding-top: 0; padding-bottom: 0; background-image: url(../img/section_calltoaction.jpg); background-repeat: no-repeat; background-position: center top; } .flv_sections_3 { padding-top: 0; padding-bottom: 0; background-color: #000; } .flv_sections_4 { padding-top: 50px; padding-bottom: 0; } .flv_sections_5 { padding-top: 50px; padding-bottom: 30px; background-color: #f0f0f0; /*background-image: url(../img/section_home_counters.jpg);*/ background-repeat: no-repeat; background-position: center bottom; } .flv_sections_5-2 { padding-top: 50px; padding-bottom: 30px; background-color: #f0f0f0; background-image: url(../img/home_architect_portfolio_big2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .flv_sections_5-3 { padding-top: 50px; padding-bottom: 30px; background-color: #000000; /* background-image: url(../img/index-3-pink-dot.jpg); */ background-repeat: no-repeat; background-attachment: fixed; background-size: cover; margin-top: -20px; } .flv_sections_5-4 { padding-top: 50px; padding-bottom: 30px; background-color: #f0f0f0; background-image: url(../img/home_adagency_projects_bg1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .flv_sections_5-5 { padding-top: 50px; padding-bottom: 30px; background-color: #f0f0f0; background-image: url(../img/index-5-roller-img.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .flv_sections_5-4-1 { padding-top: 50px; padding-bottom: 30px; background-color: #f0f0f0; background-image: url(../img/home_adagency_slider3-2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .flv_sections_6 { padding-top: 60px; padding-bottom: 20px; } .flv_margin_b_35 { margin: 0 auto 35px !important; } .flv_photo_color { color: #4FAD82; } .flv_agency_color { color: #4FAD82; } .flv_design_color { color: #E1AD95; } .flv_press_color { color: red; } .flv_spa_color { color: #2D3872; } .flv_university_color { color: #931919; } .flv_carrental_color { color: #275F81; } .flv_rev_1 { z-index: 12; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_2 { z-index: 11; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_3 { color: #616161; } .flv_rev_4 { z-index: 10; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_5 { z-index: 9; } .flv_rev_6 { z-index: 8; } .flv_rev_7 { z-index: 7; } .flv_rev_8 { z-index: 6; } .flv_rev_9 { z-index: 5; } .flv_rev_10 { z-index: 14; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_11 { z-index: 13; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_12 { z-index: 10; } .flv_rev_13 { display: none; max-height: 750px; height: 750px; } .flv_rev_14 { margin: 0 auto; padding: 0; margin-top: 0; margin-bottom: 0; max-height: 750px; } .flv_sections_7 { padding-top: 50px; padding-bottom: 20px; background-color: #f2f2f2; background-image: url(../img/how_we_work_section.jpg); background-repeat: no-repeat; background-position: center top; } .flv_margin_50 { margin: 50px 50px 0; } .flv_sections_8 { padding-top: 50px; padding-bottom: 20px; background-color: #fff; } .flv_sections_9 { padding-top: 0; padding-bottom: 0; background-image: url(../img/section_calltoaction.jpg); background-repeat: no-repeat; background-position: center top; } .flv_sections_10 { padding-top: 50px; padding-bottom: 20px; } .flv_rev_14 { z-index: 2; } .flv_rev_15 { z-index: 3; } .flv_rev_16 { z-index: 4; } .flv_rev_17 { z-index: 9; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_18 { z-index: 8; max-width: auto; max-height: auto; white-space: nowrap; } .flv_rev_19 { z-index: 7; max-width: auto; max-height: auto; white-space: nowrap; } .flv_header_wrapper { background-image: url(../img/abstract.jpg); } .flv_sections_11 { padding-top: 0; padding-bottom: 0; } .flv_margin_40,hr.flv_margin_40 { margin: 0 auto 40px; } .flv_sections_12 { padding-top: 0; padding-bottom: 0; background-color: #dae4ea; } .flv_style_1 { text-align: center; padding: 30px 10px 0; } .flv_sections_13 { padding-top: 40px; padding-bottom: 0; } .flv_style_2 { text-align: center; margin-bottom: 0; } .flv_style_3 { margin: 0 auto 25px; } .flv_sections_14 { padding-top: 100px; padding-bottom: 0; } .flv_sections_15 { padding-top: 80px; padding-bottom: 20px; background-color: #fff; } .flv_header_origami { background-image: url(../img/origami.jpg); } .flv_rev_20 { margin: 0 auto; background-color: transparent; padding: 0; margin-top: 0; margin-bottom: 0; } .flv_rev_21 { height: 5px; background-color: rgba(0,0,0,0.15); } .flv_style_4 { margin: 0; } .flv_rev_22 { margin: 0 auto; background-color: #E9E9E9; padding: 0; margin-top: 0; margin-bottom: 0; max-height: 818px; } .flv_rev_23 { display: none; max-height: 818px; height: 818px; } .flv_style_5 { margin: 0 auto 15px; } .flv_sections_16 { padding-top: 0; padding-bottom: 0; } .flv_style_6 { background-color: #7ac2d7; } .flv_header_glowee { background-image: url(../img/glowee.jpg); } .flv_header_galaxy { background-image: url(../img/galaxy.jpg); } .flv_header_portfolio { background-image: url(../img/portfolio.jpg); } .flv_header_minimal-tree { background-image: url(../img/minimal-tree.jpg); } .flv_header_soft-stripes { background-image: url(../img/soft-stripes.jpg); } .flv_rev_24 { margin: 0 auto; padding: 0; margin-top: 0; margin-bottom: 0; max-height: 692px; } .flv_rev_25 { margin: 0 auto; background-color: #E9E9E9; padding: 0; margin-top: 0; margin-bottom: 0; max-height: 300px; } .flv_rev_26 { margin: 0 auto; background-color: #E9E9E9; padding: 0; margin-top: 0; margin-bottom: 0; max-height: 500px; } .flv_rev_27 { margin: 0 auto; padding: 0; margin-top: 0; margin-bottom: 0; } .flv_rev_28 { margin: 0 auto; padding: 0; margin-top: 0; margin-bottom: 0; max-height: 730px; } .flv_sections_17 { padding-top: 20px; padding-bottom: 0; } .flv_style_7 { font-size: 50px; line-height: 50px; } .flv_sections_18 { padding-top: 40px; padding-bottom: 0; background-color: #fff; } .flv_sections_19 { padding-top: 40px; padding-bottom: 0; } .contact-1-body { background: #fcfcfc; } .flv_style_8 { font-size: 21px; line-height: 26px; margin: 0; } .flv_style_9 { width: 100%; height: 400px; } .flv_sections_20 { padding-top: 30px; padding-bottom: 0; } .flv_style_10 { padding-top: 12px; display: block; } .flv_sections_21 { padding-top: 40px; padding-bottom: 0; background-color: #f9f9f9; } .flv_style_11 { text-align: right; } .flv_style_12 { color: #a8a8a8; } .flv_style_13 { margin-top: 18px; } .flv_style_13-2 { margin-top: 0px; } .flv_style_14 { margin: 60px 0 0; } .flv_sections_22 { padding-top: 120px; padding-bottom: 0; background-color: #3498db; } .flv_style_15 { background-image: url(../img/get_in_touch.png); } .flv_style_16 { background-image: url(../img/opening_hours.png); } .flv_style_17 { background-image: url(../img/infobox.png); } .flv_style_18 { width: 100%; height: 330px; } .flv_style_19 { width: 100%; height: 400px; } .flv_style_20 { padding-top: 80px; padding-bottom: 60px; background-color: #0A0C32; background-image: url(../img/slide-home-bg.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; -webkit-background-size: cover" data-stellar-background-ratio="0.5; } .flv_style_21 { margin: 0 auto 60px; } .flv_style_22 { font-size: 65px; line-height: 65px; display: block; text-align: center; margin-bottom: 15px; font-family: Patua One,serif; } .flv_style_23 { margin: 0 auto 15px; } .flv_style_24 { z-index: 11; } .flv_style_25 { clear: both; } .flv_style_26 { max-height: 300px; height: 300px; } .flv_style_27 { margin-bottom: 30px; } .flv_style_28 { margin: 0 auto 30px; } .flv_style_29 { clear: both; } .flv_rev_29 { max-height: 500px; height: 500px; } .flv_style_30 { text-decoration: underline; } .flv_sections_23 { padding-top: 10px; padding-bottom: 20px; } .flv_style_31 { margin-bottom: 0; } .flv_style_32 { margin-bottom: 10px; } .flv_style_33 { margin-bottom: 20px; } .flv_sections_24 { padding-top: 60px; padding-bottom: 20px; background-color: #f9f9f9; } .flv_style_34 { text-align: center; font-size: 40px; line-height: 40px; margin-bottom: 0; } .flv_sections_25 { padding-top: 40px; padding-bottom: 10px; background-color: #eee; } .flv_style_35 { font-weight: 700; } .flv_style_36 { text-align: center; font-size: 40px; line-height: 40px; } .flv_sections_26 { padding-top: 40px; padding-bottom: 0; background-color: #eee; } .flv_style_port_5 { background-image: url(../img/portfolio_5_bg.jpg); } .flv_style_port_4 { background-image: url(../img/portfolio_4_bg.jpg); } .flv_style_port_3 { background-image: url(../img/portfolio_3_bg.jpg); } .flv_style_port_2 { /*background-image: url(../img/portfolio_2_bg.jpg);*/ } .flv_style_port_1 { background-color: #DCD9D4; /*background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); */ background-blend-mode: soft-light,screen; } .flv_sections_27 { padding-top: 40px; padding-bottom: 0; background-color: #e0e0e0; } .flv_style_37 { text-align: center; } .flv_style_38 { width: 100%; } .flv_rev_30 { display: none; max-height: 730px; height: 730px; } .flv_rev_31 { padding: 0; } .flv_sections_28 { padding-top: 0; padding-bottom: 0; } .flv_sections_29 { padding-top: 30px; padding-bottom: 20px; } .flv_sections_30 { padding-top: 60px; padding-bottom: 20px; background-color: #fff; } .flv_style_39 { text-align: center; margin: 20px 50px 0; } .flv_style_40 { background-color: #2991D6; color: #FFF; } .flv_style_41 { color: #2991D6; } .flv_sections_31 { padding-top: 60px; padding-bottom: 140px; background-image: url(../img/section_macbook_sideview.png); background-repeat: no-repeat; background-position: center bottom; } .flv_sections_32 { padding-top: 60px; padding-bottom: 20px; background-color: #f5f5f5; } .flv_sections_33 { padding-top: 60px; padding-bottom: 20px; background-color: #082233; } .flv_style_42 { margin: 40px 0; } .flv_sections_34 { padding-top: 40px; padding-bottom: 0; background-color: #eeebe6; } .flv_sections_35 { padding-top: 0; padding-bottom: 20px; background-color: #fff; background-image: url(../img/landing_section.jpg); background-repeat: no-repeat; background-position: center top; } .flv_sections_36 { padding-top: 50px; padding-bottom: 20px; background-color: #fff; } .flv_rev_32 { z-index: 15; } .flv_rev_33 { z-index: 14; } .flv_rev_34 { display: none; max-height: 692px; height: 692px; } .flv_rev_35 { z-index: 12; } .flv_style_43 { margin: 0; text-align: left; } .flv_style_44 { background: #fcfcfc; } .flv_style_45 { fill: #3498db; stroke: #3498db; } .flv_style_46 { background: #2991D6; } .flv_style_47 { margin: 0; color: #fff; } .flv_sections_37 { padding-top: 100px; padding-bottom: 0; background-color: #3498db; } .flv_style_48 { background: #2980b9; } .flv_sections_38 { padding-top: 100px; padding-bottom: 50px; background-color: #2980b9; } .flv_style_49 { fill: #1e648f; stroke: #1e648f; } .flv_sections_39 { padding-top: 20px; padding-bottom: 0; background-color: #1e648f; } .flv_style_50 { fill: #12425F; stroke: #12425F; } .flv_sections_40 { padding-top: 70px; padding-bottom: 30px; background-color: #18547A; } .flv_style_51 { background: #18547A; } .flv_sections_41 { padding-top: 20px; padding-bottom: 30px; background-color: #12425F; } .flv_style_52 { background: #0F3954; } .flv_sections_42 { padding-top: 20px; padding-bottom: 0; background-color: #0F3954; } .flv_style_53 { background: #3498db; } .flv_sections_43 { padding-top: 60px; padding-bottom: 20px; background-color: #3498db; } .flv_style_54 { fill: #0F3954; stroke: #0F3954; } .flv_style_55 { fill: #2980b9; stroke: #2980b9; } .flv_sections_44 { padding-top: 20px; padding-bottom: 20px; background-color: #2980b9; } .flv_sections_45 { padding-top: 90px; padding-bottom: 20px; background-color: #1e648f; } .flv_sections_46 { padding-top: 90px; padding-bottom: 20px; background-color: #18547A; } .flv_sections_47 { padding-top: 90px; padding-bottom: 20px; background-color: #12425F; } .flv_sections_48 { padding-top: 90px; padding-bottom: 40px; background-color: #0F3954; } .flv_sections_49 { padding-top: 70px; padding-bottom: 20px; background-color: #3498db; } .flv_sections_50 { padding-top: 70px; padding-bottom: 20px; background-color: #2980b9; } .flv_sections_51 { padding-top: 70px; padding-bottom: 20px; background-color: #1e648f; } .flv_sections_52 { padding-top: 70px; padding-bottom: 20px; background-color: #18547A; } .flv_sections_53 { padding-top: 350px; padding-bottom: 350px; background-color: #cfd5d1; background-image: url(../img/home-parallax-header.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; } .flv_sections_54 { padding-top: 100px; padding-bottom: 60px; } .flv_sections_55 { padding-top: 100px; padding-bottom: 60px; background-color: #382111; background-image: url(../img/home-parallax-section-works.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; } .flv_sections_56 { padding-top: 55px; padding-bottom: 0; background-color: #0f0f0f; } .flv_sections_57 { padding-top: 250px; padding-bottom: 210px; background-color: #2d4e14; background-image: url(../img/home-parallax-lives.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; } .flv_sections_58 { padding-top: 250px; padding-bottom: 210px; background-color: #fdfdfd; background-image: url(../img/home-parallax-centerkom.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; } .flv_sections_59 { padding-top: 100px; padding-bottom: 50px; background-color: #0f0f0f; } .flv_sections_60 { padding-top: 150px; padding-bottom: 110px; background-color: #3f3f3f; background-image: url(../img/home-parallax-jach.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; } .flv_style_56 { padding: 70px; } .flv_style_57 { background: #1c79b7; } .flv_style_58 { margin-bottom: 20px; } .flv_style_59 { font-family: 'Old Standard TT',Arial,Tahoma,Microsoft JhengHei, sans-serif; font-size: 23px; line-height: 23px; font-weight: 400; } .flv_style_60 { font-family: 'Pompiere',Arial,Tahoma,Microsoft JhengHei, sans-serif; font-size: 80px; line-height: 80px; font-weight: 400; } .flv_style_61 { font-size: 90px; line-height: 90px; } .flv_style_62 { font-size: 60px; line-height: 60px; } .flv_style_63 { font-size: 40px; line-height: 40px; } .flv_style_64 { padding: 20px; } .flv_style_65 { padding-top: 10px; } .flv_style_66 { background-color: #444; color: #fff; } .flv_style_67 { background-color: #eee; color: #444; } #ecommerce_ready .fancy_heading { text-align: left; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { padding: 60px 0; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg-4 { padding: 0px 0 60px 0; } .with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { padding-left: 5%; padding-right: 5%; } .with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg-4 { padding-left: 0%; padding-right: 0%; } .hrmargin_0,p.hrmargin_0,hr.hrmargin_0,div.hrmargin_0,h2.hrmargin_0,h3.hrmargin_0,h4.hrmargin_0,h5.hrmargin_0,h6.hrmargin_0 { margin: 0; } .hrmargin_b_60,p.hrmargin_b_60,hr.hrmargin_b_60,div.hrmargin_b_60,h2.hrmargin_b_60,h3.hrmargin_b_60,h4.hrmargin_b_60,h5.hrmargin_b_60,h6.hrmargin_b_60 { margin: 0 auto 60px; } .hrmargin_b_30,p.hrmargin_b_30,hr.hrmargin_b_30,div.hrmargin_b_30,h2.hrmargin_b_30,h3.hrmargin_b_30,h4.hrmargin_b_30,h5.hrmargin_b_30,h6.hrmargin_b_30 { margin-bottom: 30px; } .hrmargin_b_1,p.hrmargin_b_1,hr.hrmargin_b_1,div.hrmargin_b_1,h2.hrmargin_b_1,h3.hrmargin_b_1,h4.hrmargin_b_1,h5.hrmargin_b_1,h6.hrmargin_b_1 { margin: 0 auto 1px; } .hrmargin_b_10,p.hrmargin_b_10,hr.hrmargin_b_10,div.hrmargin_b_10,h2.hrmargin_b_10,h3.hrmargin_b_10,h4.hrmargin_b_10,h5.hrmargin_b_10,h6.hrmargin_b_10 { margin: 0 auto 10px; } .hrmargin_b_7,p.hrmargin_b_7,hr.hrmargin_b_7,div.hrmargin_b_7,h2.hrmargin_b_7,h3.hrmargin_b_7,h4.hrmargin_b_7,h5.hrmargin_b_7,h6.hrmargin_b_7 { margin-bottom: 7px; } .hrmargin_b_40,p.hrmargin_b_40,hr.hrmargin_b_40,div.hrmargin_b_40,h2.hrmargin_b_40,h3.hrmargin_b_40,h4.hrmargin_b_40,h5.hrmargin_b_40,h6.hrmargin_b_40 { margin: 0 auto 40px; } .hrmargin_b_40,p.hrmargin_b_20,hr.hrmargin_b_20,div.hrmargin_b_20,h2.hrmargin_b_20,h3.hrmargin_b_20,h4.hrmargin_b_20,h5.hrmargin_b_20,h6.hrmargin_b_20 { margin: 0 auto 20px; } .hrmargin_b_25,p.hrmargin_b_25,hr.hrmargin_b_25,div.hrmargin_b_25,h2.hrmargin_b_25,h3.hrmargin_b_25,h4.hrmargin_b_25,h5.hrmargin_b_25,h6.hrmargin_b_25 { margin: 0 auto 25px; } .hrmargin_b_5,p.hrmargin_b_5,hr.hrmargin_b_5,div.hrmargin_b_5,h2.hrmargin_b_5,h3.hrmargin_b_5,h4.hrmargin_b_5,h5.hrmargin_b_5,h6.hrmargin_b_5 { margin-bottom: 5px; } .hrmargin_b_4,p.hrmargin_b_4,hr.hrmargin_b_4,div.hrmargin_b_4,h2.hrmargin_b_4,h3.hrmargin_b_4,h4.hrmargin_b_4,h5.hrmargin_b_4,h6.hrmargin_b_4 { margin-bottom: 4px; } .hrmargin_l_26,p.hrmargin_l_26,hr.hrmargin_l_26,div.hrmargin_l_26,h2.hrmargin_l_26,h3.hrmargin_l_26,h4.hrmargin_l_26,h5.hrmargin_l_26,h6.hrmargin_l_26 { margin-left: 26px; } .hrmargin_b_30,p.hrmargin_b_30,hr.hrmargin_b_30,div.hrmargin_b_30,h2.hrmargin_b_30,h3.hrmargin_b_30,h4.hrmargin_b_30,h5.hrmargin_b_30,h6.hrmargin_b_30 { margin: 0 auto 30px; } .hrmargin_b_15,p.hrmargin_b_15,hr.hrmargin_b_15,div.hrmargin_b_15,h2.hrmargin_b_15,h3.hrmargin_b_15,h4.hrmargin_b_15,h5.hrmargin_b_15,h6.hrmargin_b_15 { margin: 0 auto 15px; } .flv_disp_none,div.flv_disp_none,p.flv_disp_none { display: none; } .flv_viz_hid,div.flv_viz_hid,p.flv_viz_hid { visibility: hidden !important; } .flv_clear_both,div.flv_clear_both,p.flv_clear_both { clear: both; } .sections_style_0,div.sections_style_0 { padding-top: 0; padding-bottom: 0; } .sections_style_1,div.sections_style_1 { margin: 0 auto; padding: 0; margin-top: 0; margin-bottom: 0; } .sections_style_2,div.sections_style_2 { padding-top: 60px; padding-bottom: 0; } .sections_style_3,div.sections_style_3 { padding-top: 60px; padding-bottom: 20px; } .sections_style_4,div.sections_style_4 { padding-top: 40px; padding-bottom: 0; } .sections_style_5,div.sections_style_5 { padding-top: 70px; padding-bottom: 0; } .flv_span_12,span.flv_span_12,div.flv_span_12 { padding-top: 12px; display: block; } .flv_list,ul.flv_list { float: left; width: 46%; margin-left: 4%; list-style: square; line-height: 30px; } .flv_list_1,li.flv_list_1 { display: inline-block; margin: 0 10px; } .flv_list_ul_46,ul.flv_list_ul_46 { float: left; width: 46%; margin-left: 4%; list-style: square; line-height: 27px; } .flv_list_ul_10,ul.flv_list_ul_10 { display: block; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.1); } i.flv_icon_color { color: #afbcda; } ul.flv_line_height_32 { line-height: 32px; } p.flv_align_right,div.flv_align_right { text-align: right; } .flv_float_right,div.flv_float_right { float: right; } .pdt-detail-3-rp-title { color: #fff; margin-left: 46px; } @media (max-width:414px) { .pdt-detail-3-rp-title { color: #fff; margin-left: 20px; } } .pdt-detail-3-rp-name { width: 100%; position: absolute; bottom: 0; margin:0; background: rgba(255,255,255,.9); display: block; } .pdt-detail-3-rp-name h2 { font-size: 15px; line-height: 25px; margin: 5px 20px 15px 20px; } .pdt-detail-4-text { height: 55px; } .pdt-detail-4-text h4 { max-height: 30px; } .pdt-detail-4-text h4 a { font-size: 15px; margin: 0; padding: 0; } .index-5-span-fix-1 span { font-size: 20px; } .index-5-pdt-text h4 a { font-size: 15px; margin: 0; padding: 0; } .index-5-pdt-text { height: 50px; } .index-5-pdt-text h4 { font-size: 30px; line-height: 20px; } .pdt-list-link-style { text-align: center; margin: 30px 0; } .pdt-list-link-style a { font-weight: bold; } @media (max-width:425px) { .pdt-list-link-style a { width: 90%; } } .nohover:hover { color: #ec6d01; } .grey-color { color:#9c9c9c; } .grey-color-2 { color: #ccc; } @media (max-width:768px) { #Footer .contact_icons a { line-height: 40px; } } .index-1-main-fix { margin-top:0px; } .index-1-banner #rev_slider_54_1_wrapper { padding: 200px 0 0 0; } @media (max-width:480px) { .index-1-banner #rev_slider_54_1_wrapper { padding: 100px 0 0 0; } .index-1-main-fix { margin-top:0px; } } .News-Title { color: #fff; font-size: 60px; line-height: 54px; margin:30px 0 0 0; padding:0; } .News-Subtitle { color: #fff; font-size: 16px; line-height: 16px; cursor: default; margin:5px 0 0 0; padding:0; } .wechat-1 a i{ color: #444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wechat-1 a:hover i{ color: #ec6d01; } .line-1 a i{ background: url(../img/line-1.png) no-repeat !important; width:15px; height: 15px; margin-left:8px; margin-bottom: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line-1 a:hover i{ background: url(../img/line-1-hover.png) no-repeat !important; width:15px; height: 15px; margin-bottom: -2px; margin-left:8px; } .line-6 a i{ background: url(../img/line-1.png) no-repeat !important; width:15px; height: 15px; margin-left:0px; margin-bottom: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line-6 a:hover i{ background: url(../img/line-1-hover.png) no-repeat !important; width:15px; height: 15px; margin-bottom: -2px; margin-left:0px; } .wechat-footer a i{ color: #ccc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wechat-footer a:hover i{ color: #ec6d01; } .line-footer a i{ background: url(../img/line-2.png) no-repeat !important; width:15px; height: 15px; margin-left:8px; margin-bottom: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line-footer a:hover i{ background: url(../img/line-1-hover.png) no-repeat !important; width:15px; height: 15px; margin-bottom: -2px; margin-left:8px; } .wechat-2 a i{ color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wechat-2 a:hover i{ color: #ec6d01; } .line-2 a i{ background: url(../img/line-3.png) no-repeat !important; width:15px; height: 15px; margin-left:8px; margin-bottom: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line-2 a:hover i{ background: url(../img/line-1-hover.png) no-repeat !important; width:15px; height: 15px; margin-bottom: -2px; margin-left:8px; } .wechat-4 a i{ color: #ec6d01; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wechat-4 a:hover i{ color: #444; } .line-4 a i{ background: url(../img/line-1-hover.png) no-repeat !important; width:15px; height: 15px; margin-left:8px; margin-bottom: -2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line-4 a:hover i{ background: url(../img/line-1.png) no-repeat !important; width:15px; height: 15px; margin-bottom: -2px; margin-left:8px; } .wechat2-footer i { color: #ccc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 10px; } .wechat2-footer:hover i { color: #ec6d01; margin-left: 10px; } .instagram2-footer i { color: #ccc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 18px; } .instagram2-footer:hover i { color: #ec6d01; margin-left: 18px; } .line2-footer i{ background: url(../img/line2-footer.png) no-repeat !important; width:30px; height: 30px; margin-left:18px; margin-bottom: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line2-footer:hover i{ background: url(../img/line2-footer-hover.png) no-repeat !important; width:30px; height: 30px; margin-left:18px; margin-bottom: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wechat2-footer-2 i { color: #444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 10px; } .wechat2-footer-2:hover i { color: #ec6d01; margin-left: 10px; } .instagram2-footer-2 i { color: #444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 18px; } .instagram2-footer-2:hover i { color: #ec6d01; margin-left: 18px; } .line2-footer-2 i{ background: url(../img/line2-footer-2.png) no-repeat !important; width:30px; height: 30px; margin-left:18px; margin-bottom: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line2-footer-2:hover i{ background: url(../img/line2-footer-hover.png) no-repeat !important; width:30px; height: 30px; margin-left:18px; margin-bottom: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .index-4-text-color { color: #fff; font-size: 15px; line-height: 23px; } @media (max-width:768px) { .footer-icon-size-30 { font-size: 25px; } .line2-footer-2 i{ background: url(../img/line2-footer-2-25.png) no-repeat !important; width:25px; height: 25px; margin-left:18px; margin-bottom: -3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .line2-footer-2:hover i{ background: url(../img/line2-footer-hover-25.png) no-repeat !important; width:25px; height: 25px; margin-left:18px; margin-bottom: -3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } .fb2-footer-2:hover i{ color: #ec6d01; } .right { float: right; } .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 40%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 32%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .login-form .icon_close i { font-size: 20px; margin-left:-40px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .login-form .icon_close:hover i, .login-form .icon_close:active i { opacity:1; } #Sliding-top a { color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #Sliding-top .links a:hover, #Sliding-top .links a:active { color: #ec6d01; } .header-6-fix-3 #Sliding-top { display: none; } .qa-5-fix-2 .column { margin-left: 0; } .footer-note { margin-top: 20px; background: none; position: relative; } .footer-note span { color: #444; font-size: 17px; } @media (max-width:1239px) { .one-fourth-2.column { width: 45%; } .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 65%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper { position: absolute; display: block; right:0; top: 100%; width: 134%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper .widget { width: 100%; } .login-form .icon_close i { font-size: 20px; margin-left:0px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .login-form .one-fourth.column { width: 26%; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 40%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 38%; } } @media (max-width:991px) { .header-6-fix-3 #Sliding-top { display: block; } } @media (max-width:959px) { .one-fourth-2.column { width: 60%; } .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 100%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper { position: absolute; display: block; right:0; top: 100%; width: 200%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper .widget { width: 100%; } .login-form .icon_close i { font-size: 20px; margin-left:0px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .login-form .one-fourth.column { width: 36%; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 55%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 51%; } } .cart-short-list .widgets_wrapper { display: none; } .cart-short-list .one-fourth-2.column { margin: 0; padding: 0; } .cart-short-list .row { width:100%; margin: 0; margin-top:10px; margin-bottom:10px; padding: 0 0 0 8px; } @media (max-width:767px) { .part-3-fix .cart-short-list { position: absolute; display: block; right:0; top: 100%; width: 100%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 90%; } .ab-4-fix { margin:0 20px; } } @media (max-width:479px) { .cart-short-list .container { width:350px !important; } .cart-short-list .row { width:350px; margin: 0; margin-top:10px; margin-bottom:10px; padding: 0 0 0 0; } .one-fourth-2.column { width: 350px; } .cart-short-list { position: absolute; display: block; right:0; left: -80px; top: 100%; width: 400px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper { position: absolute; display: block; right:0; top: 100%; width: 400px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper .widget { width: 100%; } .login-form .icon_close i { font-size: 20px; margin-left:0px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .login-form .one-fourth.column { width: 36%; } } @media (max-width:425px) { .filters-3 ul li a { width: 340px; text-align: center; } } @media (max-width:414px) { .cart-short-list .container { width:350px !important; } .cart-short-list .row { width:350px; margin: 0; margin-top:10px; margin-bottom:10px; padding: 0 0 0 0; } .one-fourth-2.column { width: 350px; } .cart-short-list { position: absolute; display: block; right:0; left: -20px; top: 100%; width: 400px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; left: 0px; top: 100%; width: 100%; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 90%; } #Sliding-top .widgets_wrapper { position: absolute; display: block; right:0; top: 100%; left:-200px; width: 260px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper .widget { width: 260px; } .login-form .icon_close i { font-size: 20px; margin-left:-140px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .login-form .one-fourth.column { width: 1%; } .filters-3 ul li a { width: 337px; text-align: center; } } @media (max-width:375px) { .cart-short-list .container { width:350px !important; } .cart-short-list .row { width:350px; margin: 0; margin-top:10px; margin-bottom:10px; padding: 0 0 0 0; } .one-fourth-2.column { width: 350px; } .cart-short-list { position: absolute; display: block; right:0; left: -25px; top: 100%; width: 380px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; left: -25px; top: 100%; width: 380px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 350px; } .login-form .icon_close i { font-size: 20px; margin-left:-120px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .filters-3 ul li a { width: 305px; text-align: center; } } @media (max-width:360px) { .cart-short-list .container { width:350px !important; } .cart-short-list .row { width:350px; margin: 0; margin-top:10px; margin-bottom:10px; padding: 0 0 0 0; } .one-fourth-2.column { width: 350px; } .cart-short-list { position: absolute; display: block; right:0; left: -25px; top: 100%; width: 365px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; left: -25px; top: 100%; width: 365px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 350px; } .login-form .icon_close i { font-size: 20px; margin-left:-100px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .filters-3 ul li a { width: 290px; text-align: center; } } @media (max-width:320px) { .cart-short-list .container { width:320px !important; } .cart-short-list .row { width:320px; margin: 0; margin-top:10px; margin-bottom:10px; padding: 0 0 0 0; } .one-fourth-2.column { width: 320px; } .cart-short-list { position: absolute; display: block; right:0; left: -35px; top: 100%; width: 320px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .cart-short-list { position: absolute; display: block; right:0; left: -35px; top: 100%; width: 320px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } .part-3-fix .one-fourth-2.column { width: 320px; } #Sliding-top .widgets_wrapper { position: absolute; display: block; right:0; top: 100%; left:-200px; width: 300px; z-index: 800; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background: #545454; } #Sliding-top .widgets_wrapper .widget { width: 300px; } .login-form .icon_close i { font-size: 20px; margin-left:-20px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .filters-3 ul li a { width: 225px; text-align: center; } } .cart-short-list img { margin: 0; padding: 0 0 0 10px; } .cart-short-list h3 { width:190px; font-size: 15px; line-height: 15px; color: #fff; padding: 10px 10px; height: 22px; overflow-y: hidden; } @media (max-width:492px) { .cart-short-list h3 { width:170px; font-size: 15px; line-height: 15px; color: #fff; padding: 10px 10px; height: 22px; overflow-y: hidden; } } @media (max-width:320px) { .cart-short-list h3 { width:130px; font-size: 15px; line-height: 15px; color: #fff; padding: 10px 10px; height: 22px; overflow-y: hidden; } } .cart-short-list span { height: 22px; overflow-y: hidden; display: inline-block; font-size: 15px; line-height: 15px; color: #fff; padding: 10px 10px 10px 10px; } .cart-short-list .seperator { width: 95%; height: 1px; border-bottom: 1px dotted #ccc; margin: 0 0 0 10px; } .cart-short-list .checkout-btn { display:flex; align-items:center; justify-content:center; } .cart-short-list .single-item-link { display: block; padding:5px 0px 5px 0; } .cart-short-list .single-item-link:hover,.cart-short-list .single-item-link:active { background-color: rgba(255,255,255,0.4); width: 100%; height: 60px; padding:5px 0px 5px 0; } .cart-short-list .single-item-link h3,.cart-short-list .single-item-link span { color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .cart-short-list a.single-item-link { color: #fff; } .cart-short-list a.checkout-btn { color: #fff; } .cart-short-list .single-item-link:hover h3,.cart-short-list .single-item-link:active h3 { color: #fff; } .cart-short-list .single-item-link:hover span,.cart-short-list .single-item-link:active span { color: #fff; } .download-1-fix .portfolio-item-fw-wrapper { margin-bottom: 20px; } .download-1-fix .catalog-img a .cataglog-mask{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .cataglog-mask { background: rgba(0,0,0,0); width: 162px; height: 227px; position: absolute; margin:0; padding:0; top:0; } .download-1-fix .catalog-img a img { width: 162px; height: 210px; } .download-1-fix .catalog-img a:hover .cataglog-mask,.download-1-fix .catalog-img a:active .cataglog-mask{ background: rgba(0,0,0,0.2); width: 162px; height: 227px; position: absolute; top:0; margin:0; padding:0; display:block; } .download-1-fix h5 { font-size: 15px; font-weight: normal; height: 40px; overflow-y: hidden; } .download-2-fix .trailer_box .desc h2 { font-size: 17px; line-height: 17px; font-weight: normal; height: 32px; overflow-y: hidden; } .download-3-fix .catalog-3-link img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .download-3-fix .catalog-3-link:hover img,.download-3-fix .catalog-3-link:active img{ opacity: 0.7; } .download-4-fix .catalog-4-link .photo_wrapper img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .download-4-fix .catalog-4-link:hover .photo_wrapper img,.download-4-fix .catalog-4-link:active .photo_wrapper img{ -webkit-filter: brightness(0.8); -moz-filter: brightness(0.8); -o-filter: brightness(0.8); filter: brightness(0.8); } .download-4-fix h4 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .download-4-fix h4:hover, .download-4-fix h4:active { color: #ec6d01; } @media (max-width:1239px) { .cataglog-mask { background: rgba(0,0,0,0); width: 127px; height: 177px; position: absolute; margin:0; padding:0; top:0; } .download-1-fix .catalog-img a:hover .cataglog-mask,.download-1-fix .catalog-img a:active .cataglog-mask{ background: rgba(0,0,0,0.2); width: 127px; height: 177px; position: absolute; top:0; margin:0; padding:0; display:block; } .download-1-fix a.button .button_label { padding: 11px 5px; } .download-3-fix a.button .button_label { padding: 11px 9px; } .download-4-fix a.button .button_label { padding: 11px 9px; } } @media (max-width:959px) { .cataglog-mask { background: rgba(0,0,0,0); width: 95px; height: 133px; position: absolute; margin:0; padding:0; top:0; } .download-1-fix .catalog-img a:hover .cataglog-mask,.download-1-fix .catalog-img a:active .cataglog-mask{ background: rgba(0,0,0,0.2); width: 95px; height: 133px; position: absolute; top:0; margin:0; padding:0; display:block; } .download-1-fix a.button .button_label { padding: 11px 9px; } .download-2-fix .trailer_box .desc { padding: 20px 0px 35px; } .download-2-fix .trailer_box .desc .subtitle { padding: 4px 4px; } .download-4-fix .article_box { width: 195px; } .download-4-fix .article_box .desc_wrapper { width: 195px; } } @media (max-width:768px) { .download-4-fix .downlonad-4-content-margin-fix{ margin-left: 70px; } .download-4-fix .one-third.column { width: 28%; } } @media (max-width:767px) { .download-2-fix .column_trailer_box { display:flex; align-items:center; justify-content:center; } .download-2-fix .trailer_box a{ width:194px; } .download-2-fix .trailer_box a:after { width:194px; } .download-2-fix .trailer_box .desc { width:194px; } } @media (max-width:480px) { .cataglog-mask { background: rgba(0,0,0,0); width: 162px; height: 227px; position: absolute; margin:0; padding:0; top:0; } .download-1-fix .catalog-img a:hover .cataglog-mask,.download-1-fix .catalog-img a:active .cataglog-mask { background: rgba(0,0,0,0.2); width: 162px; height: 227px; position: absolute; top:0; margin:0; padding:0; display:block; } .download-1-fix .catalog-img a { width: 162px; display:flex; align-items:center; justify-content:center; } .download-1-fix .portfolio_group .portfolio-item { display:flex; align-items:center; justify-content:center; } .download-1-fix .portfolio_group .portfolio-item .desc { width: 162px; padding: 10px 0; } .download-1-fix .catalog-btn { width: 162px; } .download-3-fix .catalog-3-link { width: 128px; } .download-3-fix .icon_box .desc_wrapper { width: 128px; } .download-3-fix .column_icon_box { display:flex; align-items:center; justify-content:center; } .download-4-fix .downlonad-4-content-margin-fix{ margin-left: 110px; } } @media (max-width:414px) { .download-4-fix .downlonad-4-content-margin-fix{ margin-left: 110px; } } @media (max-width:375px) { .download-4-fix .downlonad-4-content-margin-fix{ margin-left: 90px; } } @media (max-width:360px) { .download-4-fix .downlonad-4-content-margin-fix{ margin-left: 85px; } } @media (max-width:320px) { .download-4-fix .downlonad-4-content-margin-fix{ margin-left: 65px; } } .download-3-fix h4 { height: 35px; overflow-y: hidden; color: #fff; font-size: 17px; line-height: 18px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .download-3-fix .catalog-3-link:hover h4{ color: #ec6d01; } .download-4-fix h4 { font-size: 17px; } .download-4-fix a.button { margin: 35px 0 0 0; } .download-5-fix h4 { font-size: 17px; line-height: 17px; height: 35px; overflow-y: hidden; } .qa-4-fix .one.column { width: 96%; margin-left: 40px; } @media (max-width:1239px) { .qa-4-fix .one.column { width: 93%; margin-left: 40px; } } @media (max-width:959px) { .qa-4-fix .one.column { width: 90%; margin-left: 40px; } } @media (max-width:767px) { .qa-4-fix .one.column { width: 86%; margin-left: 40px; } } @media (max-width:479px) { .qa-4-fix .one.column { width: 80%; margin-left: 40px; } } @media (max-width:414px) { .qa-4-fix .one.column { width: 78%; margin-left: 40px; } } .download-5-fix .flv_sections_16 { margin-bottom: 60px; } .download-5-fix .ab-5-icon-color h4 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .download-5-fix .ab-5-icon-color:hover h4, .download-5-fix .ab-5-icon-color:active h4 { color: #ec6d01; } .qa-5-fix .ab-1-back-btn { padding-top:0; } body:not(.template-slider) .qa-5-fix-2 #Content-2 { padding-bottom: 0; } .cart-short-list .icon_close i { font-size: 20px; margin-left:-40px; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .cart-short-list .icon_close:hover i, .cart-short-list .icon_close:active i { opacity:1; } .login-form .login-submit { margin-top: 10px; width: 80px; } .login-form .links { margin-top: 20px; } .login-form .login-submit input[type="submit"] { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .login-form .login-submit:hover input[type="submit"],.login-form .login-submit:active input[type="submit"] { background-color: #ec6d01; color: #fff; } .shop { margin-top: 100px; } .m-info-fix { margin-top: 50px; } .tooltip { opacity:1; } .shop .checkout { margin-top: 50px; } .shop .steps-block { padding: 20px 30px; border: 1px dotted #444; border-radius:5px; color: #444; font-size: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .shop .steps-text { color: #444; display: block; width: 79px; text-align: center; padding: 30px 0 0 30%; } .step-btn { color: #444; margin: 0 0 0 30%; } .shop .process-tab li.active .steps-block{ background-color: #ec6d01; border: 1px dotted #ec6d01; color: #fff; } .shop .process-tab li .step-btn:hover .steps-block, .shop .process-tab li .step-btn:active .steps-block{ background-color: #ec6d01; border: 1px dotted #ec6d01; color: #fff; } .form-control[disabled], fieldset[disabled] .form-control,select[disabled] { cursor: not-allowed; } .shop table tr:hover .cart-item-name a { color: #ec6d01; } .shop table tr:hover .cart-item-size { color: #444; } .shop table tr:hover .cart-item-price { color: #444; } .shop .series-number { font-size: 18px; font-weight: bold; color: #444; margin: 0; padding:0; } .shop .review-cart-heading { font-weight: bold; display:flex; align-items:center; justify-content:center; } .shop .series-number span { font-size: 23px; } .shop .column { margin: 0 1% 0px; } .shop .series-number-input { margin-top:18px; margin-right: 10px; padding: 0px 0 0 0; } .shop .check-series { margin-top: 0px; } .shop .check-series #myBtn { margin-top:10px; } .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 25%; /* Could be more or less, depending on screen size */ } .modal .close { width: 20px; height: 30px; } .modal .close span { position: absolute; top:5px; left:14px; color: #fff; font-size: 18px; } .modal .close:active,.modal .close:focus { outline: none; } .modal .form-group { width: 100%; float: left; clear: both; margin-bottom: 10px; } .modal .form-group input { float: left; } .modal .form-group label { float: left; margin-top: -2px; } .modal .modal-body button { margin: 20px 0 0 0; width: 100%; } .modal .modal-body .heading { font-weight: bold; } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } input[type="checkbox"]{ width: 20px; /*Desired width*/ height: 20px; /*Desired height*/ cursor: pointer; position: relative; top:4px; } input[type="radio"]{ width: 20px; /*Desired width*/ height: 20px; /*Desired height*/ cursor: pointer; position: relative; top:4px; } .shop .confirm-serices .tc { float: left; margin-right: 30px; } .shop .confirm-serices .tl { float: left; margin-top:20px; } .shop .confirm-serices label { margin: 0 0 0 7px; } .shop .confirm-serices input { } .shop .confirm-serices span { font-size: 18px; color: #444; display: inline-block; } .shop .update-cart-btn a { color: #fff; } .shop .update-cart-btn span { font-size: 13px; color: #fff; } .shop .confirm-serices-note .tc { color: #ec6d01; display:flex; align-items:center; justify-content:center; } .shop .series-number-section { display:flex; align-items:center; justify-content:center; } .shop .series-number-section one.column { width:100%; } .shop .confirm-serices { display:flex; align-items:center; justify-content:center; } .shop button:active, .shop button:focus { outline: none; } .shop .review-cart-block { margin: 40px 0 0 30%; } .shop .review-cart-block .review-cart-heading-2 { margin: 0 0 30px 17%; font-weight: bold; } .shop .review-cart-block .cart-review { clear:both; } .shop .review-cart-block .text-left{ float: left; } .shop .review-cart-block .text-right{ float:right; } .shop .seperator { width: 100%; height: 1px; border-bottom: 1px dotted #ccc; margin: 40px 0 40px 0; } .shop .review-cart-block .cart-review .rows { font-size: 15px; margin-bottom: 20px; } .shop .review-cart-block .cart-review hr { width: 314px; height: 1px; border-bottom: 1px dotted #ccc; } .shop .review-cart-block .cart-review .sss { width: 240px; display:flex; align-items:center; justify-content:center; margin-left: 90px; } .cart-bill-total .tp6 { font-size: 16px; font-weight: bold; } .cart-bill-total .s { font-size: 30px; font-weight: bold; margin-left: 20px; } .cart-bill-payment { display:block; align-items: initial; justify-content: initial; margin-top: 40px; } .cart-bill-payment .tc { font-size: 22px; margin-top: 30px; color: #ed6c01; } .shop .text-logo { color: #ec6d01; font-size: 18px; display: inline-block; } .cart-bill .column { margin: 0; } @media (min-width:1240px) { .cart-bill .name input { width: 97.6%; } } @media (max-width:1239px) { .cart-bill .name input { width: 98.4%; } .shop .review-cart-block .cart-review .sss { margin-left: 50px; } } .cart-bill .cellphone { margin-right: 19px; } .cart-bill-payment .radio__label,.cart-bill-payment .checkbox__label { font-size: 18px; } .shop .modal-body label { margin-top:5px; font-size: 16px; } .cart-bill .same-check { margin-bottom: 20px; } .cart-bill .form-group label { font-size: 15px; } .cart-bill .address { margin-left: 3px; } .cart-bill .cellphone input { width: 100%; } .cart-bill .email input { width: 100%; } @media (min-width:1240px) { .cart-bill .address input { width: 97.6%; } .cart-bill .phone input { width: 97.5%; } .cart-bill .phone-2 input { width: 100%; } } @media (max-width:1239px) { .cart-bill .address input { width: 98.4%; } .cart-bill .phone input { width: 98.4%; } .cart-bill .phone-2 { margin-left: 2px; } .cart-bill .phone-2 input { width: 100%; } } .cart-bill .phone { margin-left: 0px; } .cart-payment .phone { margin-left: -7px; } .cart-bill .receive-title { margin-left: 8px; } .cart-bill .member-name input { width: 100%; } .cart-bill .person-id { margin-left: 19px; } .cart-bill .person-id input { width: 100%; } .cart-bill .en-name input { width: 100%; } .cart-bill .birth { margin-left: 19px; } .cart-bill .birth input { width: 100%; } .cart-bill .captha { margin-top:20px; } .cart-bill .captha .refresh i { font-size: 30px; } .cart-bill .captha .refresh { margin-left: 20px; } .shop .review-cart-block button { font-size:16px; font-weight: bold; } .shop .gonextbtn2 a { color: #fff; margin-top: 40px; } .cart-bill .checkout { margin-top:80px; } .shop .thanksnote { display:flex; align-items:center; justify-content:center; font-size: 20px; font-weight: bold; margin-top: 80px; } .shop button[disabled], .shop html input[disabled] { cursor: not-allowed; } input[type="radio"][disabled] { cursor: not-allowed; } .receive-1 input[type="text"] { width: 235px; } @media (min-width:1240px) { .receive-1 input[type="text"] { width: 357px; } } @media (max-width:1239px) { .receive-1 input[type="text"] { width: 285px; } } .cart-bill-gender { margin-bottom: 15px; } .cart-bill-end-btn { margin:40px 0 0 40%; } .captha-input { float: left; } .captha { float: left; margin-left: 10px; } .cart-payment-end-btn { margin:40px 0 0 40%; } .ab-6-fix .big { color: #fff; } .ab-6-fix .flv_sections_12 { background-position: right center !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; width: 50%; height:180px; } .ab-6-fix-2 .height-fix { height: 180px; overflow-y: hidden; } .ab-6-fix-2 p { height: 50px; overflow-y: hidden; } .ab-6-fix-3 .section_wrapper { width: 100%; height: 180px; } @media (max-width:768px) { .payway-opt .one-fifth.column { width: 30%; } .cart-bill .phone-2 { margin-left: 0px; } .cart-bill .phone input { width: 97%; } .receive-1 input[type="text"] { width: 212px; } .cart-bill .phone-2 input { width: 99.5%; } .cart-bill .email input { width:99.5%; } .cart-bill .captha { margin-left: 10px; } .cart-bill-user-term { margin-left: 250px; } .cart-bill-end-btn { margin:40px 0 0 38%; } .cart-payment .phone { margin-left: 0px; } } @media (max-width:736px) { .ab-6-fix .flv_sections_12 { background-position: right center !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; width: 100%; height:180px; margin-top: -20px; margin-bottom: 30px; } } @media (max-width:480px) { .ab-6-fix .flv_sections_12 { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } .cart-bill .name input { width: 100%; } .cart-bill .phone input { width: 100%; } .cart-bill .post input { width: 100%; } .cart-bill .address { margin-left: 0; } .cart-bill .receive-title { margin-left: 0; } .cart-bill .receive-1 input { width: 100%; } .reveice-1-fix { margin-top: 20px; } .cart-bill .phone-2 input { width:100%; } .cart-bill .person-id { margin-left: 0; } .cart-bill .birth { margin-left: 0; } .shop .one-third.column { width: 20%; } .captha-input { width: 100px; } .cart-bill-user-term { margin-left: 0; } .cart-bill-end-btn { margin-left: 0%; } .cart-payment-end-btn { margin:40px 0 0 0%; } } @media (max-width:375px) { .cart-payment-end-btn { margin:40px 0 0 0%; } } @media (max-width:320px) { .cart-payment-end-btn { margin:40px 0 0 0%; } .cart-bill-end-btn { margin-left: -13%; } .pdt-details-7-fix-2 .shop_slider .blog_slider_header .title { } .pdt-details-7-fix-2 .section_wrapper { width: 300px !important; } } .cart-done-btn .review-cart-block { margin-top: 60px; padding-left: 0px; } .order-list-option .options{ margin-left: 430px; } .order-list-option .one.column { margin-bottom: 0; } .order-list-option .pager_wrapper { margin-top: 30px; } .order-list-option table tr:hover td { color: #444; } .order-list-option table tr:hover td a{ color: #444; } .m-login-fix input { width:50%; } .m-login-fix .forgot { margin-left: 360px; } .m-login-fix form { width:100%; } .m-login-fix { width: 100%; padding-left: 200px; } .m-forget-fix { margin-top: 50px; } .m-forget-fix .captha-input input { width: 100%; } .m-forget-fix .captha { margin-top: -5px; } .m-forget-fix .captha .refresh i { font-size: 30px; } .m-forget-fix .captha .refresh { margin-left: 10px; } .m-forget-fix .form-group-2 { margin-left: 0px; } .m-forget-fix .text-logo { color: #ec6d01; font-size: 18px; display: inline-block; } .m-forget-btn a { margin:0px 0 0 90px; } .m-forget-btn button { width: 250px; margin-top: 30px; } .m-forget-btn { margin-left: 80px; margin-top: 30px; } .m-info-fix .one.column { width: 100%; } .m-info-fix .pass { width: 100%; } .m-info-fix .pass-2 { width: 100%; } .m-info-fix .pass-2 .one-second.column { width: 24.5%; } .m-info-fix .pass-2 .city { margin-right: 9px; } .m-info-fix .form-group-2 .one-third.column { width:20%; } .m-info-fix .form-group-2 input { width: 90%; } .m-info-fix .form-group-2 .captha { margin-top: 0px; } .m-info-fix .captha .refresh i { font-size: 30px; } .m-info-fix .captha .refresh { margin-left: 20px; } .m-info-fix .pass .one-second.column { width: 25%; } .m-info-fix .pass .one-second-5.column { width: 40%; } .m-info-fix .pass .one-fifth.column { width: 10%; } .m-info-fix .password { width: 50%; } .m-info-fix .re-password { width: 50%; } .m-info-fix .password input{ width: 96%; } .m-info-fix .re-password input{ width: 100%; } .m-info-fix .column { margin: 0; } .m-info-fix .text-logo { color: #ec6d01; font-size: 18px; display: inline-block; } .m-info-fix .select-full select { width: 50%; } .m-info-fix .m-forget-btn { margin-top: 30px; } .m-sign-up-fix .note-3 p { font-size: 15px; line-height: 25px; margin-bottom: 30px; } .m-index-fix p { font-size: 20px; line-height: 28px; margin-top: 60px; } .checkout-btn span { margin: 7px 0 0 0; padding:0; } .portfolio_group.grid .portfolio-item { width: 23%; } .index-title { width: 100%; height: 36px; border-bottom: 1px dotted #ccc; margin: 0; padding:0; } .index-title h3 { font-size: 22px; font-weight: bold; border-bottom: 2px solid #ec6d01; width: 160px; padding-bottom: 7px; } .index-fix .portfolio_wrapper { margin-bottom: 40px; } .cart-done-end-btn .review-cart-block a { float: left; margin-left: 60px; margin-right: 60px; } .m-login-fix-2 { margin: 0 0 0 0px; padding-top: 60px; padding-left: 50px; } .shop .order-list-end-btn { margin: 80px 0 0 46%; } .order-state-select { float: left; } .order-state-search-btn { float: left; margin-left: 30px; } .shop .sp25 input { margin-top: 20px; } .shop .cart-item-quantity input { margin-top: 20px; } .shop td button { margin-top:15px; } .cart-bill .phone-3 input { width: 100%; } .order-details-end-btn { margin-left: 400px; } .order-details-end-btn .tc-1 { float: left; margin-left: 30px; margin-right: 30px; } .order-details-end-btn .tc-2 { float: left; margin-left: 30px; margin-right: 30px; } .m-done-end-btn { margin-top: 80px; margin-left: 420px; } .index-5-ab-fix h2 { height: 30px; overflow-y: hidden; } .index-5-ab-fix h4 { height: 25px; overflow-y: hidden; } .index-5-ab-fix p { height: 63px; overflow-y: hidden; } @media (max-width:1239px) { .cart-done-btn .review-cart-block { padding-left: 0px; margin-left: 230px; } .m-login-fix { padding-left: 100px; } .m-login-fix input { width: 65%; } .m-login-fix-2 .one-fifth.column { width: 28%; } .m-login-fix-2 .one-seventh.column { width: 12%; } .m-info-fix .username input { width: 343px; } .order-list-option .options{ margin-left: 360px; } .cart-bill .phone-3 { margin-left: 3px; } .order-details-end-btn { margin-left: 280px; } .m-forget-btn a { margin:0px 0 0 30px; } } @media (max-width:959px) { .cart-checkout-fix { margin-left: -100px; } .table-responsive { width: 100%; } .table-responsive table { width: 113%; } } @media (max-width:768px) { .m-login-fix { padding-left: 70px; } .m-login-fix input { width: 84%; } .m-login-fix-2 .one-fifth.column { width: 35%; } .m-login-fix-2 .one-seventh.column { width: 16%; } .cart-checkout-fix { margin-left: 0px; } .table-responsive { width: 100%; } .table-responsive table { width: 100%; } .shop .cart-item-quantity input{ width: 40px; margin-top: 20px; } .shop .sp25 input { width: 200px; margin-top: 20px; } .shop .sp25 select { width: 200px; } .shop .one-second-3.column { width: 50%; } .cart-checkout-total-title .text-left.one-sixth.column { width: 30%; } .shop .one-fifth-2.column { width: 28%; } .shop .confirm-serices .one-fifth.column { width: 32%; } .shop .confirm-serices .one-seventh.column { width:18%; } .shop td button { margin-top: 15px; } .modal-content { width: 40%; } .shop .review-cart-block .text-left { margin-left:0px; width: 45%; } .shop .review-cart-block .cart-review .sss { margin-left: 30px; } .shop .review-cart-block .cart-review hr { width: 45%; } .cart-done-btn .review-cart-block { padding-left: 0px; margin-left: 70px; } .cart-done-btn .review-cart-block button { width: 150px; } .shop .checkout { margin-top: 0; } .m-info-fix .pass .one-second.column { width: 33.5%; } .m-info-fix .nation-select select { width: 342px; } .m-info-fix .city-select .one-second.column { width: 32.5%; } .m-info-fix .post .one-fifth.column { width: 15%; } .m-info-fix .pass .one-second-5.column { width: 52%; } .m-info-fix .captha-input input { width: 120px; } .m-info-fix .captha { margin-left: 10px; } .m-info-fix .form-group-2 .one-third.column { width: 25%; } .order-list-option .one-seventh.column { width: 15%; } .order-list-option .options{ margin-left: 260px; } .cart-bill .phone-3 { margin-left: 0px; } .order-details-end-btn { margin-left: 180px; } .m-forget-fix .form-group-2 { margin-left: 0px; } .m-index-fix p { width:410px; } } @media (max-width:767px) { .table-responsive { width: 100%; overflow-y: hidden; } .ab-1-back-btn { padding-top: 30px; padding-bottom: 30px; } } @media (max-width:480px) { .m-index-fix p { width:auto; } .m-login-fix { padding-left: 0px; } .m-info-fix .username input { width: 360px; } .m-info-fix .password input { width: 360px; } .m-info-fix .nation-select select { width: 360px; } .m-info-fix .city-select select { width: 360px; } .m-login-fix-2 { padding-left: 0; } .member-sidebar { padding-top: 60px; } .modal-content { width: 90%; } .shop .process-tab { margin-left: 50px; } .shop .process-tab .one-fourth.column { margin-bottom: 30px; } .table-responsive { width: 100%; } .table-responsive table { width: 210%; } .shop .cart-item-quantity input { width: 50px; } .shop .sp25 input { width: 200px; } .series-number-section .series-number { float: left; } .series-number-section .series-number-input { float: left; clear: both; } .series-number-section .series-number-input input { width:360px; } .series-number-section .check-series { float: left; clear: both; } .series-number-section .check-series #myBtn { width:360px; } .shop .series-number-section { display:block; align-items: initial; justify-content: initial; } .shop .cart-review { margin-left: -100px; } .cart-checkout-total-title .text-left.one-sixth.column { width: 10%; } .cart-checkout-total-title .text-right.one-sixth.column { width: 10%; } .shop .review-cart-block .cart-review hr { width: 60px; } .shop .one-second-3.column { width: 100%; } .shop .review-cart-block .text-left { margin-left:30px; width: 30%; } .shop .review-cart-block .pdr0 { margin-left: 70px; } .shop .review-cart-block .cart-review .sss { width:360px; margin-left: 0px; } .shop .review-cart-block .cart-review hr { width: 100%; } .shop .review-cart-block .review-cart-heading-2 { margin-left: 13%; } .gonextbtn2 a { width:360px; } .gonextbtn2 a button { width: 360px; } .m-login-fix-3 .shop .column { margin: 0; } .m-login-fix input { width: 100%; } .m-login-fix .gonextbtn2 a { width:360px; } .m-login-fix .gonextbtn2 a button { width:360px; } .m-login-fix .forgot { margin-left:0px; padding-left: 290px; } .cart-done-btn .review-cart-block { padding-left: 0px; margin-left: 0px; } .cart-done-btn .review-cart-block button { width: 130px; } .cart-done-end-btn .review-cart-block a { margin-left: 25px; margin-right: 25px; } .cart-done-end-btn .gonextbtn2 a button { width: 130px; } .cart-done-end-btn .gonextbtn2 a { width:130px; } .shop .review-cart-block .cart-review .sss { width: 240px; display:block; align-items: initial; justify-content: initial; margin-left: 0px; } .order-list-option .options{ margin-left: 0px; } .shop .order-list-end-btn { margin-left: 0%; } .order-details-end-btn { margin-left: -30px; } .m-forget-fix .form-group-2 { margin-left: 0px; } .m-forget-fix .captha { margin-top: 0; } .m-forget-btn a { margin:0px 0 0 -10px; } .m-info-fix .m-forget-btn a { margin:0px 0 0 0px; } } @media (max-width:425px) { #Wrapper { width: 100%; } .ab-1-back-btn { padding-top: 30px; padding-left:40%; padding-bottom: 30px; } } @media (max-width:375px) { .news-4-fix-2 .one.column p { width:340px; } .cart-done-end-btn .review-cart-block a { margin-left: 15px; margin-right: 15px; } .table-responsive table { width: 230%; } .shop .process-tab { margin-left: 30px; } .series-number-section .series-number-input input { width:330px; } .series-number-section .check-series #myBtn { width:330px; } .shop .confirm-serices .tc { float: left; margin-top: 30px; margin-right: 0; } .shop .update-cart-btn { float: left; clear: both; } .shop .update-cart-btn a { width:330px; } .shop .update-cart-btn a button { width: 330px; } .shop .confirm-serices { display:block; align-items: initial; justify-content: initial; } .gonextbtn2 a { width:330px; } .gonextbtn2 a button { width: 330px; } .m-login-fix .gonextbtn2 a { width:330px; } .m-login-fix .gonextbtn2 a button { width:330px; } .m-login-fix .forgot { margin-left:0px; padding-left: 260px; } .order-state-search-btn { margin-left: 10px; } .m-forget-btn a { margin:0px 0 0 -7px; } } @media (max-width:360px) { .news-4-fix-2 .one.column p { width:330px; } .cart-done-end-btn .review-cart-block a { margin-left: 10px; margin-right: 10px; } .table-responsive table { width: 235%; } .series-number-section .series-number-input input { width:320px; } .series-number-section .check-series #myBtn { width:320px; } .shop .update-cart-btn a button { width: 320px; } .gonextbtn2 a { width:320px; } .gonextbtn2 a button { width: 320px; } .m-login-fix .gonextbtn2 a { width:315px; } .m-login-fix .gonextbtn2 a button { width:315px; } .m-login-fix .forgot { margin-left:0px; padding-left: 240px; } .order-state-select select { width:220px; } } @media (max-width:320px) { .news-4-fix-2 .one.column p { width:290px; } .cart-done-fix .thanksnote p { width: 280px; } .cart-done-btn .review-cart-block button { width: 200px; } .cart-done-end-btn .review-cart-block a { margin-left: 0px; margin-right: 0px; } .cart-done-end-btn .gonextbtn2 a button { width: 200px; } .cart-done-end-btn .gonextbtn2 a { width: 200px; } .shop .process-tab { margin-left: 10px; } .table-responsive table { width: 260%; } .series-number-section .series-number-input input { width:260px; } .series-number-section .check-series #myBtn { width:260px; } .shop .update-cart-btn a button { width: 260px; } .gonextbtn2 { margin-left: 25px; } .gonextbtn2 a { width:260px; } .gonextbtn2 a button { width: 260px; } .shop .review-cart-block .review-cart-heading-2 { margin-left: 6%; } .m-login-fix .gonextbtn2 a { width:250px; } .m-login-fix .gonextbtn2 a button { width:250px; } .m-login-fix .forgot { margin-left:0px; padding-left: 180px; } .order-state-select select { width:160px; } .order-details-end-btn { margin-left: -35px; } .m-done-fix p { margin-left: -25px; } } .shop input,.shop select { background-color: #fafafa; } a:active button,a:focus button { outline: none; } .login-form input.button-primary:active, .login-form input.button-primary:focus { outline: none; } .text-center{ text-align: center; } .w900{ width: 900px; max-width: 100%; } .p-b-20{ padding-bottom: 20px; } /*191001start*/ li a .photo img{ max-width: 105px !important; height: 69px; } @media (min-width: 769px) and (max-width: 959px) { li a .photo img { max-width: 105px !important; height: 62px; } } /*191001end*/ footer{ padding-top: 40px; }