/* Theme Name: Fortuna Description: A business, portfolio and blog theme. Author: BlueOwlCreative Theme URI: http://blueowlcreative.com/wp/fortuna Author URI: http://blueowlcreative.com Version: 3.20 License: GNU General Public License License URI: license.txt Text Domain: Fortuna */ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* #Basic Styles ================================================== */ body { font: 16px/1.7em 'Lato', arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-weight: 400; background: #fff; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6, .heading_font { color: #333; font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.02em; text-transform: uppercase; line-height: 1.4em; margin-bottom: 20px; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { color: #08ada7; font-weight: inherit; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 36px; line-height: 1.3em; margin-bottom: 20px;} h2 { font-size: 27px; line-height: 1.3em; margin-bottom: 20px; } h3 { font-size: 20px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h1 i.icon, h2 i.icon, h3 i.icon, h4 i.icon, h5 i.icon, h6 i.icon { font-size: 0.86em; } .body_font, .body_font h1, .body_font h2, .body_font h3, .body_font h4, .body_font h5 { font-family: 'Lato', arial; text-transform: inherit; } p { margin: 0 0 12px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: 600; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 16px; line-height: 26px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 3px solid #08ada7; border-radius: 2px; } blockquote cite { display: block; font-size: 12px; margin-top: 12px; color: #999; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #444; outline: 0; text-decoration: none; -webkit-transition: color 0.14s linear; -moz-transition: color 0.14s linear; -ms-transition: color 0.14s linear; -o-transition: color 0.14s linear; transition: color 0.14s linear; } a:hover, a:focus { color: #08ada7; } a.colored, a:visited.colored { color: #08ada7; } a:hover.colored, a:focus.colored { color: #444; } p a, p a:visited { line-height: inherit; } .post_content a:not(.button), .post_content a:not(.button):visited{ color: #08ada7; } .dark_links a, .dark_links a h2, .dark_links a h3 { color: #444 !important; } .white_links a { color: #fff !important; } .dark_links a:hover, .white_links a:hover, .dark_links a:hover h2, .dark_links a:hover h3 { color: #08ada7 !important; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { /* list-style: none outside;*/ list-style-position: inside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 24px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 8px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 1.5em; margin-bottom: 6px; } /* #Images ================================================== */ img { max-width: 100%; height: auto; } #map_canvas { width:100%; height: 400px; } #map_canvas img{ max-width: none;} /* #Preloader ================================================== */ #boc_page_preloader{position:fixed; width:100%;height:100%;background:#FFF;z-index:999992;text-align:center;-webkit-transition:opacity 500ms ease;-moz-transition:opacity 500ms ease;transition:opacity 500ms ease;opacity:1;top:0;left:0} .boc_preloader_icon{top:50%;border-radius:100%;height:40px;width:40px;margin:0 auto;display:block;position:relative;border:3px solid #E5E5E5;margin-top:-25px} .boc_preloader_icon:before{position:absolute;content:"";-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-color:#08ada7 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:100%;border-style:solid;border-width:3px;display:block;height:100%;width:100%;top:-3px;left:-3px;animation:spin .9s infinite cubic-bezier(0.445,.03,.55,.95);-moz-animation:spin .9s infinite cubic-bezier(0.445,.05,.55,.95);-webkit-animation:spin .9s infinite cubic-bezier(0.445,.05,.55,.95)} /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { border: 1px solid #eee; padding: 8px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: inherit; font-size: inherit; color: #555; margin: 0; width: 300px; max-width: 100%; display: block; margin-bottom: 20px; background: #f9f9f9; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; } .wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="password"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select { width: 100%; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { background: #f6f6f6; color: #444; border-color: #ccc;} textarea { min-height: 50px; } label, legend { display: block; font-weight: bold; font-size: 13px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } .captcha_input, .wpcf7-form-control-wrap .captcha_input[type="text"] { width: 140px; } .center div.wpcf7 img.ajax-loader { margin-left: 5px; margin-right: -20px; } .white_text div.wpcf7 img.ajax-loader { background: white; border-radius: 50%; } .center .captcha_input { margin: auto; text-align:center; } input.input_bottom_line, select.input_bottom_line, textarea.input_bottom_line { background: none; padding: 8px 0; border: none; border-bottom: 1px solid #ddd; border-radius: 0px; } input.input_bottom_line:focus, textarea.input_bottom_line:focus{ background: none; border: none; border-bottom: 1px solid #999; border-radius: 0px; } /* white text */ .white_text input.input_bottom_line, .white_text select.input_bottom_line, .white_text textarea.input_bottom_line{ border-bottom: 1px solid rgba(250,250,250,0.3); color: #eee; } .white_text input.input_bottom_line:focus, .white_text textarea.input_bottom_line:focus{ border-bottom: 1px solid rgba(250,250,250,0.65); } .input_bottom_line::-webkit-input-placeholder { font-style: italic; } .input_bottom_line::-moz-placeholder { font-style: italic; } .input_bottom_line:-moz-placeholder { font-style: italic; } .input_bottom_line:-ms-input-placeholder { font-style: italic; } /* #Buttons ================================================== */ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; cursor: pointer; position:relative; margin-bottom: 12px; font-family: Montserrat, Arial, Helvetica, sans-serif; border-style: solid; border-width: 0; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); background-repeat: repeat-x; color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14); background-color: #333; text-decoration: none; font-weight: 400; font-size: 13px; line-height: 1em; padding: 11px 18px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; white-space: nowrap; } .button + .button { margin-left: 12px; } .button:hover, a:hover.button, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #08ada7; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-color: #333; } input.btn_outline, a.btn_outline, .btn_outline{ color: #333 !important; text-shadow: none; border: 2px solid #333; background: transparent; } input.btn_outline:hover, a.btn_outline:hover, .btn_outline:hover { background-color: #333 !important; color: #fff !important; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Fix Chrome border outline */ button:focus, input:focus { outline: none; } /* Custom BTN Classes */ .btn_rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn_circled { -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; } .btn_squared { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .button.btn_gradient{ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16)); } .btn_white, a.btn_white{ color: #333; background-color: #f8f8f8; text-shadow: none; } a:hover.btn_white{ color: #fff; background-color: #333; } input.btn_white.btn_outline, a.btn_white.btn_outline, .btn_white.btn_outline{ color: #fff !important; border: 2px solid #f8f8f8; background: transparent; } input.btn_white.btn_outline:hover, a.btn_white.btn_outline:hover, .btn_white.btn_outline:hover { background-color: #f8f8f8 !important; color: #333 !important; } input.btn_theme_color, a.btn_theme_color, .btn_theme_color{ background-color: #08ada7; } input.btn_theme_color:hover, a:hover.btn_theme_color, .btn_theme_color{ background-color: #333; } input.btn_theme_color.btn_outline, a.btn_theme_color.btn_outline, .btn_theme_color.btn_outline{ color: #08ada7 !important; border: 2px solid #08ada7; background: transparent; } input.btn_theme_color.btn_outline:hover, a.btn_theme_color.btn_outline:hover, .btn_theme_color.btn_outline:hover { background-color: #08ada7 !important; color: #fff !important; } /* Custom Colors */ input.btn_limegreen, a.btn_limegreen, .btn_limegreen{ background-color: #aad400; color: #fff !important; } input.btn_limegreen:hover, a.btn_limegreen:hover, .btn_limegreen:hover { background-color: #333 !important; } input.btn_limegreen.btn_outline, a.btn_limegreen.btn_outline, .btn_limegreen.btn_outline{ color: #aad400 !important; border: 2px solid #aad400; background: transparent; } input.btn_limegreen.btn_outline:hover, a.btn_limegreen.btn_outline:hover, .btn_limegreen.btn_outline:hover { background-color: #aad400 !important; color: #fff !important; } input.btn_green, a.btn_green, .btn_green{ background-color: #017f01; color: #fff !important; } input.btn_green:hover, a.btn_green:hover, .btn_green:hover { background-color: #333 !important; } input.btn_green.btn_outline, a.btn_green.btn_outline, .btn_green.btn_outline{ color: #017f01 !important; border: 2px solid #017f01; background: transparent; } input.btn_green.btn_outline:hover, a.btn_green.btn_outline:hover, .btn_green.btn_outline:hover { background-color: #017f01 !important; color: #fff !important; } input.btn_emerald, a.btn_emerald, .btn_emerald{ background-color: #008884; color: #fff !important; } input.btn_emerald:hover, a.btn_emerald:hover, .btn_emerald:hover { background-color: #333 !important; } input.btn_emerald.btn_outline, a.btn_emerald.btn_outline, .btn_emerald.btn_outline{ color: #008884 !important; border: 2px solid #008884; background: transparent; } input.btn_emerald.btn_outline:hover, a.btn_emerald.btn_outline:hover, .btn_emerald.btn_outline:hover { background-color: #008884 !important; color: #fff !important; } input.btn_jade, a.btn_jade, .btn_jade{ background-color: #08ada7; color: #fff !important; } input.btn_jade:hover, a.btn_jade:hover, .btn_jade:hover { background-color: #333 !important; } input.btn_jade.btn_outline, a.btn_jade.btn_outline, .btn_jade.btn_outline{ color: #08ada7 !important; border: 2px solid #08ada7; background: transparent; } input.btn_jade.btn_outline:hover, a.btn_jade.btn_outline:hover, .btn_jade.btn_outline:hover { background-color: #08ada7 !important; color: #fff !important; } input.btn_bondi, a.btn_bondi, .btn_bondi{ background-color: #0095b6; color: #fff !important; } input.btn_bondi:hover, a.btn_bondi:hover, .btn_bondi:hover { background-color: #333 !important; } input.btn_bondi.btn_outline, a.btn_bondi.btn_outline, .btn_bondi.btn_outline{ color: #0095b6 !important; border: 2px solid #0095b6; background: transparent; } input.btn_bondi.btn_outline:hover, a.btn_bondi.btn_outline:hover, .btn_bondi.btn_outline:hover { background-color: #0095b6 !important; color: #fff !important; } input.btn_royalblue, a.btn_royalblue, .btn_royalblue{ background-color: #005ed3; color: #fff !important; } input.btn_royalblue:hover, a.btn_royalblue:hover, .btn_royalblue:hover { background-color: #333 !important; } input.btn_royalblue.btn_outline, a.btn_royalblue.btn_outline, .btn_royalblue.btn_outline{ color: #005ed3 !important; border: 2px solid #005ed3; background: transparent; } input.btn_royalblue.btn_outline:hover, a.btn_royalblue.btn_outline:hover, .btn_royalblue.btn_outline:hover { background-color: #005ed3 !important; color: #fff !important; } input.btn_turquoise, a.btn_turquoise, .btn_turquoise{ background-color: #00cccc; color: #fff !important; } input.btn_turquoise:hover, a.btn_turquoise:hover, .btn_turquoise:hover { background-color: #333 !important; } input.btn_turquoise.btn_outline, a.btn_turquoise.btn_outline, .btn_turquoise.btn_outline{ color: #00cccc !important; border: 2px solid #00cccc; background: transparent; } input.btn_turquoise.btn_outline:hover, a.btn_turquoise.btn_outline:hover, .btn_turquoise.btn_outline:hover { background-color: #00cccc !important; color: #fff !important; } input.btn_blue, a.btn_blue, .btn_blue{ background-color: #00C1DB; color: #fff !important; } input.btn_blue:hover, a.btn_blue:hover, .btn_blue:hover { background-color: #333 !important; } input.btn_blue.btn_outline, a.btn_blue.btn_outline, .btn_blue.btn_outline{ color: #00C1DB !important; border: 2px solid #00C1DB; background: transparent; } input.btn_blue.btn_outline:hover, a.btn_blue.btn_outline:hover, .btn_blue.btn_outline:hover { background-color: #00C1DB !important; color: #fff !important; } input.btn_orange, a.btn_orange, .btn_orange{ background-color: #fea700; color: #fff !important; } input.btn_orange:hover, a.btn_orange:hover, .btn_orange:hover { background-color: #333 !important; } input.btn_orange.btn_outline, a.btn_orange.btn_outline, .btn_orange.btn_outline{ color: #fea700 !important; border: 2px solid #fea700; background: transparent; } input.btn_orange.btn_outline:hover, a.btn_orange.btn_outline:hover, .btn_orange.btn_outline:hover { background-color: #fea700 !important; color: #fff !important; } input.btn_yellow, a.btn_yellow, .btn_yellow{ background-color: #ffd800; color: #fff !important; } input.btn_yellow:hover, a.btn_yellow:hover, .btn_yellow:hover { background-color: #333 !important; } input.btn_yellow.btn_outline, a.btn_yellow.btn_outline, .btn_yellow.btn_outline{ color: #ffd800 !important; border: 2px solid #ffd800; background: transparent; } input.btn_yellow.btn_outline:hover, a.btn_yellow.btn_outline:hover, .btn_yellow.btn_outline:hover { background-color: #ffd800 !important; color: #fff !important; } input.btn_purple, a.btn_purple, .btn_purple{ background-color: #710691; color: #fff !important; } input.btn_purple:hover, a.btn_purple:hover, .btn_purple:hover { background-color: #333 !important; } input.btn_purple.btn_outline, a.btn_purple.btn_outline, .btn_purple.btn_outline{ color: #710691 !important; border: 2px solid #710691; background: transparent; } input.btn_purple.btn_outline:hover, a.btn_purple.btn_outline:hover, .btn_purple.btn_outline:hover { background-color: #710691 !important; color: #fff !important; } input.btn_magenta, a.btn_magenta, .btn_magenta{ background-color: #b4005f; color: #fff !important; } input.btn_magenta:hover, a.btn_magenta:hover, .btn_magenta:hover { background-color: #333 !important; } input.btn_magenta.btn_outline, a.btn_magenta.btn_outline, .btn_magenta.btn_outline{ color: #b4005f !important; border: 2px solid #b4005f; background: transparent; } input.btn_magenta.btn_outline:hover, a.btn_magenta.btn_outline:hover, .btn_magenta.btn_outline:hover { background-color: #b4005f !important; color: #fff !important; } input.btn_pink, a.btn_pink, .btn_pink{ background-color: #f2007d; color: #fff !important; } input.btn_pink:hover, a.btn_pink:hover, .btn_pink:hover { background-color: #333 !important; } input.btn_pink.btn_outline, a.btn_pink.btn_outline, .btn_pink.btn_outline{ color: #f2007d !important; border: 2px solid #f2007d; background: transparent; } input.btn_pink.btn_outline:hover, a.btn_pink.btn_outline:hover, .btn_pink.btn_outline:hover { background-color: #f2007d !important; color: #fff !important; } input.btn_red, a.btn_red, .btn_red{ background-color: #F51149; color: #fff !important; } input.btn_red:hover, a.btn_red:hover, .btn_red:hover { background-color: #333 !important; } input.btn_red.btn_outline, a.btn_red.btn_outline, .btn_red.btn_outline{ color: #F51149 !important; border: 2px solid #F51149; background: transparent; } input.btn_red.btn_outline:hover, a.btn_red.btn_outline:hover, .btn_red.btn_outline:hover { background-color: #F51149 !important; color: #fff !important; } input.btn_brown, a.btn_brown, .btn_brown{ background-color: #45260d; color: #fff !important; } input.btn_brown:hover, a.btn_brown:hover, .btn_brown:hover { background-color: #333 !important; } input.btn_brown.btn_outline, a.btn_brown.btn_outline, .btn_brown.btn_outline{ color: #45260d !important; border: 2px solid #45260d; background: transparent; } input.btn_brown.btn_outline:hover, a.btn_brown.btn_outline:hover, .btn_brown.btn_outline:hover { background-color: #45260d !important; color: #fff !important; } /* Custom Sizes */ .button.btn_small, button.btn_small, a.btn_small, input[type="submit"].btn_small, input[type="reset"].btn_small, input[type="button"].btn_small { font-size: 13px; padding: 11px 18px; } .button.btn_medium, button.btn_medium, a.btn_medium, input[type="submit"].btn_medium, input[type="reset"].btn_medium, input[type="button"].btn_medium { font-size: 13px; padding: 14px 22px; } .button.btn_large, button.btn_large, a.btn_large, input[type="submit"].btn_large, input[type="reset"].btn_large, input[type="button"].btn_large { font-size: 14px; padding: 16px 25px; } .button.btn_huge, button.btn_huge, a.btn_huge, input[type="submit"].btn_huge, input[type="reset"].btn_huge, input[type="button"].btn_huge { font-size: 17px; padding: 18px 30px; } .button.btn_small_stretched, button.btn_small_stretched, a.btn_small_stretched, input[type="submit"].btn_small_stretched, input[type="reset"].btn_small_stretched, input[type="button"].btn_small_stretched { font-size: 13px; padding: 11px 26px; } .button.btn_medium_stretched, button.btn_medium_stretched, a.btn_medium_stretched, input[type="submit"].btn_medium_stretched, input[type="reset"].btn_medium_stretched, input[type="button"].btn_medium_stretched { font-size: 13px; padding: 14px 30px; } .button.btn_large_stretched, button.btn_large_stretched, a.btn_large_stretched, input[type="submit"].btn_large_stretched, input[type="reset"].btn_large_stretched, input[type="button"].btn_large_stretched { font-size: 14px; padding: 16px 34px; } .button.btn_huge_stretched, button.btn_huge_stretched, a.btn_huge_stretched, input[type="submit"].btn_huge_stretched, input[type="reset"].btn_huge_stretched, input[type="button"].btn_huge_stretched { font-size: 17px; padding: 18px 39px; } .button.btn_full_width, button.btn_full_width, input[type="submit"].btn_full_width, input[type="reset"].btn_full_width, input[type="button"].btn_full_width { width: 100%; padding-left: 10px !important; padding-right: 10px !important; text-align: center; } .button.btn_small.btn_outline, .button.btn_small_stretched.btn_outline { padding-top: 9px; padding-bottom: 9px; } .button.btn_medium.btn_outline, .button.btn_medium_stretched.btn_outline { padding-top: 12px; padding-bottom: 12px; } .button.btn_large.btn_outline, .button.btn_large_stretched.btn_outline { padding-top: 14px; padding-bottom: 14px; } .button.btn_huge.btn_outline, .button.btn_huge_stretched.btn_outline { padding-top: 16px; padding-bottom: 16px; } .btn_3d { -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.15); box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.15); } .button.btn_small.btn_3d, .button.btn_small_stretched.btn_3d { -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15); box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15); } .button.btn_medium.btn_3d, .button.btn_medium_stretched.btn_3d { padding-top: 13px; padding-bottom: 15px; } .button.btn_large.btn_3d, .button.btn_large_stretched.btn_3d { padding-top: 15px; padding-bottom: 17px; } .button.btn_huge.btn_3d, .button.btn_huge_stretched.btn_3d { padding-top: 17px; padding-bottom: 19px; } /* Button Icons */ .button i.icon { font-size: 1.1em; margin: 0px 0.5em 0 -0.2em; top: 0.1em; position: relative; -webkit-transition: left 0.25s ease-out, opacity 0.1s ease-out; -moz-transition: left 0.25s ease-out, opacity 0.1s ease-out; -ms-transition: left 0.25s ease-out, opacity 0.1s ease-out; -o-transition: left 0.25s ease-out, opacity 0.1s ease-out; transition: left 0.25s ease-out, opacity 0.1s ease-out; /* These overwrite VC styles */ display: inline; width: auto; height: auto; vertical-align: inherit; line-height: 0px; } .button.btn_icon_anim_out i.icon { -webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out; -moz-transition: left 0.25s ease-out, opacity 0.25s ease-out; -ms-transition: left 0.25s ease-out, opacity 0.25s ease-out; -o-transition: left 0.25s ease-out, opacity 0.25s ease-out; transition: left 0.25s ease-out, opacity 0.25s ease-out; } .button.icon_pos_after i.icon { margin: 0px -0.2em 0 0.5em; } .button.btn_small_stretched.icon_pos_before i.icon, .btn_medium_stretched.icon_pos_before i.icon, .btn_large_stretched.icon_pos_before i.icon, .btn_huge_stretched.icon_pos_before i.icon{ margin: 0px 1em 0 0em; } .button.btn_small_stretched.icon_pos_after i.icon, .btn_medium_stretched.icon_pos_after i.icon, .btn_large_stretched.icon_pos_after i.icon, .btn_huge_stretched.icon_pos_after i.icon{ margin: 0px 0em 0 1em; } /* Icon Animations */ .button.btn_icon_anim_in, .button.btn_icon_anim_out{ /* overflow: hidden; */ } .button.btn_icon_anim_in span, .button.btn_icon_anim_out span{ -webkit-transition: left 0.25s ease-out; -moz-transition: left 0.25s ease-out; -ms-transition: left 0.25s ease-out; -o-transition: left 0.25s ease-out; transition: left 0.25s ease-out; position: relative; } .button.icon_pos_before.btn_icon_anim_in span{ left: -0.9em; } .button.btn_icon_anim_in:hover span{ left: 0; } .button.icon_pos_before.btn_icon_anim_in i.icon{ left: -20px; opacity: 0; } .button.icon_pos_before.btn_icon_anim_in:hover i.icon{ left: 0px; opacity: 1; } .button.icon_pos_before.btn_icon_anim_out span{ left: 0; } .button.btn_icon_anim_out.icon_pos_before:hover span{ left: -0.9em; } .button.icon_pos_before.btn_icon_anim_out i.icon{ left: 0px; opacity: 1; } .button.icon_pos_before.btn_icon_anim_out:hover i.icon{ left: -20px; opacity: 0; } .button.icon_pos_after.btn_icon_anim_in span{ left: 0.9em; } .button.icon_pos_after.btn_icon_anim_in:hover span{ left: 0; } .button.icon_pos_after.btn_icon_anim_in i.icon{ left: 20px; opacity: 0; } .button.icon_pos_after.btn_icon_anim_in:hover i.icon{ left: 0px; opacity: 1; } .button.icon_pos_after.btn_icon_anim_out span{ left: 0; } .button.btn_icon_anim_out.icon_pos_after:hover span{ left: 0.9em; } .button.icon_pos_after.btn_icon_anim_out i.icon{ left: 0px; opacity: 1; } .button.icon_pos_after.btn_icon_anim_out:hover i.icon{ left: 20px; opacity: 0; } /* Video Icon Link */ .small_video_link { padding-left: 36px; display: inline-block; position: relative; } .small_video_link:before, .small_video_link:after { content: " "; display: block; position: absolute; top: 50%; left: 15px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .small_video_link:before { width: 26px; height: 26px; border: none; background-color: #08ada7; border-radius: 30px; } .small_video_link:after { width: 0; height: 0; border-top: 0.2em solid transparent; border-left: 0.275em solid #fff; border-bottom: 0.2em solid transparent; margin: 0.0125em 0 0 0.065em; border-top-width: 5px; border-left-width: 8px; border-bottom-width: 5px; margin-left: 1px; } .video_link{ display: inline-block; position: relative; width: 82px; height: 82px; border: 2px solid #fff; border-radius: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; cursor: pointer; text-indent: -8000px; } .video_link:before{ position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -8px; content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #fff; } .video_link:hover { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); } /* Rev slider arrows - Light slider */ .tp-leftarrow.custom, .tp-rightarrow.custom { margin-top: -28px !important; top: 50% !important; background: rgba(255,255,255,0.9)!important; color: #333333 !important; width: 56px!important; height: 56px!important; line-height: 56px!important; text-align: center!important; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .tp-leftarrow.custom:hover, .tp-rightarrow.custom:hover { background: rgba(0,0,0,0.7)!important; color: #ffffff !important; opacity: 1!important; } .tp-rightarrow.custom { border-radius: 3px 0 0 3px !important; right: 0; } .tp-leftarrow.custom { border-radius: 0 3px 3px 0 !important; left: 0; } .tp-rightarrow.custom:before, .tp-leftarrow.custom:before { color: #333 !important; font-size: 22px !important; line-height: 54px !important; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .tp-rightarrow.custom:hover:before, .tp-leftarrow.custom:hover:before { color: #ffffff !important; } /* Rev slider arrows - Regular Arrows */ .tparrows { width: 60px; height: 60px; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; -ms-transition: background-color .25s; -o-transition: background-color .25s; transition: background-color .25s; } .tparrows.tp-leftarrow { border-radius: 0 4px 4px 0; } .tparrows.tp-rightarrow { border-radius: 4px 0 0 4px; } .tparrows:before { font-size: 20px; line-height: 60px; } /* Rev slider arrows - Hermes Arrows */ .hermes.tparrows { width: 50px !important; background: rgba(0,0,0,0.3) !important; } .hermes.tparrows:before { font-size: 20px !important; } .hermes.tparrows.tp-leftarrow { border-radius: 0 4px 4px 0; } .hermes.tparrows.tp-rightarrow { border-radius: 4px 0 0 4px; } .hermes .tp-arr-imgholder { background-size: cover; } /* Theme Buttons in Rev slider Transitions */ .rev_slider a.button { -webkit-transition: all 0.15s linear !important; -moz-transition: all 0.15s linear !important; -ms-transition: all 0.15s linear !important; -o-transition: all 0.15s linear !important; transition: all 0.15s linear !important; } /* Default WP styles */ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .alignnone, img.alignnone { } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img { border: 1px solid #f1f1f1!important; padding: 4px; } .gallery-caption { font-style: italic; } .sticky { font-weight: inherit;} .bypostauthor { font-weight: inherit;} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .form-allowed-tags { display: none;} .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 20px 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Default WP styles :: END */ /* Sidebar */ .sidebar { padding-bottom: 35px; } .sidebar .widget h2 { font-size: 18px; } .sidebar .widget, .wpb_widgetised_column .widget { margin-bottom: 35px; } .sidebar .widget input { margin-bottom: 12px; } .post_content .wpb_widgetised_column a:not(.button), .post_content .wpb_widgetised_column a:not(.button):visited { color: #333; } .post_content .wpb_widgetised_column a:not(.button):hover { color: #08ada7; } .post_content .wpb_widgetised_column .side_bar_menu a:not(.button):hover { color: #333; } /* By default we'll have no bullets, then add with JS */ .sidebar ul, .wpb_widgetised_column ul { list-style: none outside; } .sidebar ul li { margin: 0px 0px 4px; } /* Post/Portfolio specific elements */ blockquote, .post_description blockquote{ background: #f7f7f7; padding: 20px 28px 23px; margin: 30px 0px; } blockquote p, .post_description blockquote p{ font-family: 'Droid Serif', Georgia, serif; font-style: italic; background: #f7f7f7; margin: 0; } /* Header */ #header { position: fixed; display: block; margin: 0 auto; top: 0px; left: 0px; right: 0px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); z-index: 499; -webkit-transition: top 0.1s ease-out, background-color 0.6s ease; -moz-transition: top 0.1s ease-out, background-color 0.6s ease; -ms-transition: top 0.1s ease-out, background-color 0.6s ease; -o-transition: top 0.1s ease-out, background-color 0.6s ease; transition: top 0.1s ease-out, background-color 0.6s ease; } #header.scrolled { border-bottom: none; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); background: rgba(255,255,255,0.97); } #header.mobile_force_relative_position { position: relative; -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0; } #header.scrolled.has_subheader.hide_subheader_on_scroll { top: -38px; } #header.scrolled #menu > ul > li > a { line-height: 60px; } #logo{ float: left; overflow: hidden; } /* Fix flickering caused by borded-box*/ #logo *, #logo *:before, #logo *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #logo h1{ font-size: 30px; color: #666; line-height: inherit; margin-bottom: 0; margin-top: 14px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; min-height: 58px; } #header.scrolled #logo h1{ margin-top: 6px; } .tagline { font-size: 13px; font-weight: normal; line-height: 14px; color: #aaa; letter-spacing: 0px; margin-top: 2px; } #logo .logo_img { height: 92px; display: table-cell; position: relative; vertical-align: middle; -webkit-transition: height 0.1s ease-out; -moz-transition: height 0.1s ease-out; -ms-transition: height 0.1s ease-out; -o-transition: height 0.1s ease-out; transition: height 0.1s ease-out; font-size: 0px; line-height: 0px; letter-spacing: 0; } .scrolled #logo .logo_img { -webkit-transition: height 0.5s ease-out; -moz-transition: height 0.5s ease-out; -ms-transition: height 0.5s ease-out; -o-transition: height 0.5s ease-out; transition: height 0.5s ease-out; } .transparent_header.scrolled #logo .logo_img.transparent_logo_flip { -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; -ms-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } /* Fix for FF logo resizing + v1.3 */ header.transparent_header #logo #transparent_logo { max-width: 100%; } #header.scrolled #logo .logo_img { height: 64px; } #logo img{ max-height: 100%; width: auto; -webkit-transition: opacity 0.5s ease-out, top 0.5s ease-out; -moz-transition: opacity 0.5s ease-out, top 0.5s ease-out; -ms-transition: opacity 0.5s ease-out, top 0.5s ease-out; -o-transition: opacity 0.5s ease-out, top 0.5s ease-out; transition: opacity 0.5s ease-out, top 0.5s ease-out; } .block_header #logo{ float: none; text-align: center; } .block_header #logo .logo_img { display: block; margin: 20px auto 0; } .block_header #logo a{ position: relative; } .block_header #menu{ float: none; text-align: center; } .block_header #menu > ul { display: inline-block; margin-bottom: -8px; } #menu ul li{ text-align: left; } #header:not(.scrolled) .block_header #boc_searchform_close { margin-top: 56px; } #header.scrolled .block_header #logo{ float: left; text-align: left; } #header.scrolled .block_header #logo .logo_img { display: table-cell; margin: 0; } #header.scrolled .block_header #menu{ float: right; text-align: left; } #header.scrolled .block_header #menu > ul { display: block; margin-bottom: 0; } /* Custom Header :: END */ /* #Main Navigation ================================================== */ #menu { float: right; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 14px; } #menu:after, .main_menu_holder:after{ content:""; clear:both; } #menu a{ text-decoration: none; color: #333333; font-weight: 400; } #menu ul { list-style: none; margin: 0; } #menu ul li { margin-bottom: 0; } #menu > ul > li { position: relative; float: left; /* z-index: 1015;*/ padding: 0px; } #menu > ul > li > a { line-height: 88px; text-decoration: none; display: block; padding: 4px 15px 0px 15px; z-index: 6; position: relative; letter-spacing: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease-out, line-height 0.1s ease-out; -moz-transition: all 0.3s ease-out, line-height 0.1s ease-out; -o-transition: all 0.3s ease-out, line-height 0.1s ease-out; -ms-transition: all 0.3s ease-out, line-height 0.1s ease-out; transition: all 0.3s ease-out, line-height 0.1s ease-out; } .scrolled #menu > ul > li > a { -webkit-transition: all 0.3s ease-out, line-height 0.5s ease-out; -moz-transition: all 0.3s ease-out, line-height 0.5s ease-out; -o-transition: all 0.3s ease-out, line-height 0.5s ease-out; -ms-transition: all 0.3s ease-out, line-height 0.5s ease-out; transition: all 0.3s ease-out, line-height 0.5s ease-out; } /* Underline on Hover */ .main_menu_underline_effect #menu > ul > li > a:after { display: block; content: ""; width: 30%; height: 2px; background-color: #08ada7; position: absolute; bottom: 0; left: 35%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; } .main_menu_underline_effect #menu > ul > li > a:hover:after { width: calc(100% - 30px); left: 15px; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .main_menu_underline_effect #menu > ul > li > a.no_border:after { display: none; } /* Disable for Search & for menu5,6 */ .main_menu_underline_effect #menu > ul > li.boc_search_border > a:after, .main_menu_underline_effect #menu > ul > li.boc_search_toggle_li > a:after, .main_menu_underline_effect.custom_menu_5 #menu > ul > li > a:after, .main_menu_underline_effect.custom_menu_6 #menu > ul > li > a:after { display: none; } /* Underline on Hover : END */ #menu > ul > li > a > span { padding: 0px 0px 0px 7px; font-family: 'icomoon'; font-size: 14px; position: relative; top: 2px; line-height: 0; } #menu > ul > li > a > span:before { content: "\e78d"; } #menu > ul > li > div { position: absolute; left: 2px; top: 100%; z-index: 1020; webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.1); box-shadow: 0px 1px 8px rgba(0,0,0,0.1); background:#ffffff; background: rgba(255,255,255,0.97); border-top: 2px solid #08ada7; opacity: 0; visibility: hidden; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } #menu > ul > li.active > div { opacity: 1; visibility: visible; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #menu.sub_fade_from_btm > ul > li > div { transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); } #menu.sub_fade_from_btm > ul > li.active > div { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } #menu > ul > li > ul { display: none; } #menu > ul > li > div > ul { display: table-cell; } #menu > ul > li ul + ul { padding-left: 20px; } #menu > ul > li ul > li { position:relative; } #menu > ul > li ul > li > a { display: block; position: relative; padding: 6px 13px 6px 15px; margin: 0; color: #333; white-space: nowrap; min-width: 184px; font-size: 13px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; letter-spacing: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #menu.arrow_effect > ul > li ul > li > a { padding-right: 30px; } #menu > ul > li ul > li:last-child > a { border-bottom: 0!important; } #menu.arrow_effect > ul > li ul > li > a > span { margin-left: -10px; -webkit-transition: all 0s ease-out, padding-left 0.3s ease-out; -moz-transition: all 0s ease-out, padding-left 0.3s ease-out; -ms-transition: all 0s ease-out, padding-left 0.3s ease-out; -o-transition: all 0s ease-out, padding-left 0.3s ease-out; transition: all 0s ease-out, padding-left 0.3s ease-out; } #menu.arrow_effect > ul > li ul > li > a > span:before { width: 13px; font-family: 'icomoon'; font-size: 13px; content: "\e78f"; float:left; position: relative; left: -9px; -webkit-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out; -moz-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out; -ms-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out; -o-transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out; transition: all 0s ease-out, left 0.3s ease-out, opacity 0.3s ease-out; opacity: 0; } #menu.arrow_effect > ul > li ul > li > a:hover > span { padding-left: 15px; } /* Disabled Arrow_effect - by adding the extra no_arrow_effect to a menu item */ #menu.arrow_effect > ul > li ul > li.no_arrow_effect > a > span { margin-left: 2px; } #menu.arrow_effect > ul > li ul > li.no_arrow_effect > a > span:before { width: 0; left: 0; opacity: 0; } #menu.arrow_effect > ul > li ul > li.no_arrow_effect > a:hover > span { padding-left: 6px; -webkit-transition: all 0s linear, padding-left .12s ease-out; -moz-transition: all 0s linear, padding-left .12s ease-out; -ms-transition: all 0s linear, padding-left .12s ease-out; -o-transition: all 0s linear, padding-left .12s ease-out; transition: all 0s linear, padding-left .12s ease-in-out; } #menu > ul > li ul > li > a:hover > span:before { left: -2px; opacity: 1; } #menu > ul > li ul > li > a.last_submenu_item{ background: none; border-bottom: 0; } #menu > ul > li ul > li > a:hover { text-decoration: none; } .sub_menu_parent > span { padding-right: 18px; } .sub_menu_parent > span > span{ float: right; } .sub_menu_parent > span > span:after{ content: '\e78f'; font-family: 'icomoon'; font-size: 13px; font-weight: normal; position: absolute; top: 7px; right: 10px; opacity: 1; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .arrow_effect .sub_menu_parent:hover > span > span:after{ opacity: 0; } #menu > ul > li ul > li > a.sub_menu_parent > span, #menu > ul > li ul > li > a.sub_menu_parent:hover > span { background: none!important; } /* Submenu items with arrow effect and no children + extra right padding */ #menu.arrow_effect > ul > li:not(.megamenu) ul.sub-menu > li :not(.menu-item-has-children) a { padding-right: 30px; } /* Menu 1 */ .custom_menu_1 #menu > ul > li ul > li > a { border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #333; } /* Menu 1 : End */ /* Menu 2 */ .custom_menu_2 #menu > ul > li > div { background: rgba(20,20,20,0.97); webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom_menu_2 #menu > ul > li ul > li > a { color: #fff; text-shadow: 0px -1px 0px #343a3c; background: none; } .custom_menu_2 #menu > ul > li ul > li > a.last_submenu_item{ background: none; } /* Menu 2 : End */ /* Menu 3 */ .custom_menu_3 #menu > ul > li ul > li > a { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .custom_menu_3 #menu > ul > li ul > li > a:hover { background: #08ada7; border-bottom: 1px solid rgba(0, 0, 0, 0.01); color: #fff; } /* Menu 3 : End */ /* Menu 4 */ .custom_menu_4 #menu > ul > li > div { background: rgba(20,20,20,0.97); webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom_menu_4 #menu > ul > li > div > ul { border-top: none; } .custom_menu_4 #menu > ul > li ul > li > a { color: #fff; text-shadow: none; background: none; } .custom_menu_4 #menu > ul > li ul > li > a.last_submenu_item{ background: none; } .custom_menu_4 #menu > ul > li ul > li > a:hover { background-color: #08ada7; } /* Menu 4 : End */ /* Menu 5 */ .custom_menu_5 #menu { margin-right: -8px } .custom_menu_5 #menu > ul > li > a { border-top: 2px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 4px 16px 2px 16px; margin: 0; } .custom_menu_5 #menu > ul > li:hover > a, header.transparent_header.scrolled .custom_menu_5 #menu > ul > li:hover > a { background-color: #fff; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-repeat: repeat-x; border-top: 2px solid #08ada7; border-left: 1px solid rgba(0,0,0,0.05); border-right: 1px solid rgba(0,0,0,0.05); } header.transparent_header .custom_menu_5 #menu > ul > li:hover > a { background: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; } .custom_menu_5 #menu > ul > li > div { background: rgba(20,20,20,0.97); left: 0; border-top: 0; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom_menu_5 #menu > ul > li ul > li > a { border-bottom: 1px solid rgba(255,255,255,0.08); background: url(images/grad.png) center top repeat-x; color: #fff; } .custom_menu_5 #menu > ul > li ul > li > a:hover { background: #08ada7; border-bottom: 1px solid transparent; } .custom_menu_5 #menu > ul > li ul > li > a:hover > span { background: none; } .custom_menu_5 #menu > ul > li ul > li a.last_submenu_item{ border-bottom: 1px solid transparent; } .custom_menu_5 #menu > ul > li.boc_search_border a { border-top: 2px solid transparent; margin: 0; padding: 4px 7px 2px 7px; } .custom_menu_5 #menu > ul > li.boc_search_border:hover a { background: none; color: inherit; border-top: 2px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } /* Menu 5 : End */ /* Menu 6 */ .custom_menu_6 #menu { margin-right: -8px } .custom_menu_6 #menu > ul > li > a { border-top: 2px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 4px 16px 2px 16px; margin: 0; } .custom_menu_6 #menu > ul > li:not(.boc_nav_button):hover > a, header.transparent_header.scrolled .custom_menu_6 #menu > ul > li:not(.boc_nav_button):hover > a { background-color: #fff; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-repeat: repeat-x; border-top: 2px solid #08ada7; border-left: 1px solid rgba(0,0,0,0.05); border-right: 1px solid rgba(0,0,0,0.05); } header.transparent_header .custom_menu_6 #menu > ul > li:not(.boc_nav_button):hover > a { background: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; } .custom_menu_6 #menu > ul > li > div { left: 1px; border-top: 1px solid rgba(0,0,0,0.07); webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.1); box-shadow: 0px 2px 4px rgba(0,0,0,0.1); } .transparent_header:not(.scrolled) .custom_menu_6 #menu > ul > li > div { border-top: none; } .custom_menu_6 #menu > ul > li ul > li > a { border-bottom: 1px solid rgba(0, 0, 0, 0.07); background: url(images/grad.png) center top repeat-x; color: #333; } .custom_menu_6 #menu > ul > li ul > li > a:hover { background: #08ada7; color: #fff; } .custom_menu_6 #menu > ul > li ul > li > a:hover > span { background: none; } .custom_menu_6 #menu > ul > li ul > li a.last_submenu_item{ border-bottom: none; } .custom_menu_6 #menu > ul > li.boc_search_border a { border-top: 2px solid transparent; margin: 0; padding: 4px 7px 2px 7px; } .custom_menu_6 #menu > ul > li.boc_search_border:hover a { background: none; color: inherit; border-top: 2px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } /* Menu 6 : End */ /* Button in Nav */ #menu > ul > li.boc_nav_button { height: 92px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #header.scrolled #menu > ul > li.boc_nav_button { height: 64px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #menu > ul > li.boc_nav_button a { line-height: 28px!important; padding: 0 14px; background: transparent; border: 2px solid #444; margin: 2px 10px 0; border-radius: 4px; text-shadow: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; white-space: nowrap; } #menu > ul > li.boc_nav_button a:hover { color: #fff!important; background: #444; } .main_menu_underline_effect #menu > ul > li.boc_nav_button > a:after { display: none; } /* Button in Nav :: End */ /* Icons in Nav */ #menu > ul > li a i.icon { margin: 0 10px 0 0; position: relative; top: 1px; } #menu > ul > li a i.icon.after { margin: 0 0 0 6px; } #mobile_menu ul > li a i.icon { margin: 0 6px 0 0; font-size: 0.9em; } #mobile_menu ul > li a i.icon.after { margin: 0 0 0 6px; } /* 3rd level */ .subsub_menu { position: absolute; top: -2px; left:100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px rgba(0,0,0,0.1); background:#ffffff; background: rgba(255,255,255,0.97); border-top: 2px solid #08ada7; z-index: 1021; } #menu > ul > li li.active > div.subsub_menu { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .custom_menu_2 .subsub_menu { background: rgba(20,20,20,0.97); webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom_menu_4 .subsub_menu { background: rgba(20,20,20,0.97); webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom_menu_5 .subsub_menu { background: rgba(20,20,20,0.97); border-top: 0; top: 0; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom_menu_6 .subsub_menu { border-top: 1px solid rgba(0,0,0,0.07); webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.1); box-shadow: 0px 2px 4px rgba(0,0,0,0.1); top: -1px; } .transparent_header:not(.scrolled) .custom_menu_6 .subsub_menu { border-top: none; top: 0px; } /* 3rd level : End */ /* MegaMenu */ #menu > ul > li.megamenu{ position:inherit; } #menu > ul > li.megamenu > div { left: 0; } #menu > ul > li.megamenu div.container.mega_menu_holder { } #menu > ul > li.megamenu > div > ul { display: block; } #menu > ul > li.megamenu > div > ul.sub-menu > li { float: left; padding: 0px 18px 0px 16px; margin: 20px 0 20px 0; } #menu > ul > li.megamenu.mm-col-2 > div > ul.sub-menu > li { width: 50% } #menu > ul > li.megamenu.mm-col-3 > div > ul.sub-menu > li { width: 33.3333% } #menu > ul > li.megamenu.mm-col-4 > div > ul.sub-menu > li { width: 25% } #menu > ul > li.megamenu.mm-col-5 > div > ul.sub-menu > li { width: 20% } #menu > ul > li.megamenu.mm-col-6 > div > ul.sub-menu > li { width: 16.6666% } #menu > ul > li.megamenu > div > ul.sub-menu > li { border-left: 1px solid rgba(0,0,0,0.08); } .custom_menu_2 #menu > ul > li.megamenu > div > ul.sub-menu > li, .custom_menu_4 #menu > ul > li.megamenu > div > ul.sub-menu > li, .custom_menu_5 #menu > ul > li.megamenu > div > ul.sub-menu > li { border-left: 1px solid rgba(255,255,255,0.1); } #menu > ul > li.megamenu > div > ul.sub-menu > li:first-child { border-left: 0; } #menu > ul > li.megamenu div.container.mega_menu_holder div { border-top: 0; } #menu > ul > li.megamenu > div > ul.sub-menu > li a { border-bottom: none; border-radius: 1px; } #menu > ul > li.megamenu div.container.mega_menu_holder > ul > li > a { font-size: 116%; font-weight: bold; margin-bottom: 8px; } #menu > ul > li.megamenu ul > li > a { padding: 6px 13px 6px 15px; } #menu > ul > li.megamenu div.container.mega_menu_holder > ul > li > a:hover { background: none; } #menu.arrow_effect > ul > li.megamenu div.container.mega_menu_holder > ul > li > a:hover > span { padding-left: 0; } #menu.arrow_effect > ul > li.megamenu div.container.mega_menu_holder > ul > li > a > span:before { opacity: 0; } .custom_menu_3 #menu > ul > li.megamenu > div > ul.sub-menu > li > a:hover { color: inherit; } .custom_menu_6 #menu > ul > li.megamenu > div > ul.sub-menu > li > a:hover { color: inherit; } #menu > ul > li.megamenu div.container.mega_menu_holder div.subsub_menu{ top: 0; } /* Hide class for MM submenu holder */ #menu > ul > li ul > li.mm_hide > a{ display: none; } /* MegaMenu : END */ /* Main Navigation :: END */ /* Subheader Navigation */ #subheader_menu { float: right; border-right: 1px solid rgba(200,200,200,0.4); padding-right: 8px; margin-top: 0.24em; margin-right: 10px; } #subheader_menu a{ padding: 0 10px; font-size: 12px; } #subheader_menu ul { list-style: none; margin: 0; } #subheader_menu ul li { margin-bottom: 0; line-height: 1em; } #subheader_menu > ul > li { position: relative; float: left; padding: 0px; } /* Subheader Navigation :: END */ #mobile_menu_toggler { float: right; width: 34px; height: 34px; display: none; margin-top: 20px; margin-right: 1px; cursor: pointer; } .m_nav_ham { width: 24px; height: 2px; background: #333; margin: 5px auto; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .m_nav_ham_1_open { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 13px; } .m_nav_ham_2_open { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -7px; } .m_nav_ham_3_open { opacity: 0; } #mobile_menu { display: none; background-color: #121212; padding: 0px; z-index: 100000; position: absolute; width: 100%; } #mobile_menu ul { margin:0; list-style: none; } #mobile_menu ul li { margin:0; } #mobile_menu ul li.boc_search_border, #mobile_menu ul li.boc_search_toggle_li { display: none; } #mobile_menu > ul > li a{ background: #222; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } #mobile_menu > ul > li > a:hover{ background: #2a2a2a; } #mobile_menu ul ul li a:hover{ background: #171717; } #mobile_menu > ul > li ul li a{ background: transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } #mobile_menu ul li a { color: #ccc; font-size: 14px; line-height: 1.7em; display: block; position: relative; padding: 12px 30px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #mobile_menu ul ul li a { padding: 10px 50px; } #mobile_menu ul ul ul li a { padding: 10px 70px; } #mobile_menu ul li a:hover { color: #eee; } #mobile_menu ul li ul { display: none; } #mobile_menu ul li a > span:not(.icl_lang_sel_bracket):not(.wpml-ls-native) { float: right; width: 32px; height: 32px; text-align: center; font-size: 10px; line-height: 30px; margin-top: -2px; } #mobile_menu ul li a:hover > span { color: #ddd; cursor: pointer; } #mobile_menu ul li a > span:hover { color: #fff; } /* #Main containers + Common styles ================================================== */ #wrapper{ margin: 0px auto; text-align: left; background: white; } #wrapper.boxed_wrapper { -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.12); box-shadow: 0px 0px 8px rgba(0,0,0,0.12); } #wrapper.full_width_wrapper{ width: 100%; margin: 0px auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: none; border-right: none; border-bottom: none; /* overflow-x: hidden;*/ } /* Content BGR - fix footer Position */ .content_body { position: relative; z-index: 1; background: #fff; min-height: 596px; /* Fix bottom scroller when full width rows and inner rows are present */ overflow: hidden; } /* Full width BGR Page Title holder */ .page_title_bgr .full_container_page_title { border-bottom: 1px solid #eee; background: #fafafa; padding: 0px 0; margin-bottom: 56px; min-height: 58px; } .page_title_bgr .full_container_page_title.no_bm { margin-bottom: 0; } .page_title_bgr.bgr_style1 .full_container_page_title { background: #fafafa url('images/page_head_bgr1.png') top center; } .page_title_bgr .full_container_page_title .page_heading { margin: 24px 0 20px; } .rel_pos { position: relative; } .center { text-align: center; } .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .al_left { text-align: left; } .al_right { text-align: right; } .no_bm { margin-bottom: 0; } .h5 { height: 5px; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h30 { height: 30px; } .h40 { height: 40px; } .h60 { height: 60px; }.h100 { height: 100px; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt50 { margin-top: 50px !important; } /* Headings */ .boc_heading.bgr_diagonal span, .boc_heading.bgr_dotted span, .boc_heading.bgr_multidotted span, .boc_heading.bgr_double span, .boc_heading.bgr_single span{ padding: 0 12px 0 0; background: #fff; display: inline-block; } .boc_heading.bgr_diagonal.center span, .boc_heading.bgr_dotted.center span, .boc_heading.bgr_multidotted.center span, .boc_heading.bgr_double.center span, .boc_heading.bgr_single.center span{ padding: 0 12px; } .boc_heading.right span { padding: 0 0 0 12px; } .boc_heading.bgr_diagonal { background: url('images/heading_diagonal.png') repeat-x 0 80%; } .boc_heading.bgr_dotted { background: url('images/heading_dots.png') repeat-x left 80%; } .boc_heading.bgr_multidotted { background: url('images/heading_multidots.png') repeat-x left 80%; } .boc_heading.bgr_single { background: url('images/heading_line.png') repeat-x left 80%; } .boc_heading.bgr_double { background: url('images/heading_2_lines.png') repeat-x left 80%; } .boc_subheading{ font-family: 'Droid Serif', Georgia, serif; font-style: italic; font-weight: 400; color:#777; text-transform: none; letter-spacing: 0; } /* Subheader */ #subheader { color: #666; opacity: 0.7; } .full_header { border-bottom: 1px solid #eee; background: #fbfbfb; padding: 6px 0; } header.transparent_header:not(.scrolled) .full_header { border-bottom: 1px solid transparent; background: transparent; } header.transparent_header.hide_subheader_on_scroll .full_header { border-bottom: 1px solid transparent; background: transparent; } .header_contacts { font-size: 13px; line-height: 24px; float: left; } .header_contacts.right { float: right; } .header_contact_item{ float: right; margin-right: 22px; } .header_contacts.right .header_contact_item{ margin-right: 6px; margin-left: 16px; } .header_contacts .icon{ float: left; width: 16px; margin-right: 8px; line-height: 25px; font-size: 15px; } .header_soc_icon { line-height: 18px; font-size: 17px; padding: 0px 6px 0; margin: 5px 0 0; display: inline-block; float: right; opacity:0.9; } .header_soc_icon .icon{ line-height: 18px; } header.transparent_header.hide_subheader_on_scroll.scrolled #subheader .section{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity:0; } header.transparent_header.hide_subheader_on_scroll #subheader .section { -webkit-transition: all 0.3s 0.5s ease-out; -moz-transition: all 0.3s 0.5s ease-out; -ms-transition: all 0.3s 0.5s ease-out; -o-transition: all 0.3s 0.5s ease-out; transition: all 0.3s 0.5s ease-out; } /* New search */ #menu > ul > li.boc_search_toggle_li{ margin-left: 6px; } #menu > ul > li.boc_search_toggle_li > a { font-family: 'icomoon'; cursor: pointer; padding-left: 8px; padding-right: 8px; } .boc_search_toggle_li:hover > a{ border-bottom: inherit !important; } #boc_searchform_in_header { top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; z-index: 10000; overflow: visible!important; display: none; background-color: rgba(0,0,0,0.92); } .boc_search_border { opacity: 0.4; } #menu > ul > li.boc_search_border a{ cursor: default; margin: 0; font-size: 17px; font-family: Lato; font-weight: 300; padding-right: 5px; } #boc_searchform_in_header .container, #boc_searchform_in_header form{ height: 100%; } #boc_searchform_in_header form{ width: 92%; float: left; margin: 0; } #boc_searchform_in_header input{ float: right; color: #fff; width: 20%; height: 100%; font-size: 38px; line-height: 100%; position: relative; background-color: transparent; -webkit-appearance: none; border: 0px; letter-spacing: 1px; -webkit-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); -moz-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); -o-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); -ms-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); transition: all 0.3s cubic-bezier(.09,.79,.25,.98); } #boc_searchform_in_header.activated input{ width:100%; } #boc_searchform_close { float: right; position: relative; top: 32px; left: -100px; opacity: 0; line-height: 100%; font-size: 32px; color: #fff; -webkit-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.1s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; -moz-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.1s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; -o-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.1s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; -ms-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.1s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.1s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; cursor: pointer; margin-right: 2px; } #boc_searchform_close:hover { color: #08ada7; } #boc_searchform_in_header.activated #boc_searchform_close{ left: 0; opacity: 1; } #header.scrolled #boc_searchform_close { -webkit-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.3s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; -moz-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.3s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; -o-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.3s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; -ms-transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.3s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; transition: left 0.3s 0.15s cubic-bezier(.09,.79,.25,.98), top 0.3s ease-out, color 0.3s ease-out, opacity 0.3s 0.15s ease-out; top: 18px; } input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } #sidebar #s { margin-top: 30px; top: 0px; right: auto; left: 0; width: 100%; padding: 7px 30px 7px 10px; float: none; background: url('images/button_search.png') 97% center no-repeat; } .page_title_bgr #sidebar #s { margin-top: 0px; } #searchsubmit { display: none; } #sidebar #searchform { margin-bottom: 34px; } #sidebar #searchform label { display: none; border-radius: 3px; padding: 9px 13px; } .boc_form label { font-weight: 600; } /* * Owl Carousel */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; /* -webkit-transform-style: preserve-3d; transform-style: preserve-3d;*/ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; } .owl-carousel .owl-item img.ajax-loader { width: auto; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * BOC Lazy Load Carousel Items */ .owl-carousel .owl-item .boc_owl_lazy { opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /* background: url("owl.video.play.png") no-repeat;*/ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* * Default theme - Owl Carousel CSS File * v2.0.0 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-nav div{ color: #FFF; display: inline-block; margin: 0 1px; font-size: 19px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 35px; background: #08ada7; cursor: pointer; line-height: 22px; width: 19px; height: 19px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .owl-theme .owl-controls .owl-nav div:hover{ background: #444; } .owl-theme .owl-controls .owl-nav .disabled, .owl-theme .owl-controls .owl-nav div.disabled:hover{ background: #ddd; cursor: default; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls .owl-nav div:hover{ text-decoration: none; } /* Styling dots*/ .owl-dots { margin-top: 40px; } .owl-theme .owl-dots .owl-dot{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-dots .owl-dot span{ -webkit-backface-visibility: visible; display: block; width: 10px; height: 10px; margin: 5px 6px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; } .owl-theme .owl-dots .owl-dot.active span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background: #08ada7; } /* * Owl Carousel :: END */ /* Posts Carousel */ .posts_carousel_holder{ position: relative; margin: 0 0 20px; } .post_item_block h4{ margin: 20px 0 8px; } .post_item_block p{ color: #666; font-size: 14px; font-weight: 400; } .post_item_block .pic { margin-bottom: 20px; } /* Top Arrows */ .posts_carousel_holder .owl-theme .owl-controls .owl-nav div, .img_carousel_holder .owl-theme .owl-controls .owl-nav div, .portfolio_carousel_holder .owl-theme .owl-controls .owl-nav div{ margin: 0 2px; } .posts_carousel_holder .owl-theme .owl-controls .owl-nav, .img_carousel_holder .owl-theme .owl-controls .owl-nav, .portfolio_carousel_holder .owl-theme .owl-controls .owl-nav { position: absolute; right: -2px; top: -46px; padding-left: 8px; background: #fff; } .no_bgr_top_arrows.posts_carousel_holder .owl-theme .owl-controls .owl-nav, .no_bgr_top_arrows.img_carousel_holder .owl-theme .owl-controls .owl-nav, .no_bgr_top_arrows.portfolio_carousel_holder .owl-theme .owl-controls .owl-nav { background: transparent; } .posts_carousel_holder .owl-theme .owl-prev .icon, .img_carousel_holder .owl-theme .owl-prev .icon, .portfolio_carousel_holder .owl-theme .owl-prev .icon { margin-left: -1px; } .posts_carousel_holder .owl-theme .owl-next .icon, .img_carousel_holder .owl-theme .owl-next .icon, .portfolio_carousel_holder .owl-theme .owl-next .icon { margin-left: 1px; } /* Side Arrows */ .posts_carousel_holder.owl_side_arrows, .portfolio_carousel_holder.owl_side_arrows, .img_carousel_holder.owl_side_arrows { margin: 4px 70px 20px; } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div, .img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div{ margin: 0; } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav, .img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav, .content_slides_arrowed.owl-theme .owl-controls .owl-nav, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav{ position: static; right: 0; top: 0; } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-prev, .img_carousel_holder.owl_side_arrows .owl-theme .owl-prev, .content_slides_arrowed.owl-theme .owl-controls .owl-prev, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-prev { position: absolute; left: -70px; top: 50%; transform: translateY(-20px); } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-next, .img_carousel_holder.owl_side_arrows .owl-theme .owl-next, .content_slides_arrowed.owl-theme .owl-controls .owl-next, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-next { position: absolute; right: -70px; top: 50%; transform: translateY(-20px); } .content_slides_arrowed.owl-theme .owl-controls .owl-prev, .content_slides_arrowed.owl-theme .owl-controls .owl-next { transform: translateY(-35px); } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div, .img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div, .content_slides_arrowed.owl-theme .owl-controls .owl-nav div, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div { color: #aaa; display: inline-block; margin: 0; font-size: 46px; background: none; cursor: pointer; line-height: 46px; width: auto; height: auto; } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div:hover, .img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div:hover, .content_slides_arrowed.owl-theme .owl-controls .owl-nav div:hover, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div:hover{ background: none; color: #08ada7; } .posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav .disabled, .posts_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div.disabled:hover, .img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav .disabled, .img_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div.disabled:hover, .content_slides_arrowed.owl-theme .owl-controls .owl-nav .disabled, .content_slides_arrowed.owl-theme .owl-controls .owl-nav div.disabled:hover, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav .disabled, .portfolio_carousel_holder.owl_side_arrows .owl-theme .owl-controls .owl-nav div.disabled:hover{ color: #aaa; opacity: 0.3; cursor: default; background: none; } .posts_carousel_holder.owl_side_arrows.has_dots .owl-theme .owl-controls .owl-prev, .posts_carousel_holder.owl_side_arrows.has_dots .owl-theme .owl-controls .owl-next, .img_carousel_holder.owl_side_arrows.has_dots .owl-theme .owl-controls .owl-nav .owl-prev, .img_carousel_holder.owl_side_arrows.has_dots .owl-theme .owl-controls .owl-nav .owl-next, .portfolio_carousel_holder.owl_side_arrows.has_dots .owl-theme .owl-controls .owl-prev, .portfolio_carousel_holder.owl_side_arrows.has_dots .owl-theme .owl-controls .owl-next { margin-top: -31px; } .content_slides_arrowed.has_dots.owl-theme .owl-controls .owl-nav .owl-prev, .content_slides_arrowed.has_dots.owl-theme .owl-controls .owl-nav .owl-next { margin-top: -38px; } .content_slides_arrowed .owl-dots { margin-top: 20px; } .content_slide_item { -webkit-transform: translate3d(0, 0, 0); } .portfolio_page .owl-theme .owl-controls { margin-top: 0; } /* Img Carousel (slightly different than Image Slider) */ .img_carousel_holder .img_carousel_item a { display: block; -webkit-transform: translate3d(0, 0, 0); } /* Img Slider Custom Arrows */ .img_slider.owl-theme .owl-controls .owl-nav { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .img_slider.owl-theme:hover .owl-controls .owl-nav { opacity: 1; } .img_slider.owl-theme .owl-dots { margin-top: 30px; } .img_slider.owl-theme .owl-controls .owl-nav div { background: rgba(0,0,0,0.55); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 30px; font-size: 16px; width: 28px; height: 28px; } /* Bigger */ .img_slider.owl-theme.big_arrows .owl-controls .owl-nav div { line-height: 40px; font-size: 18px; width: 40px; height: 40px; } .img_slider.owl-theme.big_arrows .owl-controls .owl-nav .owl-prev { border-radius: 0 3px 3px 0; left: 0; margin-left: 0; margin-top: -20px } .img_slider.owl-theme.big_arrows .owl-controls .owl-nav .owl-next { border-radius: 3px 0 0 3px; right: 0; margin-right: 0; margin-top: -20px } .img_slider.owl-theme.has_dots.big_arrows .owl-controls .owl-nav .owl-prev, .img_slider.owl-theme.has_dots.big_arrows .owl-controls .owl-nav .owl-next { margin-top: -50px; } .img_slider.owl-theme .owl-controls .owl-nav div:hover { background: rgba(0,0,0,0.7); } .img_slider.owl-theme .owl-controls .owl-nav div.disabled, .img_slider.owl-theme .owl-controls .owl-nav div.disabled:hover { opacity: 0.2; cursor: default; } .img_slider.owl-theme .owl-controls .owl-nav .owl-prev { position: absolute; top: 50%; left: 10px; margin-top: -13px; } .img_slider.owl-theme .owl-controls .owl-nav .owl-next{ position: absolute; top: 50%; right: 10px; margin-top: -13px; } .img_slider.owl-theme.has_dots .owl-controls .owl-nav .owl-prev, .img_slider.owl-theme.has_dots .owl-controls .owl-nav .owl-next { margin-top: -38px; } .img_slider.owl-theme .owl-prev .icon{ margin-left: -1px; } .img_slider.owl-theme .owl-next .icon { margin-left: 1px; } /* Remove for better looking images */ .owl-carousel .owl-item .img_slider_item img { -webkit-transform: inherit; transform: inherit; -webkit-backface-visibility: inherit; } /* Price Table */ .price_column { margin: 12px 0 20px; padding-bottom: 6px; position: relative; background: #fff; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; z-index: 1; } .price_column.add_border { border: 1px solid rgba(0,0,0,0.1); } .price_column.add_shadow { box-shadow: 0 0 10px rgba(0, 0, 0, .08); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .08); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08); } .custom_slides .price_column { margin: 12px 5px 20px; } .price_column.price_column_featured { margin-top: 0px; z-index: 10; } .price_column ul { margin: 0; list-style: none; } .price_column > ul li { text-align: center; margin: 0; padding: 10px 0; } .price_column.price_column_featured ul { margin-bottom: 4px; } .price_column > ul li > p { margin: 0; } .price_column ul li.price_column_title { background: #576363; color: #ffffff; font-size: 19px; line-height: 30px; padding: 14px 0; font-weight: 600; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .price_column.price_column_featured ul li.price_column_title { font-size: 24px; background: #08ada7; padding: 20px 0; } .price_column ul li.price_amount { font-size: 32px; line-height: 1.8em; background: #f6f6f6; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.04); } .price_desc { color: #333; } .price_column ul li.price_footer { padding: 14px 0 18px; } .price_column.price_column_featured ul li.price_footer { padding-bottom: 40px; } .icon_div { width: 25%; float: left; margin: 14px 0px 20px; } .icon_div i { margin: 0 18px 0 0; font-size: 34px; position: relative; top: 5px; width: 32px; } .pulsate, .pulsate_icon .cs_nav_icon{ animation-name: pulse; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: ease-out; animation-fill-mode: none; animation-direction: normal; -webkit-animation-name: pulse; -webkit-animation-duration: 2s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-name: pulse; -moz-animation-duration: 2s; -moz-animation-delay: 0s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: none; -moz-animation-direction: normal; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.07, 1.07, 1.07); transform: scale3d(1.07, 1.07, 1.07); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.07, 1.07, 1.07); transform: scale3d(1.07, 1.07, 1.07); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bouncing{ animation-name: bouncy; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.41,.82,.62,1); animation-fill-mode: none; animation-direction: normal; -webkit-animation-name: bouncy; -webkit-animation-duration: 2s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.41,.82,.62,1); -webkit-animation-fill-mode: none; -webkit-animation-direction: normal; -moz-animation-name: bouncy; -moz-animation-duration: 2s; -moz-animation-delay: 0s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: cubic-bezier(.41,.82,.62,1); -moz-animation-fill-mode: none; -moz-animation-direction: normal; } @-webkit-keyframes bouncy { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(24px); transform: translateY(24px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes bouncy { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(24px); transform: translateY(24px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } /* Words Rotate */ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; /* -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; */ opacity: 0; transition: opacity 0.6s ease-in-out; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: translate3d(0,0,100px) scale(0.85,0.85); -o-transform: translate3d(0,0,100px) scale(0.85,0.85); transform: translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); } /* Dividers */ .boc_divider { position: relative; height: 1px; background: #eee; } .boc_divider_holder:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .boc_divider i.icon { position: relative; top: 50%; transform: translateY(-50%); padding: 10px; width: auto; height: auto; color: #bbbbbb; background: #fff; font-size: 14px; margin: 0; vertical-align: top !important; border-radius: 50%; } /* Dividers : END */ /* Shortcode Icon */ .boc_icon_holder { display: inline-block; border-radius: 100%; line-height: 1em; text-align: center; } .boc_icon_size_tiny { font-size: 14px; } .boc_icon_size_tiny.with_bgr { line-height: 26px; width: 25px; height: 25px; position: relative; top: 1px; } .boc_icon_size_small { font-size: 20px; } .boc_icon_size_small.with_bgr { line-height: 44px; width: 44px; height: 44px; } .boc_icon_size_normal{ font-size: 32px; } .boc_icon_size_normal.with_bgr { line-height: 70px; width: 70px; height: 70px; } .boc_icon_size_large{ font-size: 54px; } .boc_icon_size_large.with_bgr{ line-height: 110px; width: 110px; height: 110px; } .boc_icon_size_huge { font-size: 80px; } .boc_icon_size_huge.with_bgr { line-height: 150px; width: 150px; height: 150px; } .boc_icon_pos_center { margin: 0 auto; display: block; } .boc_icon_pos_left { float: left; margin-right: 20px; } .boc_icon_pos_right { float: right; margin-left: 20px; } .boc_icon_pos_left.boc_icon_size_large { margin-right: 24px; } .boc_icon_pos_right.boc_icon_size_large { margin-left: 24px; } .boc_icon_pos_left.boc_icon_size_huge { margin-right: 28px; } .boc_icon_pos_right.boc_icon_size_huge { margin-left: 28px; } .icon.boc_icon { line-height: 1em; } /* Spacings will clear floated icons */ .boc_icon_holder + .boc_spacing { clear: both; } /* Shortcode Icon :: END */ /* Side Icon Box */ .side_icon_box { margin: 20px 0; } .side_icon_box .icon_feat{ float: left; width: 40px; height: 40px; position:relative; text-align: center; border-radius: 52px; } .side_icon_box.large .icon_feat{ width: 52px; height: 52px; } .side_icon_box.xlarge .icon_feat{ width: 60px; height: 60px; } .side_icon_box .icon_feat.icon_solid { top: 0px; } .side_icon_box .icon_feat i.icon{ font-size: 34px; color: #08ada7; line-height: 40px; margin: 0; } .side_icon_box.large .icon_feat i.icon{ font-size: 40px; line-height: 46px; } .side_icon_box.xlarge .icon_feat i.icon{ font-size: 48px; line-height: 60px; } .side_icon_box .icon_feat.icon_solid{ background: #08ada7; } .side_icon_box .icon_feat.icon_solid i.icon{ color: #fff; line-height: 40px; font-size: 20px; } .side_icon_box.large .icon_feat.icon_solid i.icon{ line-height: 52px; font-size: 28px; } .side_icon_box.xlarge .icon_feat.icon_solid i.icon{ line-height: 60px; font-size: 34px; } .side_icon_box h3 { font-weight: 400; font-size: 20px; line-height: 26px; margin-left: 65px; margin-bottom: 12px; } .side_icon_box.large h3 { margin-left: 74px; } .side_icon_box.xlarge h3 { margin-left: 84px; } .side_icon_box h3 a{ color: #333; } .side_icon_box h3 a:hover{ color: #08ada7; } .side_icon_box_content { margin: 0 12px 20px 66px; color: #777; } .side_icon_box.large .side_icon_box_content { margin: 0 12px 20px 75px; } .side_icon_box.xlarge .side_icon_box_content { margin: 0 12px 20px 85px; } /* Side Icon Box :: END */ /* List Item */ .boc_list_item{ margin-bottom: 4px; } .boc_list_item .li_icon{ float: left; width: 20px; height: 20px; position:relative; text-align: center; border-radius: 40px; } .boc_list_item .li_icon.normal{ width: 26px; height: 26px; } .boc_list_item .li_icon.large{ width: 32px; height: 32px; } .boc_list_item .li_icon.icon_solid { top: 0px; } .boc_list_item .li_icon.small { top: 0px; } .boc_list_item .li_icon.small.icon_solid { top: 1px; } .boc_list_item .li_icon i.icon{ font-size: 17px; color: #08ada7; line-height: 22px; margin: 0; } .boc_list_item .li_icon.normal i.icon{ font-size: 20px; line-height: 26px; } .boc_list_item .li_icon.large i.icon{ font-size: 23px; line-height: 32px; } .boc_list_item .li_icon.icon_solid{ background: #08ada7; } .boc_list_item .li_icon.icon_solid i.icon{ color: #fff; vertical-align: top!important; } .boc_list_item .li_icon.small.icon_solid i.icon{ font-size: 12px; line-height: 20px; } .boc_list_item .li_icon.normal.icon_solid i.icon{ font-size: 14px; line-height: 26px; } .boc_list_item .li_icon.large.icon_solid i.icon{ font-size: 16px; line-height: 32px; } .boc_list_item .boc_list_item_text{ line-height: 22px; margin-left: 34px; } .boc_list_item .boc_list_item_text.normal{ line-height: 26px; margin-left: 40px; } .boc_list_item .boc_list_item_text.large{ line-height: 32px; margin-left: 48px; } /* List Item :: END */ /* Side Image Box */ .image_featured_text { padding: 30px 16px; } .image_featured_text.img_small { padding: 24px 12px; } .wpb_row.row_img_featured_texts_border { margin-bottom: 0; border-bottom: 1px dotted #e9e9e9; } .row_img_featured_texts_border .vc_column_container { border-right: 1px dotted #e9e9e9; } .row_img_featured_texts_border .vc_column_container .image_featured_text { padding-top: 0; } .row_img_featured_texts_border + .row_img_featured_texts_border .vc_column_container .image_featured_text { padding-top: 30px; } .row_img_featured_texts_border .vc_column_container:last-child { border-right: none; } .row_img_featured_texts_border.last { border-bottom: none; } .row_img_featured_texts_border.last .vc_column_container .image_featured_text { padding-bottom: 0; } .image_featured_text > img{ float: left; margin: 10px 16px 0px 0; width: 100px; height: 100px; top: 0; text-align: center; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .image_featured_text.round_img > img{ border-radius: 50%; } .image_featured_text.img_3d > img{ border: 4px solid white; box-shadow: 0px 1px 3px rgba(0,0,0,0.12); } .image_featured_text.img_small > img{ width: 72px; height: 72px; } .image_featured_text .text { margin: 0 12px 18px 140px; padding-top: 14px; } .image_featured_text.img_small .text { margin: 0 12px 18px 100px; } .image_featured_text .text h3{ margin-top: -6px; } .image_featured_text.img_small .text h3{ margin-bottom: 12px; } .image_featured_text .author_position { margin: 0 12px 0px 140px; padding-top: 16px; position: relative; } .image_featured_text.img_small .author_position { margin: 0 12px 0px 100px; } .image_featured_text .author_position:before { display: block; content: ""; width: 80px; height: 1px; background-color: #eee; background-color: rgba(0,0,0,0.06); position: absolute; top: 0px; } .image_featured_text .pos { color: #08ada7; font-size: 13px; } /* Side Image Box :: END */ /* Overwrite VC gmap styles */ .wpb_gmaps_widget .wpb_wrapper { padding: 0 !important; } /* PIC stuff */ .pic { position:relative; display: block; overflow: hidden; opacity:0.999; } .pic img{ display: block; width: 100%; height: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } a .img_overlay { position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #fff; background-color: rgba(0, 0, 0, 0.3); background-position: center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); z-index: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; } a:hover .img_overlay { opacity: 1; filter: alpha(opacity=100); z-index: 1; } a .img_overlay .icon_zoom{ top: 46%; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.6); background-position: center center; background-repeat: no-repeat; color: #fff; width: 36px; height: 36px; margin: 0 auto; margin-top: -18px; margin-left: -18px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); transition: all 0.25s cubic-bezier(.63,.08,.35,.92); left: 50%; } a .img_overlay .icon_zoom:after{ content: "\f002"; font-family: 'icomoon'; cursor: pointer; font-size: 13px; line-height: 35px; vertical-align: top; } a:hover .img_overlay .icon_zoom{ top: 50%; opacity: 1; } a .img_overlay .hover_icon{ top: 46%; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.65); color: #fff; width: 36px; height: 36px; margin: 0 auto; margin-top: -18px; margin-left: -18px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.25s cubic-bezier(.63,.08,.35,.92); transition: all 0.25s cubic-bezier(.63,.08,.35,.92); left: 50%; line-height: 38px; font-size: 26px; } a .img_overlay .hover_icon.icon_plus{ background-image: url(images/icon_plus.png); background-position: center center; background-repeat: no-repeat; } a:hover .img_overlay .hover_icon{ top: 50%; opacity: 1; } /* Image Hover Effects */ .pic.img_hover_effect1 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pic.img_hover_effect1 img{ -webkit-transform: scale(1.15); transform: scale(1.15); } .pic.img_hover_effect1:hover img{ -webkit-transform: scale(1); transform: scale(1); } a:hover .pic.img_hover_effect1 img{ -webkit-transform: scale(1); transform: scale(1); } .pic.img_hover_effect1 a .img_overlay .hover_icon{ top: 50%; -webkit-transform: scale(1.6); transform: scale(1.6); -webkit-transition: opacity 0.2s, transform 0.3s; -moz-transition: opacity 0.2s, transform 0.3s; -o-transition: opacity 0.2s, transform 0.3s; -ms-transition: opacity 0.2s, transform 0.3s; transition: opacity 0.2s, transform 0.3s; } .pic.img_hover_effect1:hover a .img_overlay .hover_icon{ -webkit-transform: scale(1); transform: scale(1); } /* Only for IMG carousel / Grid (logos) */ .img_carousel .pic.img_hover_effect1 img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .img_carousel .pic.img_hover_effect1:hover img{ -webkit-transform: scale(0.94); transform: scale(0.94); } .logo_gallery .pic.img_hover_effect1 img{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .pic.img_hover_effect2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pic.img_hover_effect2 img{ -webkit-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pic.img_hover_effect2:hover img{ -webkit-transform: scale(1.15); transform: scale(1.15); } a:hover .pic.img_hover_effect2 img{ -webkit-transform: scale(1.15); transform: scale(1.15); } .pic.img_hover_effect2 a .img_overlay .hover_icon{ top: 50%; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: opacity 0.2s, transform 0.3s; -moz-transition: opacity 0.2s, transform 0.3s; -o-transition: opacity 0.2s, transform 0.3s; -ms-transition: opacity 0.2s, transform 0.3s; transition: opacity 0.2s, transform 0.3s; } .pic.img_hover_effect2:hover a .img_overlay .hover_icon{ -webkit-transform: scale(1); transform: scale(1); } /* Only for IMG carousel / Grid (logos) */ .img_carousel .pic.img_hover_effect2 img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-backface-visibility: hidden; } .img_carousel .pic.img_hover_effect2:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .logo_gallery .pic.img_hover_effect2 img{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .pic.img_hover_effect3 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pic.img_hover_effect3 img{ -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); width: -webkit-calc(100% + 40px); width: calc(100% + 40px); max-width: calc(100% + 40px)!important; } .pic.img_hover_effect3 a:hover img{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } a:hover .pic.img_hover_effect3 img{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pic.img_hover_effect3 a .img_overlay .hover_icon{ top: 50%; left: 40%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } a .pic_info .pic.img_hover_effect3 .img_overlay_icon .portfolio_icon{ margin-top: -20px; top: 50%; left: 40%; -webkit-transition: all 0.1s 0.2s; -moz-transition: all 0.1s 0.2s; -o-transition: all 0.1s 0.2s; -ms-transition: all 0.1s 0.2s; transition: all 0.1s 0.2s; } .pic.img_hover_effect3:hover a .img_overlay .hover_icon, a:hover .pic_info .pic.img_hover_effect3 .img_overlay_icon .portfolio_icon{ left: 50%; } .pic.img_hover_effect4 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pic.img_hover_effect4 img{ -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s cubic-bezier(.63,.08,.35,.92); } .pic.img_hover_effect4 a:hover img{ -webkit-transform: rotate(5deg) scale(1.14); transform: rotate(5deg) scale(1.14); } a:hover .pic.img_hover_effect4 img{ -webkit-transform: rotate(5deg) scale(1.14); transform: rotate(5deg) scale(1.14); } .pic.img_hover_effect4 a .img_overlay .hover_icon{ top: 50%; } /* Only for IMG carousel / Grid (logos) */ .img_carousel .pic.img_hover_effect9 img, .logo_gallery .pic.img_hover_effect9 img{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s cubic-bezier(.63,.08,.35,.92); opacity: 0.6; } .img_carousel .pic.img_hover_effect9:hover img, .logo_gallery .pic.img_hover_effect9:hover img{ filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none ; /* IE6-9 */ zoom:1; -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity: 1; } /* Overlay + icons */ a .img_overlay_icon { position: absolute; top:0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); } a:hover .img_overlay_icon { opacity: 1; filter: alpha(opacity=100); z-index: 1; } a .pic_info .plus_overlay { z-index: 1; -webkit-transform: translate3d(0, 0, 0); } a .pic_info .plus_overlay_icon { -webkit-transform: translate3d(0, 0, 0); } .pic_info .info_overlay { z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* INFO overlay */ .info_block { margin: 0 0 20px; } .pic_info { width: 100%; height: 100%; position: relative; line-height: 0; overflow: hidden; -webkit-transition: all 0.4s cubic-bezier(.76,.1,.21,.9); -moz-transition: all 0.4s cubic-bezier(.76,.1,.21,.9); -o-transition: all 0.4s cubic-bezier(.76,.1,.21,.9); -ms-transition: all 0.4s cubic-bezier(.76,.1,.21,.9); transition: all 0.4s cubic-bezier(.76,.1,.21,.9); } .pic_info img{ max-width: 100%; height: auto; -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -webkit-backface-visibility: hidden; backface-visibility: hidden; } a .pic_info.type1 .info_overlay_padding { width: 100%; height: 100%; -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); } .pic_info.type1 .info_overlay { position: absolute; top: 0; width:100%; height: 100%; text-align: center; } a .pic_info.type1 .plus_overlay_icon { background: url(images/icon_plus_white.png) 0 0 no-repeat; width: 13px; height: 13px; bottom: 9px; position: absolute; right: 9px; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type1 .plus_overlay_icon { opacity: 0; -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type1 .plus_overlay { border-bottom: 50px solid rgba(8, 173, 167, 0.9); border-left: 50px solid transparent; bottom: 0; height: 0; position: absolute; right: 0; text-indent: -9999px; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); width: 0; } a:hover .pic_info.type1 .plus_overlay { border-bottom: 1000px solid rgba(8, 173, 167, 0.9); border-left: 1000px solid transparent; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-in-out; } .pic_info.type1 .info_overlay .info_desc { position: absolute; top: 50%; width: 100%; opacity: 0; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type1 .info_overlay .info_desc { margin-top: -48px; opacity: 1; -webkit-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type1 .img_overlay_icon { display: none; } a .pic_info.type1 .plus_overlay_icon { z-index: 100; } a .pic_info.type1 .portfolio_icon{ display: inline-block; color: #fff; opacity: 0; width: 38px; height: 38px; background-color: rgba(0,0,0,0.7); border-radius: 50%; -webkit-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type1 .portfolio_icon{ opacity: 1; -webkit-transition: all 0.2s 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.3s cubic-bezier(.63,.08,.35,.92); } .info_overlay h3{ font-size: 17px; line-height: 22px; color: #333; margin: 0 20px; padding: 12px 0 0 0; text-align: center; } .pic_info.type1 .info_overlay h3 { color: #fff; } .info_overlay p{ font-family: 'Droid Serif', Georgia, serif; font-style: italic; font-size: 12px; line-height: 18px; text-align: center; color: #666; margin: 6px 26px 0; } .pic_info.type1 .info_overlay p { color: #fff; } .pic_info.type1 .info_block { margin-bottom: 70px; } /* pic info type2 */ .pic_info.type2{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.06); } a .pic_info.type2 .img_overlay_icon { opacity: 1; filter: alpha(opacity=100); text-align: center; } a .pic_info.type2 .info_overlay { padding: 10px 0 24px; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-repeat: repeat-x; } a .pic_info.type2 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0,0,0,0.7); color: #fff; width: 38px; height: 38px; margin: 0 auto; margin-left: -19px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type2 .img_overlay_icon .portfolio_icon{ margin-top: -20px; opacity: 1; -webkit-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.2s cubic-bezier(.63,.08,.35,.92); } .pic_info.type2 .info_overlay p{ color: #999; } a .pic_info.type2 .plus_overlay_icon { background: url(images/icon_plus_white.png) 0 0 no-repeat; width: 13px; height: 13px; bottom: 9px; position: absolute; right: 9px; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); z-index: 100; } a:hover .pic_info.type2 .plus_overlay_icon { opacity: 0; -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type2 .plus_overlay { border-bottom: 50px solid rgba(8, 173, 167, 0.9); border-left: 50px solid transparent; bottom: 0; height: 0; position: absolute; right: 0; text-indent: -9999px; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); width: 0; } a:hover .pic_info.type2 .plus_overlay { border-bottom: 860px solid rgba(8, 173, 167, 0.7); border-left: 860px solid transparent; -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s cubic-bezier(.63,.08,.35,.92); } .pic_info.type2 img { border-radius: 0; } /* pic info type2 :: END */ /* pic info type3 */ .pic_info.type3{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.06); } a .pic_info.type3 .img_overlay_icon { position:absolute; top: auto; bottom: 0; height: 3px; background: rgba(8, 173, 167, 0.9); opacity: 1; filter: alpha(opacity=100); text-align: center; } a:hover .pic_info.type3 .img_overlay_icon { background: rgba(8, 173, 167, 0.8); height: 100%; } a .pic_info.type3 .info_overlay { padding: 10px 0 24px; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02)); background-repeat: repeat-x; } a .pic_info.type3 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0,0,0,0.7); color: #fff; width: 38px; height: 38px; margin: 0 auto; margin-left: -19px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type3 .img_overlay_icon .portfolio_icon{ margin-top: -20px; opacity: 1; -webkit-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); } /* pic info type3 :: END */ /* pic info type4 */ .pic_info.type4{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.06); } a .pic_info.type4 .img_overlay_icon { position:absolute; top: auto; bottom: 0; border-bottom: 2px solid rgba(8, 173, 167, 0.9); opacity: 1; filter: alpha(opacity=100); text-align: center; } a:hover .pic_info.type4 .img_overlay_icon { background: rgba(0, 0, 0, 0.22); height: 100%; } a .pic_info.type4 .info_overlay { padding: 10px 0 24px; } a:hover .pic_info.type4 .info_overlay { background: rgba(0, 0, 0, 0.03); } a .pic_info.type4 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.7); background-position: center center; background-repeat: no-repeat; color: #fff; width: 38px; height: 38px; margin: 0 auto; margin-top: -20px; margin-left: -19px; display: inline-block; border-radius: 50%; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: opacity 0.2s, transform 0.3s; -moz-transition: opacity 0.2s, transform 0.3s; -o-transition: opacity 0.2s, transform 0.3s; -ms-transition: opacity 0.2s, transform 0.3s; transition: opacity 0.2s, transform 0.3s; } a:hover .pic_info.type4 .img_overlay_icon .portfolio_icon{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* pic info type4 :: END */ /* pic info type5 */ .pic_info.type5{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.06); } a .pic_info.type5 .img_overlay_icon { position:absolute; top: auto; bottom: 0; opacity: 1; filter: alpha(opacity=100); text-align: center; } a:hover .pic_info.type5 .img_overlay_icon { background: rgba(0, 0, 0, 0.2); height: 100%; } a .pic_info.type5 .info_overlay { padding: 10px 0 24px; } a:hover .pic_info.type5 .info_overlay { background: #08ada7; } a .pic_info.type5 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.7); background-position: center center; background-repeat: no-repeat; color: #fff; width: 38px; height: 38px; margin: 0 auto; margin-left: -19px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type5 .img_overlay_icon .portfolio_icon{ margin-top: -20px; opacity: 1; -webkit-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type5 .info_overlay h3, a .pic_info.type5 .info_overlay h3 strong, a .pic_info.type5 .info_overlay p { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover .pic_info.type5 .info_overlay h3, a:hover .pic_info.type5 .info_overlay h3 strong, a:hover .pic_info.type5 .info_overlay p{ color: #fff; } /* pic info type5 :: END */ /* pic info type6 */ .padded_carousel .owl-carousel .owl-stage-outer { padding: 20px 0; } .pic_info_link_type6 { -webkit-perspective: 1600; -moz-perspective: 1600; perspective: 1600; display: block; } .pic_info.type6 { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; overflow: visible; } a:hover.pic_info_link_type6 .pic_info.type6 .pic { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } a:hover .pic_info.type6 .info_overlay { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); } .pic_info.type6 .pic { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; z-index: 2; } a .pic_info.type6 .info_overlay_padding { width: 100%; height: 100%; } .pic_info.type6 .info_overlay { width: 100%; height: 100%; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background: rgba(8, 173, 167, 0.8); position: absolute; top: 0; left: 0; text-align: center; } a .pic_info.type6 .plus_overlay_icon { background: url(images/icon_plus_white.png) 0 0 no-repeat; width: 13px; height: 13px; bottom: 9px; position: absolute; right: 9px; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type6 .plus_overlay { border-bottom: 50px solid rgba(8, 173, 167, 0.9); border-left: 50px solid transparent; bottom: 0; height: 0; opacity: .95; position: absolute; right: 0; text-indent: -9999px; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); width: 0; } .pic_info.type6 .info_overlay .info_desc { position: absolute; top: 50%; margin-top: -46px; width: 100%; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type6 .img_overlay_icon { display: none; } a .pic_info.type6 .plus_overlay_icon { z-index: 100; } a .pic_info.type6 .portfolio_icon{ display: inline-block; color: #fff; width: 36px; height: 36px; background-color: rgba(0,0,0,0.8); border-radius: 50%; -webkit-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); } .pic_info.type6 .info_overlay h3, .pic_info.type6 .info_overlay p { color: #fff; } /* pic info type6 :: END*/ /* pic info type7 */ .pic_info.type7 .info_overlay { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); height: -moz-calc(100% - 16px); height: -webkit-calc(100% - 16px); height: calc(100% - 16px); margin: 8px; text-align: center; background-color: rgba(8, 173, 167,0.9); -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); position: absolute; top: 0; opacity: 0; } a:hover .pic_info.type7 .info_overlay { opacity: 1; } .pic_info.type7 .info_overlay .info_desc { top: 50%; margin-top: -48px; position: absolute; width: 100%; height: 100%; } a .pic_info.type7 .img_overlay_icon { display: none; } a .pic_info.type7 .plus_overlay_icon { z-index: 100; } a .pic_info.type7 .portfolio_icon{ display: inline-block; color: #fff; opacity: 0; width: 38px; height: 38px; background-color: rgba(0,0,0,0.9); border-radius: 50%; top: -30px; position: relative; -webkit-transition: all 0.25s 0.1s ease-out; -moz-transition: all 0.25s 0.1s ease-out; -o-transition: all 0.25s 0.1s ease-out; -ms-transition: all 0.25s 0.1s ease-out; transition: all 0.35s 0.1s ease-out; } a:hover .pic_info.type7 .portfolio_icon{ opacity: 1; top: 0; } .pic_info.type7 .info_overlay h3, .pic_info.type7 .info_overlay p { color: #fff; -webkit-transition: all 0.1s 0 ease-out; -moz-transition: all 0.1s 0 ease-out; -o-transition: all 0.1s 0 ease-out; -ms-transition: all 0.1s 0 ease-out; transition: all 0.1s 0 ease-out; opacity: 0; top: 30px; position: relative; } a:hover .pic_info.type7 .info_overlay h3 { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.2s ease-out; -moz-transition: all 0.25s 0.2s ease-out; -o-transition: all 0.25s 0.2s ease-out; -ms-transition: all 0.25s 0.2s ease-out; transition: all 0.25s 0.2s ease-out; } a:hover .pic_info.type7 .info_overlay p { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.3s ease-out; -moz-transition: all 0.25s 0.3s ease-out; -o-transition: all 0.25s 0.3s ease-out; -ms-transition: all 0.25s 0.3s ease-out; transition: all 0.25s 0.3s ease-out; } /* pic info type7 :: END*/ /* pic info type8 */ .pic_info.type8 .info_overlay { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); height: -moz-calc(100% - 16px); height: -webkit-calc(100% - 16px); height: calc(100% - 16px); margin: 8px; text-align: center; background-color: rgba(255,255,255,0.9); -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); position: absolute; top: 0; opacity: 0; border-radius: 0; } a:hover .pic_info.type8 .info_overlay { opacity: 1; } .pic_info.type8 img { border-radius: 0; } .pic_info.type8 .info_overlay .info_desc { top: 50%; margin-top: -48px; position: absolute; width: 100%; height: 100%; } a .pic_info.type8 .img_overlay_icon { display: none; } a .pic_info.type8 .plus_overlay_icon { z-index: 100; } a .pic_info.type8 .portfolio_icon{ display: inline-block; color: #fff; opacity: 0; width: 34px; height: 34px; background-color: rgba(0,0,0,0.8); border-radius: 50%; top: -32px; position: relative; -webkit-transition: all 0.25s 0.1s ease-out; -moz-transition: all 0.25s 0.1s ease-out; -o-transition: all 0.25s 0.1s ease-out; -ms-transition: all 0.25s 0.1s ease-out; transition: all 0.35s 0.1s ease-out; } a:hover .pic_info.type8 .portfolio_icon{ opacity: 1; top: -4px; } .pic_info.type8 .info_overlay h3, .pic_info.type8 .info_overlay p { color: #333; -webkit-transition: all 0.1s 0 ease-out; -moz-transition: all 0.1s 0 ease-out; -o-transition: all 0.1s 0 ease-out; -ms-transition: all 0.1s 0 ease-out; transition: all 0.1s 0 ease-out; opacity: 0; top: 28px; position: relative; } .pic_info.type8 .info_overlay p { color: #777; } a:hover .pic_info.type8 .info_overlay h3 { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.2s ease-out; -moz-transition: all 0.25s 0.2s ease-out; -o-transition: all 0.25s 0.2s ease-out; -ms-transition: all 0.25s 0.2s ease-out; transition: all 0.25s 0.2s ease-out; } a:hover .pic_info.type8 .info_overlay p { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.3s ease-out; -moz-transition: all 0.25s 0.3s ease-out; -o-transition: all 0.25s 0.3s ease-out; -ms-transition: all 0.25s 0.3s ease-out; transition: all 0.25s 0.3s ease-out; } /* pic info type8 :: END*/ /* pic info type9 */ .pic_info.type9 .info_overlay { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); height: -moz-calc(100% - 16px); height: -webkit-calc(100% - 16px); height: calc(100% - 16px); margin: 8px; text-align: center; background-color: rgba(0,0,0,0.65); -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); position: absolute; top: 0; opacity: 0; border-radius: 0; } a:hover .pic_info.type9 .info_overlay { opacity: 1; } .pic_info.type9 img { border-radius: 0; } .pic_info.type9 .info_overlay .info_desc { top: 50%; margin-top: -48px; position: absolute; width: 100%; height: 100%; } a .pic_info.type9 .img_overlay_icon { display: none; } a .pic_info.type9 .plus_overlay_icon { z-index: 100; } a .pic_info.type9 .portfolio_icon{ display: inline-block; color: #fff; opacity: 0; width: 38px; height: 38px; background-color: rgba(0,0,0,0.9); border-radius: 50%; top: -30px; position: relative; -webkit-transition: all 0.25s 0.1s ease-out; -moz-transition: all 0.25s 0.1s ease-out; -o-transition: all 0.25s 0.1s ease-out; -ms-transition: all 0.25s 0.1s ease-out; transition: all 0.35s 0.1s ease-out; } a:hover .pic_info.type9 .portfolio_icon{ opacity: 1; top: 0; } .pic_info.type9 .info_overlay h3, .pic_info.type9 .info_overlay p { color: #fff; -webkit-transition: all 0.1s 0 ease-out; -moz-transition: all 0.1s 0 ease-out; -o-transition: all 0.1s 0 ease-out; -ms-transition: all 0.1s 0 ease-out; transition: all 0.1s 0 ease-out; opacity: 0; top: 30px; position: relative; } a:hover .pic_info.type9 .info_overlay h3 { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.2s ease-out; -moz-transition: all 0.25s 0.2s ease-out; -o-transition: all 0.25s 0.2s ease-out; -ms-transition: all 0.25s 0.2s ease-out; transition: all 0.25s 0.2s ease-out; } a:hover .pic_info.type9 .info_overlay p { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.3s ease-out; -moz-transition: all 0.25s 0.3s ease-out; -o-transition: all 0.25s 0.3s ease-out; -ms-transition: all 0.25s 0.3s ease-out; transition: all 0.25s 0.3s ease-out; } /* pic info type9 :: END*/ /* pic info type10 */ .pic_info.type10{ background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.06); } .no_spacing .pic_info.type10{ border: none; } a:hover .pic_info.type10 .img_overlay_icon { background: rgba(0, 0, 0, 0.2); height: 100%; } a .pic_info.type10 .info_overlay { padding: 8px 0 22px; position: absolute; background: #fff; top: 100%; width: 100%; -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type10 .info_overlay { transform: translateY(-100%); } a .pic_info.type10 .pic img { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } a:hover .pic_info.type10 .pic img { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } a .pic_info.type10 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.7); background-position: center center; background-repeat: no-repeat; color: #fff; width: 36px; height: 36px; margin: 0 auto; margin-left: -18px; margin-top: -58px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } a:hover .pic_info.type10 .img_overlay_icon .portfolio_icon { margin-top: -68px; opacity: 1; -webkit-transition: all 0.3s 0.2s ease-out; -moz-transition: all 0.3s 0.2s ease-out; -o-transition: all 0.3s 0.2s ease-out; -ms-transition: all 0.3s 0.2s ease-out; transition: all 0.3s 0.3s ease-out; } /* pic info type10 :: END */ /* pic info type11 */ a .pic_info.type11 .info_overlay_padding { width: 100%; height: 100%; -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); } .pic_info.type11 .pic { border-radius: 50%; margin: 30px; } .pic_info.type11 .info_overlay { position: absolute; top: 0; width:100%; height: 100%; text-align: center; } a .pic_info.type11 .plus_overlay_icon { background: url(images/icon_plus_white.png) 0 0 no-repeat; width: 13px; height: 13px; bottom: 9px; position: absolute; right: 9px; -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type11 .plus_overlay_icon { opacity: 0; -webkit-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); transition: all 0.5s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type11 .plus_overlay { border-bottom: 50px solid rgba(8, 173, 167, 0.9); border-left: 50px solid transparent; bottom: 0; height: 0; position: absolute; right: 0; text-indent: -9999px; -webkit-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s cubic-bezier(.63,.08,.35,.92); width: 0; } a:hover .pic_info.type11 .plus_overlay { border-bottom: 1000px solid rgba(8, 173, 167, 0.9); border-left: 1000px solid transparent; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-in-out; } .pic_info.type11 .info_overlay .info_desc { position: absolute; top: 50%; width: 100%; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s cubic-bezier(.63,.08,.35,.92); padding: 0 30px; } a:hover .pic_info.type11 .info_overlay .info_desc { margin-top: -48px; opacity: 1; -webkit-transition: all 0.4s 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.4s 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.4s 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.4s 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.4s 0.1s cubic-bezier(.63,.08,.35,.92); } a .pic_info.type11 .img_overlay_icon { display: none; } a .pic_info.type11 .plus_overlay_icon { z-index: 100; } a .pic_info.type11 .portfolio_icon{ display: inline-block; color: #fff; opacity: 0; width: 38px; height: 38px; background-color: rgba(0,0,0,0.7); border-radius: 50%; -webkit-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0 cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type11 .portfolio_icon{ opacity: 1; -webkit-transition: all 0.25s 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.25s 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.25s 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.25s 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.25s 0.3s cubic-bezier(.63,.08,.35,.92); } .pic_info.type11 .info_overlay h3 { color: #fff; } .pic_info.type11 .info_overlay p { color: #fff; } .pic_info.type11 .info_block { margin-bottom: 70px; } .pic_info.type11 img { -webkit-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.5s cubic-bezier(.63,.08,.35,.92); transition: all 0.5s cubic-bezier(.63,.08,.35,.92); } /* pic info type11 :: END */ /* pic info type12 */ .pic_info.type12 .pic { border-radius: 50%; margin: 30px 30px 14px 30px; } a .pic_info.type12 .img_overlay_icon { position:absolute; top: auto; bottom: 0; height: 0; background: rgba(8, 173, 167, 0.9); opacity: 1; filter: alpha(opacity=100); text-align: center; } a .pic_info.type12 .info_overlay { margin-bottom: 20px; } .pic_info.type12 .info_overlay .info_desc { padding: 10px 0 0; } a:hover .pic_info.type12 .img_overlay_icon { background: rgba(8, 173, 167, 0.8); height: 100%; } a .pic_info.type12 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0,0,0,0.7); color: #fff; width: 38px; height: 38px; margin: 0 auto; margin-left: -19px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type12 .img_overlay_icon .portfolio_icon{ margin-top: -20px; opacity: 1; -webkit-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); } /* pic info type12 :: END */ /* pic info type13 */ .pic_info.type13 .pic { border-radius: 50%; margin: 30px 30px 14px 30px; } a .pic_info.type13 .img_overlay_icon { position:absolute; top: auto; bottom: 0; opacity: 1; filter: alpha(opacity=100); text-align: center; border: 10px solid rgba(0, 0, 0,0.04); border-radius: 100%; } a:hover .pic_info.type13 .img_overlay_icon { background: rgba(0, 0, 0, 0.4); border: 0px solid transparent; height: 100%; } a .pic_info.type13 .info_overlay { padding: 10px 0 0px; margin-bottom: 10px; } .pic_info.type13 .info_overlay .info_desc { padding: 0 30px; } a .pic_info.type13 .img_overlay_icon .portfolio_icon{ top: 50%; left: 50%; opacity: 0; position: absolute; background-color: rgba(0, 0, 0, 0.7); background-position: center center; background-repeat: no-repeat; color: #fff; width: 38px; height: 38px; margin: 0 auto; margin-left: -19px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.1s cubic-bezier(.63,.08,.35,.92); } a:hover .pic_info.type13 .img_overlay_icon .portfolio_icon{ margin-top: -20px; opacity: 1; -webkit-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); transition: all 0.2s 0.1s cubic-bezier(.63,.08,.35,.92); } /* pic info type13 :: END */ /* pic info type14 */ .pic_info.type14 .pic { border-radius: 50%; margin: 30px; } .pic_info.type14 .info_overlay { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: -moz-calc(100% - 80px); height: -webkit-calc(100% - 80px); height: calc(100% - 80px); margin: 8px; text-align: center; background-color: rgba(255,255,255,0.9); -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92); transition: all 0.3s cubic-bezier(.63,.08,.35,.92); position: absolute; top: 0; opacity: 0; border-radius: 50%; margin: 40px; } a:hover .pic_info.type14 .info_overlay { opacity: 1; } .pic_info.type14 img { border-radius: 0; } .pic_info.type14 .info_overlay .info_desc { top: 50%; margin-top: -48px; position: absolute; width: 100%; height: 100%; } a .pic_info.type14 .img_overlay_icon { display: none; } a .pic_info.type14 .plus_overlay_icon { z-index: 100; } a .pic_info.type14 .portfolio_icon{ display: inline-block; color: #fff; opacity: 0; width: 34px; height: 34px; background-color: rgba(0,0,0,0.8); border-radius: 50%; top: -32px; position: relative; -webkit-transition: all 0.25s 0.1s ease-out; -moz-transition: all 0.25s 0.1s ease-out; -o-transition: all 0.25s 0.1s ease-out; -ms-transition: all 0.25s 0.1s ease-out; transition: all 0.35s 0.1s ease-out; } a:hover .pic_info.type14 .portfolio_icon{ opacity: 1; top: -4px; } .pic_info.type14 .info_overlay h3, .pic_info.type14 .info_overlay p { color: #333; -webkit-transition: all 0.1s 0 ease-out; -moz-transition: all 0.1s 0 ease-out; -o-transition: all 0.1s 0 ease-out; -ms-transition: all 0.1s 0 ease-out; transition: all 0.1s 0 ease-out; opacity: 0; top: 28px; position: relative; } .pic_info.type14 .info_overlay p { color: #777; margin: 4px 36px 0 36px; } a:hover .pic_info.type14 .info_overlay h3 { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.2s ease-out; -moz-transition: all 0.25s 0.2s ease-out; -o-transition: all 0.25s 0.2s ease-out; -ms-transition: all 0.25s 0.2s ease-out; transition: all 0.25s 0.2s ease-out; } a:hover .pic_info.type14 .info_overlay p { opacity: 1; top: 0; -webkit-transition: all 0.25s 0.3s ease-out; -moz-transition: all 0.25s 0.3s ease-out; -o-transition: all 0.25s 0.3s ease-out; -ms-transition: all 0.25s 0.3s ease-out; transition: all 0.25s 0.3s ease-out; } /* pic info type14 :: END*/ /* Image box (reuses portfolio styles but overwrites some) */ .boc_image_box .info_overlay h3 { margin: 10px 30px 0 30px; font-size: 19px; line-height: 24px; color: #333; padding: 6px 0 0 0; position: relative; } .boc_image_box .info_overlay p { font-family: inherit; font-style: inherit; font-size: 16px; line-height: 25px; color: #999; margin: 4px 30px 0 30px; } .boc_image_box .pic_info.type2 .info_overlay p, .boc_image_box .pic_info.type3 .info_overlay p, .boc_image_box .pic_info.type4 .info_overlay p { color: #999; } .boc_image_box:not(.center) .pic_info.type2 .info_overlay h3, .boc_image_box:not(.center) .pic_info.type3 .info_overlay h3, .boc_image_box:not(.center) .pic_info.type4 .info_overlay h3, .boc_image_box:not(.center) .pic_info.type5 .info_overlay h3 { text-align: left; } .boc_image_box:not(.center) .pic_info.type2 .info_overlay p, .boc_image_box:not(.center) .pic_info.type3 .info_overlay p, .boc_image_box:not(.center) .pic_info.type4 .info_overlay p, .boc_image_box:not(.center) .pic_info.type5 .info_overlay p { text-align: left; margin-top: 10px; } .boc_image_box .pic_info.type2 .info_overlay, .boc_image_box .pic_info.type3 .info_overlay, .boc_image_box .pic_info.type4 .info_overlay { padding: 12px 0 26px; } .boc_image_box .pic_info.type11 .pic, .boc_image_box .pic_info.type12 .pic, .boc_image_box .pic_info.type13 .pic { margin: 14px 50px 14px 50px; } .boc_image_box .pic_info.type11 .info_overlay p, .boc_image_box .pic_info.type14 .info_overlay p { margin: 4px 54px 0 54px; } .boc_image_box .pic_info.type12 h3, .boc_image_box .pic_info.type13 h3 { margin-bottom: 34px; padding: 0; } .boc_image_box .pic_info.type12 .info_overlay .info_desc, .boc_image_box .pic_info.type13 .info_overlay .info_desc { padding: 0 10px; } .boc_image_box .pic_info.type12 .info_overlay { margin-top: 34px; } .boc_image_box .pic_info.type12 h3, .boc_image_box .pic_info.type12 p, .boc_image_box .pic_info.type13 h3, .boc_image_box .pic_info.type13 p { margin-left: 20px; margin-right: 20px; padding: 0; } .boc_image_box .pic_info.type12 h3:after, .boc_image_box .pic_info.type13 h3:after { display: block; content: ""; width: 60px; height: 2px; background-color: rgba(0,0,0,0.07); position: absolute; bottom: -18px; left: 50%; margin-left: -30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } a .boc_image_box .pic_info.type13 .img_overlay_icon .portfolio_icon { background-color: none; background: url(images/icon_plus_big.png) center center no-repeat; margin-top: -20px; transform: scale(0); -webkit-transform: scale(0); } a:hover .boc_image_box .pic_info.type13 .img_overlay_icon .portfolio_icon { transform: scale(1); -webkit-transform: scale(1); } /* Post Item Block */ .post_item_block.boxed { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.06); background: #fff; } .post_item_block.boxed .pic { border-bottom: 3px solid #08ada7; } .post_item_block.boxed .pic, .post_item_block.boxed .pic img, .post_item_block.boxed .pic a .img_overlay{ border-radius: 2px 2px 0 0; } .post_item_block.boxed .post_item_desc{ margin: 0 22px 20px; } .small_post_date { margin: -2px 0 12px; font-size: 12px; font-style: italic; font-family: Droid Serif, Georgia, serif; color: #999; padding-left: 1px; } .small_post_date_left { float: left; text-align: center; width: 38px; } .small_day { display: block; background-color: #f9f9f9; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); padding: 5px 0px; font-size: 15px; color: #727272; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; border-bottom: 1px solid white; } .small_month { display: block; background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-repeat: repeat-x; padding: 1px 0px 1px 0px; color: white; font-size: 13px; -webkit-border-radius: 0px 0px3px 3px; border-radius: 0px 0px 3px 3px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .small_post_desc_right { margin-left: 56px; } /* Post Item Block :: END */ .icon_gallery{ background: url(images/gallery.png) center center no-repeat; } .icon_image{ background: url(images/image.png) center center no-repeat; } .icon_camera{ background: url(images/camera.png) center center no-repeat; } .icon_portfolio{ background: url(images/portfolio.png) center center no-repeat; } .icon_video{ background: url(images/video.png) center center no-repeat; } .icon_link{ background: url(images/icon_plus.png) center center no-repeat; } /* Custom Slides */ .custom_slides .section { text-align:center; margin-top: 20px; } .custom_slides.custom_slides_top_nav .section { margin-top: 0; margin-bottom: 20px; } .custom_slides.nav_design_1 .section { margin-top: 0px; } .custom_slides.nav_design_1.custom_slides_top_nav .section { margin-bottom: 10px; } .cs_nav { margin: 0 auto; display: inline-block; } .cs_nav_item *{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .cs_nav_item { min-width: 180px; cursor: pointer; margin-bottom: 0; margin-left: 0; } .custom_slides.nav_style_1 .cs_nav_item { height: auto; } .custom_slides.nav_style_2 .cs_nav_item { height: 100px; } .custom_slides.nav_style_1.nav_design_1 .cs_nav_icon { margin-bottom: -16px; } .custom_slides.nav_style_1 .cs_nav_item { margin-bottom: 20px; } .custom_slides .owl-controls{ display: none; } .cs_nav_icon { margin: 0px auto; width: 90px; height: 90px; text-align: center; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; } .custom_slides.nav_design_1 .cs_nav_icon { background: transparent; } .custom_slides.nav_design_2 .cs_nav_icon { background: #fff; border-radius: 140px; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), 0 -5px 30px rgba(0, 0, 0, 0.03) inset; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1), 0 -5px 30px rgba(0, 0, 0, 0.03) inset; box-shadow: 0px 1px 1px rgba(0,0,0,0.1), 0 -5px 30px rgba(0, 0, 0, 0.03) inset; } .custom_slides.nav_style_1.nav_design_2 .cs_nav_icon { margin-bottom: 12px; } .cs_nav_icon i.icon{ font-size: 40px; color: #333; line-height: 90px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 auto; } .custom_slides.nav_style_2 .cs_nav_icon i.icon{ color: #666; } .custom_slides.nav_style_1.nav_design_1 .cs_nav_item:hover .cs_nav_icon i.icon, .custom_slides.nav_style_1.nav_design_2 .cs_nav_item:hover .cs_nav_icon i.icon { color: #08ada7; } .custom_slides.nav_design_1 .cs_nav_icon i.icon { font-size: 43px; } .custom_slides.nav_style_1 .cs_nav_item { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .custom_slides.nav_style_1 .cs_nav_item:hover { transform: translateY(-10px); } .custom_slides.nav_design_1 .cs_nav_item.active .cs_nav_icon { } .custom_slides.nav_design_1 .cs_nav_item.active .cs_nav_icon i.icon{ color: #08ada7; } .custom_slides.nav_design_2 .cs_nav_item.active .cs_nav_icon { background: #08ada7; } .custom_slides.nav_design_2 .cs_nav_item.active .cs_nav_icon i.icon{ color: #fff !important; } .custom_slides.nav_style_2 .cs_nav_item.has_text:hover .cs_nav_icon { top: -30px; opacity: 0; } .cs_nav_item.has_no_text:hover .cs_nav_icon i.icon{ color: #08ada7; } .cs_nav_item.active.has_no_text:hover .cs_nav_icon i.icon{ color: #fff; } .custom_slides.nav_style_1 .cs_txt { color: #555; font-size: 17px; } .custom_slides.nav_style_2 .cs_txt { color: #08ada7; font-size: 20px; } .cs_nav_item.has_text .cs_txt, .cs_nav_item.has_text .cs_sub_txt { margin: 0; position: relative; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.2s ease-out; } .custom_slides.nav_style_2 .cs_nav_item.has_text .cs_txt, .custom_slides.nav_style_2 .cs_nav_item.has_text .cs_sub_txt { top: -120px; opacity: 0; } .cs_nav_item.has_text:hover .cs_txt { -webkit-transition: top 0.4s 0.1s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.1s linear; -moz-transition: top 0.4s 0.1s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.1s linear; -o-transition: top 0.4s 0.1s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.1s linear; -ms-transition: top 0.4s 0.1s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.1s linear; transition: top 0.4s 0.1s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.1s linear; } .custom_slides.nav_style_2 .cs_nav_item.has_text:hover .cs_txt { top: -75px; opacity: 1; } .cs_sub_txt { font-family: Droid Serif, Georgia, serif; font-style: italic; color: #999; font-size: 16px; } .custom_slides.nav_style_1 .cs_sub_txt { font-size: 15px; } .cs_nav_item.has_text:hover .cs_sub_txt { -webkit-transition: top 0.4s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.05s linear; -moz-transition: top 0.4s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.05s linear; -o-transition: top 0.4s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.05s linear; -ms-transition: top 0.4s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.05s linear; transition: top 0.4s cubic-bezier(.26,.87,.44,1), opacity 0.3s 0.05s linear; } .custom_slides.nav_style_2 .cs_nav_item.has_text:hover .cs_sub_txt { top: -71px; opacity: 1; } .custom_slide_item { -webkit-transform: translate3d(0, 0, 0); } /* Custom Slides :: End */ /* Top Icon Box */ .top_icon_box { text-align: center; } .top_icon_box_no_m { margin-bottom: 10px; } .top_icon_box.type1 .icon_holder { position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .icon_center { position: absolute; z-index: 100; top: 0; width: 100%; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } /* Overwrite some icon styles from VC */ .top_icon_box i.icon { display: block; width: auto; height: auto; vertical-align: inherit; margin: 0; } /* Overwrite some icon styles from VC :: END */ .top_icon_box.type1 .icon_holder .icon_bgr { margin: 0px auto 24px auto; text-align: center; width: 100px; height: 100px; border-radius: 100px; border: 3px solid white; background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type1:hover .icon_holder .icon_bgr { border: 2px solid #08ada7; background: #fff; } .top_icon_box.type1 .icon_holder .icon_bgr:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; top: 0; left: 0; padding: 0; border: 2px solid #08ada7; opacity: 0.5; z-index: -1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .top_icon_box.type1:hover .icon_holder .icon_bgr:after { opacity: 0; border: 2px solid #08ada7; z-index: 1; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .top_icon_box.type1 .icon_holder i{ font-size: 46px; line-height: 100px; color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .top_icon_box.type1:hover .icon_holder i { color: #08ada7; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* 2nd kind */ .top_icon_box.type2 .icon_holder { position: relative; } .top_icon_box.type2 .icon_holder .icon_bgr { margin: 0px auto 28px auto; text-align: center; width: 100px; height: 100px; border-radius: 100px; border: 4px solid white; box-shadow: 0px 1px 3px rgba(0,0,0,0.12); background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05)); position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type2:hover .icon_holder .icon_bgr { background: #fff; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .top_icon_box.type2 i{ font-size: 46px; line-height: 100px; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type2:hover .icon_holder i { color: #08ada7; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* 2nd kind : End */ /* 3rd kind */ .top_icon_box.type3 .icon_holder { position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type3 .icon_holder .icon_bgr { margin: 0px auto 22px auto; text-align: center; width: 100px; height: 100px; border-radius: 100px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type3:hover .icon_holder .icon_bgr { background: #08ada7; } .top_icon_box.type3 .icon_holder .icon_bgr:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; top: 0; left: 0; padding: 0; border: 2px solid #08ada7; opacity: 1; z-index: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .top_icon_box.type3:hover .icon_holder .icon_bgr:after { opacity: 1; z-index: 1; border: 2px solid #08ada7; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; transition: 0.5s ease; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .top_icon_box.type3 .icon_holder i{ font-size: 46px; line-height: 100px; color: #08ada7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .top_icon_box.type3:hover .icon_holder i { color: #fff; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* 3rd kind : End */ /* 4nd kind */ .top_icon_box.type4 .icon_holder { position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type4 .icon_holder .icon_bgr { margin: 0px auto 16px auto; text-align: center; width: 100px; height: 100px; border-radius: 140px; border: 3px solid transparent; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box.type4:hover .icon_holder .icon_bgr { border: 3px solid #08ada7; background: #fff; } .top_icon_box.type4 .icon_holder .icon_bgr:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; top: 0; left: 0; padding: 0; border: 4px solid transparent; opacity: 1; z-index: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .top_icon_box.type4:hover .icon_holder .icon_bgr:after { opacity: 0; z-index: 1; border: 2px solid #08ada7; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -o-transition: 0.6s ease; -ms-transition: 0.6s ease; transition: 0.6s ease; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .top_icon_box.type4 .icon_holder i{ font-size: 56px; line-height: 100px; color: #08ada7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .top_icon_box.type4:hover .icon_holder i { color: #08ada7; } /* 4th kind : End */ /* 5nd kind */ .top_icon_box.type5 .icon_holder { position: relative; } .top_icon_box.type5 .icon_holder .icon_bgr { margin: 0px auto; text-align: center; height: 84px; position: relative; } .top_icon_box.type5 .icon_holder i{ display: block; font-size: 56px; line-height: 72px; color: #08ada7; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .top_icon_box.type5:hover .icon_holder i { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .top_icon_box.type5:hover h3:after { width: 60px; margin-left: -30px; } /* 5th kind : End */ .top_icon_box h3 { font-size: 20px; line-height: 1.5em; color: #333; padding-bottom:18px; margin-bottom: 16px; position: relative; } .top_icon_box h3:after { display: block; content: ""; width: 60px; height: 2px; background-color: rgba(0,0,0,0.07); position: absolute; bottom: 0; left: 50%; margin-left: -30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .top_icon_box:hover h3:after { width: 100px; margin-left: -50px; } .white_text .top_icon_box h3:after { background-color: rgba(255,255,255,0.1); } .top_icon_box h3 a{ color: #333; } .top_icon_box h3 a:hover{ color: #08ada7; } .top_icon_box p { position:relative; color: #666; margin-bottom: 40px; } .white_text .top_icon_box p { color: #eee; } /* Top Icon Box */ /* Img gallery */ .img_gallery_caption { margin: 32px 0 0; text-align: center; font-size: 17px; text-transform: capitalize; } .img_gallery_description { margin: 6px 0 20px; text-align: center; font-size: 13px; } /* Logo Gallery Section */ .logo_gallery { margin: 0px 30px 0px 30px; } .logo_gallery.left_border { box-shadow: -16px 0px 20px -16px rgba(0, 0, 0, 0.05); border-left: 1px solid rgba(0,0,0,0.07); margin: 0px 30px 0px 45px; padding-left: 30px; } .logo_gallery a { display: block; } .logo_gallery .pic img { width: auto; margin: auto; } .logo_gallery img{ opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; max-width: 100%; } /* Logo Gallery :: END */ /* Tipsy */ .tipsy { padding: 4px; font-size: 13px; line-height: 18px; position: absolute; z-index: 100000;} .tipsy-inner { padding: 7px 12px; background-color: rgba(0,0,0,0.8); color: white; max-width: 200px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('images/tipsy.png') no-repeat top left; width: 9px; height: 4px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } .hilite { background-color: #08ada7; padding: 2px 5px 3px; font-weight: 600; border-radius: 2px; color: #fff; } .hilite_dark { background: #4d5559; color: #fff; padding: 2px 5px 3px; font-weight: 600; border-radius: 2px; } /* Testimonials */ .testimonials { } .testimonials_carousel { padding-bottom: 4px !important; } .testimonial_quote { -webkit-transform: translate3d(0, 0, 0); } .testimonial_style_small .quote_content { background: #f8f8f8 url('images/quote.png') 14px 14px no-repeat; border: 1px solid #e5e5e5; position:relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border: 3px solid white; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.11); margin: 1px; } .testimonial_style_small.is_2d .quote_content { background-color: #f9f9f9; box-shadow: none; border: 1px solid #f2f2f2; } .testimonial_style_small .quote_content p{ margin: 22px 24px 22px 52px; font-size: 15px; line-height: 26px; font-family: Droid Serif, Georgia, serif; font-style: italic; color: #777; } #sidebar .testimonial_style_small .quote_content p{ margin: 20px 20px 20px 46px; font-size: 14px; line-height: 24px; } .testimonial_style_small .quote_arrow { width: 14px; height: 14px; position: absolute; bottom: -12px; left: 47px; background:url('images/quote_arrow.png') 0px 0px no-repeat; } .testimonial_style_small.is_2d .quote_arrow { display: none; } .testimonial_style_small.is_2d .quote_content:after, .testimonial_style_small.is_2d .quote_content:before { top: 100%; left: 55px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #sidebar .testimonial_style_small.is_2d .quote_content:after, #sidebar .testimonial_style_small.is_2d .quote_content:before{ left: 43px; } .testimonial_style_small.is_2d .quote_content:after { border-color: rgba(249, 249, 249, 0); border-top-color: #f9f9f9; border-width: 5px; margin-left: -5px; } .testimonial_style_small.is_2d .quote_content:before { border-color: rgba(242, 242, 242, 0); border-top-color: #f2f2f2; border-width: 7px; margin-left: -7px; } #sidebar .testimonial_style_small .quote_arrow { left: 33px; } #sidebar .testimonial_style_small .quote_author { left: 18px; } .testimonial_style_small .quote_author { position: relative; left: 25px; margin-top: 14px; margin-bottom: 0; } .testimonial_style_small img{ float: left; width: 64px !important; height: 64px; border-radius: 60px; border: 3px solid white; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08); margin-right: 12px; } .testimonial_style_small.is_2d img{ box-shadow: none; border: 0; margin-top: 3px; } #sidebar .testimonial_style_small img{ width: 52px !important; height: 52px; } img.empty_user_testimonial_image { display: none !important; } .testimonial_style_small img.empty_user_testimonial_image { display: block !important; width: 50px !important; height: 50px; margin-left: 7px; margin-top: 8px; } .quote_author_description { display: block; color: #aaa; font-size: 12px; font-family: Droid Serif, Georgia, serif; font-style: italic; text-transform: none; margin-top: 2px; margin-bottom: 2px; } #sidebar .quote_author_description { font-size: 11px; margin-top: 1px; } #sidebar .testimonial_style_small .icon_testimonial { font-size: 14px; padding-left: 22px; } .icon_testimonial { padding-top: 14px; } #sidebar .icon_testimonial { padding-top: 8px; } .testimonials_carousel.testimonial_style_small .owl-nav { position: absolute; right: 2px; bottom: 42px; } #sidebar .testimonials_carousel.testimonial_style_small .owl-nav { bottom: 35px; } .testimonials_carousel.owl-theme.testimonial_style_small .owl-controls .owl-nav div{ margin: 0 0 0 4px; } .testimonial_style_small .owl-prev .icon { margin-left: -1px; } .testimonial_style_small .owl-next .icon { margin-left: 1px; } /* Testimonials Big */ .testimonial_style_big .testimonial_quote{ margin: 0 54px; } .testimonial_style_big .quote_content p{ font-size: 19px; line-height: 34px; font-family: Droid Serif, Georgia, serif; font-style: italic; color: #888; text-align: center; letter-spacing: 0.01em; } .testimonial_style_big.is_minimal .quote_content p{ font-size: inherit; line-height: inherit; font-family: inherit; font-style: inherit; color: #555; } .testimonial_style_big .quote_author { margin-top: 32px; text-align: center; } .testimonial_style_big.is_minimal .quote_author { margin-top: 16px; margin-bottom: 10px; } .testimonial_style_big img{ width: 106px !important; margin: 0 auto; border-radius: 106px; border: 3px solid white; background: #fff; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.06); } .testimonial_style_big.is_minimal img{ width: 75px !important; } .testimonial_style_big .icon_testimonial { font-size: 20px; } .testimonial_style_big.is_minimal .icon_testimonial { font-size: inherit; padding-top: 6px; } .testimonial_style_big .quote_author_description { font-size: 15px; } .testimonials .owl-dots { margin-top: 20px; } .testimonials_carousel.testimonial_style_big .owl-nav .owl-prev { position: absolute; left: 0; top: 50%; margin-top: -30px!important; } .testimonials_carousel.testimonial_style_big .owl-nav .owl-next { position: absolute; right: 0; top: 50%; margin-top: -30px!important; } .testimonials_carousel.testimonial_style_big.owl_has_dot_nav .owl-controls .owl-nav .owl-prev, .testimonials_carousel.testimonial_style_big.owl_has_dot_nav .owl-controls .owl-nav .owl-next { margin-top: -60px!important; } .testimonial_style_big.owl-theme .owl-controls .owl-nav div { color: #aaa; display: inline-block; margin: 0; font-size: 40px; background: none; cursor: pointer; line-height: 40px; width: auto; height: auto; } .testimonial_style_big.owl-theme .owl-controls .owl-nav div:hover{ background: none; color: #08ada7; } .testimonial_style_big.owl-theme .owl-controls .owl-nav .disabled, .testimonial_style_big.owl-theme .owl-controls .owl-nav div.disabled:hover{ color: #aaa; opacity: 0.3; cursor: default; background: none; } /* TABS */ /* New Tabs */ .newtabs { opacity: 0; } .horizontal .resp-tabs-list { height: 35px; margin: 0; padding: 0; } .horizontal .resp-tabs-list li { display: inline-block; margin: 0; list-style: none; cursor: pointer; float: left; color: #333; background-color: #fdfdfd; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin-right: -1px; padding: 7px 20px 6px 20px; float: left; text-align: center; text-decoration: none; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -khtml-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -ms-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } .horizontal .resp-tabs-list li:hover { background-color: #f3f3f3; color: #333; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } .horizontal .resp-tabs-list li.resp-tab-active { border-top: 2px solid #08ada7; border-bottom: none; margin-bottom: -1px; margin-top: -1px; padding: 7px 20px 7px 20px; background: #FFFFFF; color: #333; } .resp-tab-content { display: none; padding: 20px; } .resp-tab-content h4{ margin-top: 0; } .resp-tab-content ul{ margin-bottom: 6px; } .vertical .resp-tab-content { padding: 32px 40px; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border: 1px solid #e1e1e1; padding: 24px 30px 4px; z-index: 2; /* overflow: auto;*/ -moz-border-radius: 0 2px 4px 4px; -webkit-border-radius: 0 2px 4px 4px; -khtml-border-radius: 0 2px 4px 4px; border-radius: 0 2px 4px 4px; } /* Last Element btm margin fix */ .single_tab_div > .wpb_row, .single_tab_div > .wpb_content_element { margin-bottom: 20px; } /* Minimal */ .minimal_style.horizontal .resp-tab-content { border: 0; padding: 24px 0px 4px; } .minimal_style.horizontal .resp-tabs-list li { padding: 6px 20px 6px 20px; } .minimal_style.horizontal .resp-tabs-list li.resp-tab-active { border-top: 1px solid rgba(0,0,0,0.1) !important; border-left: 1px solid rgba(0,0,0,0.1) !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; padding: 6px 20px 6px 20px; border-right: 0; background: #08ada7; color: #fff; margin: 0; } .minimal_style.horizontal .resp-tabs-list li { border-bottom: 1px solid #e1e1e1; border-radius: 0px !important; } .minimal_style.horizontal .resp-tabs-list li:first-child { border-radius: 4px 0 0 4px !important; } .minimal_style.horizontal .resp-tabs-list li:last-child { border-radius: 0 4px 4px 0 !important; } h2.resp-accordion { display: none; cursor: pointer; font-size: 13px; border: 1px solid #e1e1e1; border-top: 0px solid #e1e1e1; margin: 0px; padding: 10px 15px; background-color: #fefefe; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); } h2.resp-accordion:first-child{ border-top: 1px solid #e1e1e1; } h2.resp-tab-active { margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #e1e1e1 !important; background: blue; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 25%; } .resp-vtabs .resp-tabs-list li { border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: none; display: block; padding: 10px 15px 10px 19px !important; margin: 0; cursor: pointer; float: none; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -khtml-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; background-color: #fff; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -ms-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } .resp-vtabs .resp-tabs-list li:hover { background-color: #f7f7f7; color: #333; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border-left: 1px solid rgba(0,0,0,0.08); float: left; width: 75%; min-height: 250px; clear: none; box-shadow: -8px 0px 22px -12px rgba(0, 0, 0, 0.1); border: 1px solid #e1e1e1; border-radius: 0 4px 4px 4px; } /* Minimal */ .minimal_style.resp-vtabs .resp-tabs-container { border: 0; box-shadow: none; } .minimal_style.vertical .resp-tab-content { padding: 0 0 0 60px; } .minimal_style.resp-vtabs .resp-tabs-list li.resp-tab-active { border-left: 1px solid rgba(0,0,0,0.1) !important; border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; background: #08ada7; color: #fff; margin-right: 0!important; } .minimal_style.resp-vtabs .resp-tabs-list li { border-right: 1px solid #e1e1e1; border-radius: 0px !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .minimal_style.resp-vtabs .resp-tabs-list li:first-child { border-radius: 4px 4px 0 0 !important; } .minimal_style.resp-vtabs .resp-tabs-list li:last-child { border-radius: 0 0 4px 4px !important; } /* Arrow for minimal */ .minimal_style.resp-vtabs .resp-tabs-list li:after { content: "\f105"; float: right; font-family: 'icomoon'; font-size: 16px; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs .resp-tabs-list li.resp-tab-active { border-bottom: 1px solid #e1e1e1; border-left: 2px solid #08ada7; border-right: none; background: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 10px 15px 10px 18px !important; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -khtml-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .resp-vtabs > ul li:first-child { border-top: 1px solid #e1e1e1; } h2.resp-accordion span.resp-arrow { float: right; font-family: 'icomoon'; font-size: 18px; } h2.resp-accordion span.resp-arrow:before { content: "\e78d"; } h2.resp-accordion.resp-tab-active span.resp-arrow:before { content: "\e78e"; } h2.resp-accordion span.icon { margin-right: 6px; } .resp-tabs-list .resp-tab-item span.icon { margin-right: 8px; margin-left: -4px; position: relative; top: 1px; width: 18px; display: inline-block; } /* Accordions */ .acc_holder { } .acc_item { padding: 0px 0px 8px; margin: 0px 0 8px; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .acc_holder.border .acc_item { border-bottom: 1px dotted #eee; } .acc_holder.border .acc_item:last-child { border-bottom: none; } .acc_item:hover { /* background: #f8f8f8;*/ } .acc_control { float: left; background: #08ada7 url('images/acc_bgr.png') center -17px no-repeat; width: 20px; height: 20px; margin: 2px 0 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .acc_holder.with_bgr .acc_control { background-color: #888; margin: 4px 16px 0 10px; background-position: center -19px; width: 16px; height: 16px; } .acc_holder.rounded .acc_item { padding: 0px 0px 8px; margin: 0px 0 8px; } .acc_holder.with_bgr .acc_item { padding: 0px 0px 8px; margin: 0px; } .acc_holder.rounded .acc_item .acc_control { -moz-border-radius: 17px; -webkit-border-radius: 17px; -khtml-border-radius: 17px; border-radius: 17px; } .accordion:hover .acc_control{ background-color: #555; } .active_acc .acc_control { background: #888 url('images/acc_bgr.png') center 1px no-repeat; } .acc_holder.with_bgr .active_acc .acc_control{ background-color: #08ada7; background-position: center -1px; } .acc_heading { display: block; margin-left: 34px; } .accordion { padding: 6px 0; margin: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 17px; line-height: 24px; cursor: pointer; } .acc_holder.with_bgr .accordion { border-radius: 4px; font-size: 14px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; background-color: #fcfcfc; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.01)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.01)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.01)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.01)); border: 1px solid #e4e4e4; } .acc_holder.with_bgr .accordion:hover { background-color: #f6f6f6; } .accordion_content { display: none; padding: 6px 10px 12px 34px; overflow: hidden; } .acc_holder.with_bgr .accordion_content { padding: 16px 12px 20px; } #sidebar .accordion { font-size: 14px; } /* Page elements */ .page_heading{ margin: 42px 0 24px; } .page_heading h1{ font-size: 20px; line-height: 27px; margin: 0; } .breadcrumb { margin: 22px 0 0; height: 20px; line-height: 20px; } .breadcrumb_right { float: right; margin: 25px 0 0; } .breadcrumb a.first_bc{ -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .breadcrumb a{ float: left; color: #777; font-size: 11px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; line-height: 20px; margin-right: 6px; } .breadcrumb_right a{ font-size: 12px; } .breadcrumb a:hover { color:#08ada7; } .breadcrumb a span:after{ font-family: 'icomoon'; font-size: 10px; content: "\e78f"; position: relative; top: 1px; margin: 0 0 0 6px; width: 10px; display: inline-block; } .breadcrumb a.last_bc span:after{ content: ""; width: 0px; } .success, .warning_msg, .attention, .information { padding: 10px 14px 10px 16px; margin-top: 0px; margin-bottom: 14px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius:2px; border-radius: 2px; } .success a, .warning_msg a, .attention a, .information a{ color: #333; } .success { background: #edf8d5; border: 1px solid #ddedb9; } .warning_msg { background: #ffe8e8; border: 1px solid #efd9d9; } .attention { background: #FFF5CC; border: 1px solid #f0e6bf; } .information { background: #e2f5f7; border: 1px solid #d1e9ec; } .success .close, .warning_msg .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .required { color: #ff4242; font-weight: bold; padding-left: 2px; } .error { display: block; color: #ff4242; } .close_img { float: right; margin: 13px 0 7px 20px; cursor: pointer; font-size: 20px; color: #444 !important; } .close_img:before { content: "\e680"; } .post_type_in_search { font-size: 13px; } ol.search_res{ counter-reset:li; margin: 0; } ol.search_res > li { position:relative; margin:0 0 6px 30px; padding: 0px 20px; list-style:none; } ol.search_res > li:before { content: counter(li); counter-increment: li; position: absolute; left: -30px; line-height: 21px; font-size: 12px; padding: 2px 10px; color: #555; background: #fafafa; font-weight: bold; border-radius: 5px; text-align: center; border: 1px solid #eee; } /* Sidebar Menu */ .box-category { padding: 0px; } .side_bar_menu { list-style: none; margin: 0; padding: 0 0 10px; } .side_bar_menu ul { list-style: none; } .side_bar_menu > li { margin: 0px 0px 4px; } .side_bar_menu > li + li { } .side_bar_menu > li > a { display: inline-block; text-decoration: none; border-radius: 3px; position: relative; } .link_span{ display: block; padding: 3px 12px 3px 0px; position: relative; z-index: 21; text-shadow: 0 1px 0 rgba(255,255,255, 0.7); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .link_span:before{ font-family: 'icomoon'; font-size: 14px; content: "\e78f"; display: inline-block; position: relative; top: 1px; width: 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .current_page_item > a > .link_span { font-weight: 600; } a:hover .link_span{ padding-left: 6px; } a:hover .link_span:before{ width: 24px; } .side_bar_menu > li ul { margin: 1px 0 3px 10px; } .side_bar_menu > li a.active { background: #f7f7f7; } .side_bar_menu > li a:hover { color: #333; } .side_bar_menu > li a.active + ul { display: block; } .side_bar_menu > li ul > li { margin: 0px 0px; } .side_bar_menu > li ul > li > a { display: inline-block; font-size: 13px; text-decoration: none; border-radius: 3px; text-shadow: 0 0 1px #fff; position: relative; } .side_bar_menu > li ul > li > a.active { background-color: #f5f5f5; border-radius: 3px; text-shadow: 0 0 1px #fff; } .hover_span { display:block; width: 0; height: 100%; background-color: #fafafa; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); border-radius: 3px; position: absolute; top:0; z-index: 20; } .textwidget { padding: 0 0 10px; margin: 0px 0 0; } .tagcloud { padding: 0 0 10px; overflow: hidden; } .tagcloud a{ float: left; font-size: 12px; padding: 2px 12px; color: #555; text-shadow: 0 1px 0 rgba(255,255,255, 0.7); background-color: #fafafa; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); margin: 0 8px 8px 0; border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0,0,0,0.05); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; border-radius: 4px; } .tagcloud a:hover{ color: #fff !important; text-shadow: none; background-color: #08ada7; border-bottom: 1px solid #d5d5d5; border-bottom: 1px solid rgba(0,0,0,0.05); } /* Blog Page */ .post_item, .post_item.section { border-bottom: 1px solid #f4f4f4; margin-bottom: 30px; padding-bottom: 20px; } .post_item:last-child { border-bottom: none; } .post_list_left { float: left; text-align: center; width: 44px; margin-top: 28px; } .day { background-color: #fafafa; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.03)); padding: 6px 4px; font-size: 17px; color: #727272; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; border-bottom: 1px solid white; } .month { background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04)); padding: 1px 4px 2px; color: white; font-size: 13px; -webkit-border-radius: 0px 0px2px 2px; border-radius: 0px 0px 2px 2px; border-bottom: 1px solid rgba(0,0,0,0.08); } .post_list_right { margin-left: 70px; padding-top: 24px; } .post_title { margin: 0px 0 8px; line-height: 28px; } .post_meta { margin: 0; font-size: 12px; line-height: 20px; color: #999; } .post_meta a, .post_content .post_meta a:not(.button){ color: #888; } .post_meta a:hover{ color: #08ada7; } .calendar_date { margin-right: 8px; background: url('images/blog_icon_date.png') 0px 1px no-repeat; padding: 0 12px 0 22px; border-right: 1px solid #ddd; } span.author { margin-right: 8px; background: url('images/blog_icon_author.png') 0px 1px no-repeat; padding: 0 12px 0 22px; border-right: 1px solid #ddd; } .comments { margin-right: 8px; background: url('images/blog_icon_comments.png') 0px 1px no-repeat; padding: 0 12px 0 23px; border-right: 1px solid #ddd; } .nocomments, .no-comments{ display:none; } .comments.no-border-comments { border-right: none; } .tags { margin-right: 8px; background: url('images/blog_icon_tags.png') 0px 0px no-repeat; padding: 0 12px 0 23px; } .post_description { margin: 13px 0 12px; } .more-link2 { font-size: 14px; line-height: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; } .more-link2:before { content: "\e78f"; font-family: 'icomoon'; font-size: 13px; line-height: 11px; background: #08ada7; float: left; display: inline-block; color: #fff; border-radius: 12px; text-align: center; margin-right: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-indent: 0; padding: 1px 0px 1px 0px; width: 13px; } .more-link2.flat:before{ border-radius: 3px; } .rev_slider_wrapper a.more-link2 { color: #333!important; } .more-link2:hover { color: #333; text-indent: 4px; } .more-link2:hover:before { background: #555; } .more-link1 { font-size: 13px; line-height: 22px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; } .more-link1:before { content: "\e78f"; font-family: 'icomoon'; font-size: 17px; float: left; display: inline-block; color: #08ada7; border-radius: 12px; margin: 1px 10px 0 -4px; text-indent: 0; width: 12px; } .more-link1:hover { text-indent: 4px; } .padded_block { margin-bottom: 50px; } #portfolio_carousel.owl-carousel .owl-controls .owl-nav div{ margin: 0 2px; } #portfolio_carousel.owl-carousel .owl-controls .owl-nav { position: absolute; right: -2px; top: -44px; padding-left: 8px; background: #fff; } #portfolio_carousel.owl-carousel .owl-prev .icon { margin-left: -1px; } #portfolio_carousel.owl-carousel .owl-next .icon { margin-left: 1px; } /* Comments Section */ .comments_section { margin: 60px 0 60px; } .comments_section label { font-weight: normal; } .meta_date { font-size: 12px; background: url('images/blog_icon_date.png') 0px 1px no-repeat; padding: 0 0px 0 24px; line-height: 18px; margin: 0 0 10px 0; color: #999; } /* Related Posts */ .related_posts_section { position: relative; margin: 0px 0 0 -10px; } .related_posts_section h4{ margin: 14px 0 8px; font-size: 16px; line-height: 21px; } .related_posts_section .meta_date { font-size: 12px; line-height: 12px; margin: 0 0 10px 0; color: #999; font-style: italic; } .related_posts_section p{ color: #777; font-size: 12px; line-height: 18px; } /* Comments */ .comment_list { margin: 40px 0; border-top: 1px solid #EEE; padding-top: 30px; } /* Comment List */ .comment_list ol { list-style: none; margin-left: 0px; } .comment_list ul { list-style: none; } .comment_list ol.comment_sub { list-style: none; } li.comment .single_comment { padding: 20px 0; border-top: 1px dotted #ddd; } li.comment .single_comment.first_comment { border-top: none; } li.comment ol.comment_sub { margin-left: 65px; } /* Comment List Content */ .comment_list ol .comment_avatar { float: left; margin-right: 15px; text-align: center; font-size: 12px; } .comment_avatar .avatar img{ border-radius: 50%; } .comment-reply-title { font-size: 17px; margin-top: 35px; } .comment-reply-link { font-size: 0.85em; } .comment_list ol .comment_avatar a.comment_edit { display: block; margin-top: 12px; text-align: center; font-style: italic; } .comment_list ol .comment_content { overflow: hidden; } .comment_list ol .comment_name { font-weight: bold; } .post_content .comment_name a:not(.button).url { color: #444; } .comment_list ol .comment_name span{ font-weight: normal; color: #aaa; margin: 0 8px; } .comment_list ol .comment_name a { font-weight: 600; } .comment_list ol .comment_name a.comment_reply { font-size: 14px; font-weight: normal; } .comment_list ol .comment_desc { font-size: 13px; margin-bottom: 16px; color: #999; font-style: italic; } .comment_text { font-size: 14px; } /* Pagination */ .pagination { margin-bottom: 40px; } .pagination .links { float: left; font-size: 14px; line-height: 17px; } .pagination .links a { display: inline-block; padding: 4px 10px; text-decoration: none; background-color: #FAFAFA; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); border-bottom: 1px solid rgba(0, 0, 0, 0.05); -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: #666; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .pagination .links a:hover { background-color: #08ada7; color: white; text-shadow: none; } .pagination .links b { display: inline-block; padding: 3px 9px; font-weight: normal; text-decoration: none; color: #555; font-weight: 400; cursor: default; } .pagination .results { float: right; padding-top: 3px; } /* Sidebar Latest Posts */ .boc_latest_posts img { float: left; width: 60px; height: 60px; border: 1px solid #ddd; padding: 3px; background: #fff; margin: 2px 14px 22px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; border-radius: 2px; } .boc_latest_posts img:hover { border: 1px solid #bbb; } .boc_latest_posts p{ font-size: 14px; line-height: 19px; } .boc_latest_posts p.date{ color: #999; font-style: italic; font-family: Droid Serif, Georgia, serif; font-size: 11px; line-height: 15px; } .boc_latest_posts p.boc_latest_posts_title { padding-top: 4px; margin-bottom: 8px; } /* Portfolio Item */ .portfolio_description { padding-left: 12px; } /* NEW Portfolio Styles */ .portfolio_section { position: relative; top: -54px; } .page_title_bgr .portfolio_section { top: -124px; margin-bottom: -40px; } /* Grid Styles */ .grid_holder { clear: both; margin: 0px -15px; } .grid_holder.no_spacing { margin: 0; } .grid_holder.small_spacing { margin: 0 -4px; } .grid_holder .col.span_1_of_3{ margin: 0px 15px 30px; width: calc(33.33% - 30px); } .grid_holder.no_spacing .col.span_1_of_3{ margin: 0; width: 33.33%; } .grid_holder.small_spacing .col.span_1_of_3{ margin: 0 4px 8px; width: calc(33.33% - 8px); } .grid_holder .col.span_2_of_3{ margin: 0px 15px 30px; width: calc(66.66% - 30px); } .grid_holder.no_spacing .col.span_2_of_3{ margin: 0; width: 66.66%; } .grid_holder.small_spacing .col.span_2_of_3{ margin: 0 4px 8px; width: calc(66.66% - 8px); } .grid_holder .col.span_1_of_2{ margin: 0px 15px 30px; width: calc(50% - 30px); } .grid_holder.no_spacing .col.span_1_of_2{ margin: 0; width: 50%; } .grid_holder.small_spacing .col.span_1_of_2{ margin: 0 4px 8px; width: calc(50% - 8px); } .grid_holder .col.span_1_of_4{ margin: 0px 15px 30px; width: calc(25% - 30px); } .grid_holder.no_spacing .col.span_1_of_4{ margin: 0; width: 25%; } .grid_holder.small_spacing .col.span_1_of_4{ margin: 0 4px 8px; width: calc(25% - 8px); } .grid_holder .col.span_2_of_4{ margin: 0px 15px 30px; width: calc(50% - 30px); } .grid_holder.no_spacing .col.span_2_of_4{ margin: 0; width: 50%; } .grid_holder.small_spacing .col.span_2_of_4{ margin: 0 4px 8px; width: calc(50% - 8px); } .grid_holder .col.span_1_of_5{ margin: 0px 15px 30px; width: calc(20% - 30px); } .grid_holder.no_spacing .col.span_1_of_5{ margin: 0; width: 20%; } .grid_holder.small_spacing .col.span_1_of_5{ margin: 0 4px 8px; width: calc(20% - 8px); } .grid_holder .col.span_2_of_5{ margin: 0px 15px 30px; width: calc(40% - 30px); } .grid_holder.no_spacing .col.span_2_of_5{ margin: 0; width: 40%; } .grid_holder.small_spacing .col.span_2_of_5{ margin: 0 4px 8px; width: calc(40% - 8px); } /* Custom Grid rules for logo grid */ .logo_gallery .grid_holder { margin: 0px; } .logo_gallery .grid_holder.no_spacing { margin: 0; } .logo_gallery .grid_holder.small_spacing { margin: 0; } .logo_gallery .grid_holder .col.span_1_of_3{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_1_of_3{ margin: 4px; } .logo_gallery .grid_holder .col.span_2_of_3{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_2_of_3{ margin: 4px; } .logo_gallery .grid_holder .col.span_1_of_2{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_1_of_2{ margin: 4px; } .logo_gallery .grid_holder .col.span_1_of_4{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_1_of_4{ margin: 4px; } .logo_gallery .grid_holder .col.span_2_of_4{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_2_of_4{ margin: 4px; } .logo_gallery .grid_holder .col.span_1_of_5{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_1_of_5{ margin: 4px; } .logo_gallery .grid_holder .col.span_2_of_5{ margin: 15px; } .logo_gallery .grid_holder.small_spacing .col.span_2_of_5{ margin: 4px; } /* Custom Grid rules for logo grid :: End */ #portfolio_filter { float: right; position: relative; background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); color: #333; margin-bottom: 40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 14px; } .page_title_bgr #portfolio_filter { margin-bottom: 76px; } #portfolio_filter:hover { background-color: #333; color: #fff; } #portfolio_filter span { color: #fff; cursor: pointer; display: block; position: relative; width: 150px; margin: 0 10px; line-height: 30px; height: 30px; } #portfolio_filter span:after { content: "\e78d"; padding: 0px 0px 0px 7px; font-family: 'icomoon'; font-size: 12px; float: right; line-height: 28px; } #portfolio_filter ul { display: none; position: absolute; top: 31px; right: -1px; min-width: 180px; z-index: 9999; border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; list-style: none; } #portfolio_filter ul li{ margin: 0; background: #f7f7f7; color: #333; line-height: 32px; } #portfolio_filter ul li:last-child{ -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #portfolio_filter ul li:last-child div{ -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #portfolio_filter ul li div{ cursor: pointer; padding: 0 10px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; white-space:nowrap; } #portfolio_filter ul li div:hover{ background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); color: #fff; } .portfolio_inline_filter { margin-bottom: 40px; } .portfolio_inline_filter:hover { background: none; } .portfolio_inline_filter ul li { display: inline-block; margin-right: 8px; border-radius: 3px; background: #f7f7f7; color: #333; line-height: 32px; } .portfolio_inline_filter ul li div{ border-radius: 3px; cursor: pointer; padding: 0 12px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; white-space:nowrap; } .portfolio_inline_filter ul li div:hover{ background-color: #08ada7; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); color: #fff; } .current_portfolio_item { background: #444; color: #fff; } .portfolio_inline_filter ul li.portfolio_filter_label { background: none; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* About Page */ .team_block { margin: 20px 0 0px; text-align: center; } .team_block_content { padding-bottom: 14px; text-align: center; } .team_block h4{ margin: 20px 0 4px; text-align: center; line-height: 22px; color: #444; } .post_content .team_block h4 a{ color: #444; } .team_block p.team_text{ margin: 0 0 16px 0; } .team_block .team_desc{ font-family: Droid Serif, Georgia, serif; font-style: italic; font-size: 15px; color:#08ada7; text-align: center; margin: 0 0 12px; } .team_image { border-radius: 50%; border: 6px solid white; box-shadow: 0px 1px 4px rgba(0,0,0,0.1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; overflow: hidden; max-width: 300px; display: inline-block; margin: 20px 3% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0.999; } .team_image.boxed { border-radius: 2px; } .team_image.flat_img { box-shadow: none; border: 0; } .team_block_content:hover .team_image img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .team_block .team_icons a, .post_content .team_block .team_icons a { line-height: 18px; font-size: 18px; width: 25px; height: 26px; line-height: 26px; vertical-align: middle; margin: 4px 0 0; display: inline-block; color: #666; text-align: center; -webkit-transition: all 0.06s ease-in-out; -moz-transition: all 0.06s ease-in-out; -o-transition: all 0.06s ease-in-out; -ms-transition: all 0.06s ease-in-out; transition: all 0.06s ease-in-out; } .team_block .team_icons a:hover { font-size: 24px; } /* Bar graph */ .bar_graph { margin-top: 4px; margin-bottom: 18px; /* opacity: 0;*/ } .bar_graph:last-child span { margin-bottom: 0px; } .bar_graph .bar_container { border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background-color: #fafafa; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.05) inset; } .bar_graph span { height: 9px; width: 0px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #08ada7; } .bar_graph.thin_style span { height: 6px; width: 0px; display: block; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #08ada7; } .bar_graph.animated_bgr span { background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.16) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%, rgba(0,0,0,0.16) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.16) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%, rgba(0,0,0,0.16) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-image: -ms-linear-gradient(-45deg, rgba(0,0,0,0.16) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%, rgba(0,0,0,0.16) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-image: linear-gradient(-45deg, rgba(0,0,0,0.16) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%, rgba(0,0,0,0.16) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.16) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%, rgba(0,0,0,0.16) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)); background-size: 24px 24px; -moz-background-size: 24px 24px; -webkit-background-size: 24px 24px; -webkit-animation: fortuna-move 2.5s linear infinite; -moz-animation: fortuna-move 2.5s linear infinite; -o-animation: fortuna-move 2.5s linear infinite; animation: fortuna-move 2.5s linear infinite; } @-webkit-keyframes fortuna-move {0%{background-position:-48px 0}100%{background-position:0 0}} @-moz-keyframes fortuna-move {0%{background-position:-48px 0}100%{background-position:0 0}} @-ms-keyframes fortuna-move {0%{background-position:-48px 0}100%{background-position:0 0}} @-o-keyframes fortuna-move {0%{background-position:-48px 0}100%{background-position:0 0}} @keyframes fortuna-move {0%{background-position:-48px 0}100%{background-position:0 0}} .bar_graph p { padding-bottom: 2px; margin-bottom: 7px; font-weight: 600; } .bar_graph span { overflow: visible!important; position: relative; } .bar_graph span strong { position: absolute; right: -0px; top: -33px; padding: 5px 6px; background-color: #f8f8f8; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.015)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.015)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.015)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.015)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.015)); color: #333; text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8); line-height: 14px; font-size: 14px; opacity: 0; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid rgba(0,0,0,0.02); } .bar_graph span strong:after { border-color: #f1f1f1 transparent; border-style: solid; border-width: 4px 4px 0; bottom: -5px; content: ""; display: block; left: 16px; position: absolute; width: 0; } .bar_graph.thin_style span strong:after { /* display: none;*/ } .bar_graph.dark_percent span strong { background-color: #333; color: #fff; text-shadow: none; border:0; padding: 5px 7px; font-size: 12px; } .bar_graph.dark_percent span strong:after { display: block; border-color: #333 transparent; bottom: -3px; } /* Text Box */ .text_box { border: 1px solid #eee; padding: 26px 28px 20px 34px; margin: 32px 0 32px; overflow: hidden; background: #fafafa; border-radius: 3px; } .text_box_content.with_button { display: table-cell; width: 100%; } .text_box h2{ font-size: 24px; margin-top: 6px; margin-bottom: 12px; } .text_box.left_border { border-left: 3px solid #08ada7; } .text_box.box_no_bgr { border: none; padding: 14px 0 0; margin: 0; background: none; } .text_box .btn_holder { display: table-cell; } .text_box .button{ margin: 4px 0 20px 52px; } .text_box p{ margin-bottom: 10px; } /* Counter */ .counter { display: inline-block; width: 83%; margin: 12px 0 14px; padding-left: 17%; border-left: 1px solid #eee; } .smaller_counter .counter { margin: 6px 0 10px; } .centered_digits .counter { padding-left: 0; border-left: 0px; text-align: center; width: 100%; } .counter-digit { font-size: 46px; height: 52px; line-height: 52px; margin: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #08ada7; } .smaller_counter .counter-digit { font-size: 36px; height: 42px; line-height: 42px; } .counter_desc { font-size: 16px; font-family: 'Droid Serif', Georgia, serif; font-style: italic; margin: 10px 0px; color: #555; position:relative; opacity: 0.01; left:50px; letter-spacing: 0px; -webkit-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 300ms; -moz-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 300ms; -o-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 300ms; -ms-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 300ms; transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 300ms; } .single_numbers_holder.white_text .counter_desc { color: #fff; } .counter_desc.shown { opacity: 1; left:0px; } /* Counter :: END */ /* Circ. Counter */ .circ_numbers_holder { margin: 12px 0 20px; } .circ_counter { position:relative; width: 186px; height: auto; display: inline-block; text-align: center; vertical-align: top; } .circ_counter .circ_counter_text_holder{ position: absolute; left: 2px; top: 43px; width: 100%; height: 49px; line-height: 49px; font-size: 49px; font-weight: 600; text-align: center; } .small_counter .circ_counter .circ_counter_text_holder{ top: 33px; font-size: 45px; } .large_counter .circ_counter .circ_counter_text_holder{ top: 53px; } .circ_counter .circ_counter_desc{ margin: 10px 0px 20px; font-size: 18px; font-family: 'Droid Serif', Georgia, serif; font-style: italic; text-align: center; } .half_circle .circ_counter .circ_counter_desc{ margin-top: -32px; } .counter_percent_sign { position:relative; top: -20px; left: 2px; font-size: 20px; font-weight: normal; color: #777; display: none; } .counter_percent_sign.shown { display: inline; } .circ_numbers_holder.white_text, .circ_numbers_holder.white_text .counter_percent_sign{ color: #fff; } /* Circ. Counter :: END */ /* Table */ .responsive_table_container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; } .responsive_table_container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .responsive_table_container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); } .fortuna_table { margin: 20px 0; } .fortuna_table th { border: 1px solid #e2e2e2; background-color: #f9f9f9; text-align: center; padding: 8px 14px; text-align: left; font-weight: 600; } .fortuna_table td { padding: 8px 14px; border: #e2e2e2 1px solid; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .fortuna_table tr.odd td { background: #f9f9f9; } .fortuna_table tr:hover td { background: rgba(8,173, 167, 0.07); } .fortuna_table td.b{ font-weight: 600; } /* Override VC 4.9 new spacings with old ones : START */ /* Top-padding of columns */ .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner { padding-top: 0; } /* Bottom-margin of elements */ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid>li, .wpb_button { margin-bottom: 35px; } .wpb_column .wpb_wrapper>*:last-child { margin-bottom: 0; } /* Override VC 4.9 new spacings with old : END */ /* Fix VC image alignment problem - now exists in VC so comment */ .wpb_content_element.wpb_single_image { /* margin-bottom: 0;*/ } /*.wpb_single_image img { vertical-align: top; }*/ .wpb_single_image .pic { line-height: 0; } .wpb_single_image .wpb_singleimage_heading { display: none; } /* Fix VC image vertical alignment problem in IE - image has a spacing below it */ .wpb_single_image .vc_single_image-wrapper { vertical-align: bottom; } /* Fix for VC figure - responsive image problem in FF + v1.3 */ .wpb_single_image .vc_figure { max-width: 100%; } /* Text Slider */ .boc_text_slider { opacity: 0; display: inline-block; position: relative; top: -0.042em; left: 0.1em; } .boc_text_slider_line, .boc_text_slider_word, .boc_text_slider_words, .boc_text_slider_word_start { display: inline-block; vertical-align: middle; } .boc_text_slider_word { opacity: 0; padding: 0 0.25em 0 0; text-indent: 0.23em; background: #08ada7; white-space: nowrap; color: #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .boc_text_slider_word_start { width: 0.18em; position:relative; left: 0.18em; background: #08ada7; opacity: 0; } /* Tilting Img */ .tilt { overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0 auto; } .tilt__back, .tilt__front { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tilt__back { position: relative; } .tilt__front { position: absolute; top: 0; left: 0; } /* Helper Classes */ /* MM */ .megamenu {} .mm-col-4 {} .mm_hide {} .boc_nav_button {} .no_arrow_effect {} .dark_links {} .white_links {} .equal_height_column {} .align_middle_column {} .no_padding_in_responsive_column {} .no_side_padding_in_responsive_column {} .no_margin_in_responsive_column {} .body_font {} .heading_font {} .side_bounce_icon {} .btn_push_left { margin-right: 20px; } .btn_push_right { margin-left: 20px !important; } .row_img_featured_texts_border {} .no_text_transform, .no_text_transform h1, .no_text_transform h2, .no_text_transform h3, .no_text_transform h4, .no_text_transform h5, .no_text_transform .heading_font, .no_text_transform .side_icon_box.large h3{ text-transform: none; } .letter_spacing_negative{ letter-spacing: -0.04em; } .no_letter_spacing{ letter-spacing: 0; } .bgr_bottom_right.wpb_column { background-position: bottom right !important; } /* Since VC 4.9 */ .bgr_bottom_right.wpb_column .vc_column-inner { background-position: bottom right !important; } ul.theme_color_ul { list-style: none; } ul.theme_color_ul li:before { content: "• "; color: #08ada7; margin-right: 12px; font-size: 13px; } .img_zoom_on_hover {} .text_rotate {} .typewriter { opacity: 0; } .hover_box_up { transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; } .hover_box_up:hover { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); } .border_bgr_clip { -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } .border_bgr_clip .vc_column-inner { -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } /* White frame img styles - used for video imgs */ .white_frame_img img{ border-radius: 3px; padding: 3px; background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .white_frame_img img:hover{ box-shadow: 0 0 7px 7px rgba(0,0,0,0.2); } .white_frame_img_lite img{ border-radius: 3px; padding: 3px; background: #fff; box-shadow: 0 0 6px 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .white_frame_img_lite img:hover{ box-shadow: 0 0 14px 2px rgba(0,0,0,0.1); } .max_w240 { max-width: 240px; } .grey_border_img img{ border-radius: 3px; border: 4px solid #f6f6f6; box-shadow: 0px 0 0px 1px rgba(0,0,0,0.1) inset; padding: 1px; } /* White Text */ .white_text, .white_text a, .white_text h1, .white_text h2, .white_text h3, .white_text h4, .white_text h5, .white_text h6, .white_text .heading_font, .white_text .side_icon_box h3 a:not(.button) { color: #fff; } .white_text .testimonial_style_big .quote_content p, .white_text .quote_author_description { color: #eee; } .white_text .side_icon_box.boc_animate_when_almost_visible .side_icon_box_content { color: #d4d4d4; } .white_text .owl-theme .owl-dots .owl-dot span { background: rgba(255,255,255,0.6); } .white_text .owl-theme .owl-dots .owl-dot.active span { background: rgba(255,255,255,0.85) !important; } .push_down_100 { position:relative; top: 100px; z-index: 10000; } /* Section overlays */ .jade_overlay{ background: rgba(8,173,167,0.8); } .dark_overlay{ background: rgba(12,13,13,0.85); } .semi_dark_overlay{ background: rgba(37,48,48,0.9); } .slight_dark_overlay{ background: rgba(37,48,48,0.3); } /* #Footer ================================================== */ #footer { clear: both; overflow: auto; margin: auto; background: #222; font-size: 14px; color: #7B8887; padding-top: 52px; position: relative; bottom: 0px; left: 0px; right: 0px; z-index: 0; } #footer.footer_light { border-top: 1px solid #eee; padding-top: 51px; background-color: #fafafa; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.02)); background-repeat: repeat-x; } #wrapper.full_width_wrapper #footer { width: 100%; } #footer.mobile_force_relative_position { position: relative; -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0; } #footer h3 { color: #c8c8c8; font-size: 14px; line-height: 22px; margin-top: 0px; margin-bottom: 22px; } #footer.footer_light h3 { color: #494949; } #footer.footer_dark h3{ color: #818f96; text-shadow: 0px -1px 0px #111; } #footer .column { float: left; width: 18%; } #footer .big_column { float: right; width: 28%; } #footer a { color:#94A3A3; } #footer.footer_light a { color:#636363; } #footer a:hover { color:#08ada7; } /* Footer Soc Icons*/ .footer_soc_icon { padding: 0px 6px 0; margin: 5px 0 0; display: inline-block; float: right; } .footer_soc_icon span { line-height: 18px; font-size: 18px; } /* Footer Soc Icons :: END */ .boc_contact_icon { clear:both; margin-bottom: 2px; } #sidebar .boc_contact_icon { font-size: 14px; } .boc_contact_icon .icon { float: left; width: 18px; margin-right: 16px; line-height: 30px; font-size: 17px; } .boc_contact_icon .icon.bigger { font-size: 19px; position: relative; top: -1px; left: -1px; } #footer .columns ul ul.sub-menu { margin-top: 3px; } #footer .col ul { margin: 0px 0 0 0px; list-style: none; padding: 2px 0 0; } #footer .col ul li { margin-bottom: 5px; } #footer .col ul li a:before { font-family: 'icomoon'; font-size: 14px; content: "\e78f"; display: inline-block; position: relative; top: 1px; left: -2px; margin-right: 6px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #footer .col ul li a:hover:before { left: 0px; margin-right: 12px; } .margined_left, #footer .col ul.margined_left { margin-left: 30px; } /* Footer Latest Posts */ #footer .boc_latest_posts img{ margin: 2px 16px 20px 0; padding: 0; border: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 56px; height: 56px; border-radius: 1px; } #footer .boc_latest_posts img:hover{ opacity: 0.8; } #footer .boc_latest_posts p.date{ color: #666; font-size: 11px; margin-top: 8px; } #footer.footer_light .boc_latest_posts p.date{ color: #999; } #footer .boc_latest_posts { padding-top: 6px; } #footer .boc_latest_posts p.boc_latest_posts_title{ padding-top: 1px; margin-bottom: 5px; line-height: 15px; padding-right: 12px; } /* Footer Posts :: END */ #powered { float: left; margin-top: 2px; margin-right: 10px; color: #748188; } #footer.footer_light #powered { margin-top: 3px; font-size: 13px; } #footer.footer_light #powered a{ font-size: 13px; } .footer_btm { clear: both; padding: 20px 0px 20px; background: #121313; border-top: 1px solid #2a2a2a; margin-top: 16px; overflow: hidden; } #footer.footer_light .footer_btm { background: #fff; border-top: 1px solid #e9e9e9; } /* #Footer :: END ================================================== */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; /* border: 0;*/ -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-size: 34px; font-family: Lato,Arial, Baskerville, monospace; font-weight: 300; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -10px; text-align: right; padding-right: 6px; width: 100%; background: none; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -38px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -42px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow { position: absolute; width: 38px; height: 38px; background: transparent; border: 2px solid transparent; text-indent: -9999em; pointer-events: auto; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mfp-arrow:hover { background: transparent; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: -5px; } .lt-ie8 .mfp-arrow { background-color: #4e4e4e; } .mfp-arrow-left { left: 45px; left: 3rem; border-bottom-color: white; border-left-color: white; } .mfp-arrow-left:hover { margin-left: -5px; margin-right: 0; } .mfp-arrow-right { right: 45px; right: 3rem; border-top-color: white; border-right-color: white; } .mfp-iframe-holder { padding-top: 50px; padding-bottom: 50px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -50px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 0 50px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 50px; bottom: 50px; display: block; right: 0; width: auto; height: auto; /* Border */ width: calc(100% + 10px); margin-bottom: -5px; border: 5px solid white; border-radius: 2px; left: -5px; top: 45px; /* Border : end */ z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { /* .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } */ .mfp-arrow { margin-top: -20px; } .mfp-arrow-left { -webkit-transform-origin: 50%; transform-origin: 50%; } .mfp-arrow-right { -webkit-transform-origin: 50%; transform-origin: 50%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* overlay at start */ .boc_popup_fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .boc_popup_fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .boc_popup_fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .boc_popup_fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* content animate it */ .boc_popup_fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .boc_popup_fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Dark overlay, start state */ .boc_popup_zoom.mfp-bg { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .boc_popup_zoom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .boc_popup_zoom.mfp-removing.mfp-bg { opacity: 0; } /* start state */ .boc_popup_zoom .mfp-content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .boc_popup_zoom.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .boc_popup_zoom.mfp-removing .mfp-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; } /* overlay, start state */ .boc_popup_spin.mfp-bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* animate in */ .boc_popup_spin.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .boc_popup_spin.mfp-removing.mfp-bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; } /* at start */ .boc_popup_spin .mfp-content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; -webkit-transition: all 0.3s cubic-bezier(.26,.87,.44,1); -moz-transition: all 0.3s cubic-bezier(.26,.87,.44,1); -o-transition: all 0.3s cubic-bezier(.26,.87,.44,1); -ms-transition: all 0.3s cubic-bezier(.26,.87,.44,1); transition: all 0.3s cubic-bezier(.26,.87,.44,1); -webkit-transform: translateY(-80px) perspective(700px) rotateX(8deg); -moz-transform: translateY(-80px) perspective(700px) rotateX(8deg); -ms-transform: translateY(-80px) perspective(700px) rotateX(8deg); -o-transform: translateY(-80px) perspective(700px) rotateX(8deg); transform: translateY(-80px) perspective(700px) rotateX(8deg); } /* animate in */ .boc_popup_spin.mfp-ready .mfp-content { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ .boc_popup_spin.mfp-removing .mfp-content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-80px) perspective(700px) rotateX(8deg); -moz-transform: translateY(-80px) perspective(700px) rotateX(8deg); -ms-transform: translateY(-80px) perspective(700px) rotateX(8deg); -o-transform: translateY(-80px) perspective(700px) rotateX(8deg); transform: translateY(-80px) perspective(700px) rotateX(8deg); } /* Magnific Popup CSS :: END */ /* CUSTOM RESPONSIVE STYLES */ @media only screen and (min-width: 1280px) { /* left/right sidebars */ #sidebar.col { padding-right: 16px; } .col.span_3_of_4 + #sidebar.col { padding-left: 16px; padding-right: 0px; } .counter_desc { font-size: 18px; } .contact_page_template.has_right_sidebar .span_3_of_4 { padding-right: 40px;} .contact_page_template.has_left_sidebar .span_3_of_4 { padding-left: 40px;} .resp-vtabs ul.resp-tabs-list { width: 20%; } .resp-vtabs .resp-tabs-container {width: 80%; } .boxed_wrapper #header .container:not(.mega_menu_holder), .boxed_wrapper #footer .container { padding-left: 10px; padding-right: 10px; } .boxed_wrapper #header #menu > ul > li.megamenu > div { left: -10px; } } @media only screen and (min-width: 1018px){ /* Transparent Header */ #header.transparent_header:not(.scrolled) { background: rgba(255,255,255,0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.8s ease; -moz-transition: background-color 0.8s ease; -ms-transition: background-color 0.8s ease; -o-transition: background-color 0.8s ease; transition: background-color 0.8s ease; } #header.transparent_header:not(.scrolled) #subheader, #header.transparent_header:not(.scrolled) #subheader a { color: #fff; } #logo #transparent_logo { display: none; position: absolute; z-index: 1; left: 0; } header.transparent_header #logo #transparent_logo { display: inline-block; } header.transparent_header #logo #transparent_logo img { position:relative; opacity: 1; top: 0; } header.transparent_header.scrolled #logo #transparent_logo img{ opacity: 0; } header.transparent_header #logo .logo_img > a > img { opacity: 0; position: relative; } header.transparent_header.scrolled #logo .logo_img > a > img { opacity: 1; } /* Flip effect */ header.transparent_header #logo .transparent_logo_flip #transparent_logo img{ -webkit-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out; -moz-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out; -ms-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out; -o-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out; transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out; } header.transparent_header.scrolled #logo .transparent_logo_flip #transparent_logo img{ top: -70px; -webkit-transition: opacity 0.5s ease-out, top 0.5s ease-out; -moz-transition: opacity 0.5s ease-out, top 0.5s ease-out; -ms-transition: opacity 0.5s ease-out, top 0.5s ease-out; -o-transition: opacity 0.5s ease-out, top 0.5s ease-out; transition: opacity 0.5s ease-out, top 0.5s ease-out; } header.transparent_header #logo .logo_img.transparent_logo_flip > a > img { top: 50px; -webkit-transition: opacity 0.15s ease-out, top 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, top 0.1s ease-out; -ms-transition: opacity 0.15s ease-out, top 0.1s ease-out; -o-transition: opacity 0.15s ease-out, top 0.1s ease-out; transition: opacity 0.15s ease-out, top 0.1s ease-out; } header.transparent_header.scrolled #logo .logo_img.transparent_logo_flip > a > img { top: 0; -webkit-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out; -moz-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out; -ms-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out; -o-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out; transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out; } /* Transparent Header : END */ #footer { position: fixed; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .isotope_element { margin-bottom: 20px;} .more-link:before { top: 4px; } h2 { font-size: 20px;} h3 { font-size: 17px;} h5 { font-size: 14px;} /* left/right sidebars */ #sidebar.col { padding-right: 16px; } .col.span_3_of_4 + #sidebar.col { padding-left: 16px; padding-right: 0px; } .circ_counter { width: 150px; } .logo_gallery { margin: 0 20px; padding-left: 20px; } .section_big_title h1 { font-size: 48px; } #header.scrolled .header_cart .cart-icon-wrap { padding-top: 14px;} #header.scrolled .header_cart .widget_shopping_cart, #header.scrolled .header_cart .cart-notification { top: 52px;} }