/* Author: KiloByte Author URI: http://www.kilobyte.es/ */ /* 1 THEME STRUCTURE 1.1 body 1.2 container 1.3 grid 2 TEXT 2.1 text rules 2.2 text color 2.3 text size 2.4 text font 3 FORMS 4 TABLE 5 TABS 6 CALENDAR 7 FRAMEWORK CLASS 7.1 text-align 7.2 text-transform 7.3 color 7.4 font-size 7.5 height 7.6 line-height 7.7 width 7.8 background-color 7.9 background 7.10 filter 7.11 margin 7.12 padding 7.13 border 7.14 box-sizing 7.15 list-style 7.16 display 7.17 vertical-align 7.18 float 7.19 bg size position repeat 7.20 position 7.21 right left top bottom 7.22 overflow 7.23 cursor 7.24 outline 8 CUSTOM FOR THEME 8.1 navigation 1 8.2 navigation 2 8.3 navigation 3 8.4 navigation top header 1 8.5 navigation top header 2 8.6 navigation copyright 9 TYPED PLUGIN 10 JQUERY UI 11 RESPONSIVE 11.1 ipad land 11.2 ipad port 11.3 iphone land 11.4 iphone port 11.5 all responsive 11.6 all iphone */ /* 1 THEME STRUCTURE ------------------------------------------------------- */ /* 1.1 body */ body{ margin:0px; padding:0px; } /* 1.2 container */ .brays_container{ width:1200px; margin:auto; padding: 0px; } .brays_container p { margin-bottom: 15px; } .brays_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .brays_site{ float: left; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .brays_section{ width: 100%; float: left; } /* 1.3 grid */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ padding:15px; float:left; display:inline; box-sizing:border-box; } .grid_1 {width:8.33%;} .grid_2 {width:16.66%;} .grid_3 {width:25%;} .grid_4 {width:33.33%;} .grid_5 {width:41.66%;} .grid_6 {width:50%;} .grid_7 {width:58.33%;} .grid_8 {width:66.66%;} .grid_9 {width:75%;} .grid_10 {width:83.33%;} .grid_11 {width:91.66%;} .grid_12 {width:100%;} /* 2 TEXT ------------------------------------------------------- */ /* 2.1 text rules */ p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight: normal; } a{ text-decoration: none; } /* 2.2 text color */ h1,h2,h3,h4,h5,h6,.brays_datepicker .ui-datepicker-header .ui-datepicker-title{ color: #727475; } p,ul,ol,input,label,textarea,.brays_datepicker{ color:#a3a3a3; } a:hover{ /*color:#00009d;*/ } a{ color: #a3a3a3; } a.red { color:#da2421; } a:hover.red { text-decoration:underline; } /* 2.3 text size */ h1{ font-size: 30px; line-height: 30px; } h2{ font-size: 25px; line-height: 25px; } h3{ font-size: 20px; line-height: 20px; } h4{ font-size: 17px; line-height: 17px; } h5{ font-size: 15px; line-height: 15px; } h6{ font-size: 13px; line-height: 13px; } p { font-size: 16px; line-height: 30px; } ul{ font-size: 16px; line-height: 30px; } ol{ font-size: 16px; line-height: 30px; } input,label,textarea{ font-size: 15px; } /* 2.4 text font */ h1,h2,h3,h4,h5,h6,.brays_first_font,.brays_datepicker .ui-datepicker-title{ font-family: 'Montserrat', sans-serif; } p,a,ul,ol,input,label,.brays_second_font,.brays_datepicker,textarea{ font-family: 'Varela Round', sans-serif; } .brays_third_font{ font-family: 'Hind', sans-serif; } /* 3 FORMS ------------------------------------------------------- */ input,textarea { background-color: #f9f9f9; outline: 0; border: 1px solid #f1f1f1; padding: 10px 20px; float: left; width: 100%; box-sizing:border-box; } /* 4 TABLE ------------------------------------------------------- */ table{ border-collapse: collapse; } /* 5 TABS ------------------------------------------------------- */ /* Changes to tabs: to make more visible and clear */ .brays_tabs .brays_display_inline_block h4 { font-size:15px; } .brays_tabs .brays_display_inline_block a { background-color:#da2421; color:#FFF; border: 2px solid #da2421; padding:11px; border-bottom: 0px; text-decoration: none; } .brays_tabs .ui-tabs-active.ui-state-active { background-color: #FFF; color:#727475; /*border-bottom: 2px solid #da2421;*/ /*box-shadow: 0px 2px 0px #da2421;*/} .brays_tabs .ui-tabs-active.ui-state-active a { background-color: #FFF; color:#727475; border-bottom:none; border-top: 2px solid #da2421; border-right: 2px solid #da2421; border-left: 2px solid #da2421; /*box-shadow: 0px 2px 0px #da2421;*/ } .brays_tabs .brays_display_inline_block a:hover { background-color: #FFF; color:#727475; border-bottom:none; border-top: 2px solid #da2421; border-right: 2px solid #da2421; border-left: 2px solid #da2421;} /* 6 CALENDAR ------------------------------------------------------- */ .brays_datepicker { float: left; width: 100%; text-align: center; } .brays_datepicker .ui-datepicker { float: left; width: 100%; } .brays_datepicker .ui-datepicker-header { float: left; width: 100%; } .brays_datepicker .ui-datepicker-calendar { display: inline-table; width: 95%; margin-top: 15px; margin-bottom: 15px; } .brays_datepicker .ui-datepicker-prev { display: none; } .brays_datepicker .ui-datepicker-next { display: none; } .brays_datepicker .ui-datepicker-header .ui-datepicker-title { background-color: #F9F9F9; padding: 20px; font-size: 20px; font-weight: bolder; border-bottom: 1px solid #f1f1f1; } .brays_datepicker .ui-datepicker-calendar { margin-top: 10px; } .brays_datepicker .ui-datepicker-calendar th { color: #727475; } .brays_datepicker .ui-datepicker-calendar th,.brays_datepicker .ui-datepicker-calendar td { padding: 10px 5px; } .brays_datepicker .ui-datepicker-unselectable span { background-color: #fff; } .brays_datepicker a.ui-state-default { background-color: #da2421; color:#fff; padding: 5px; border-radius: 3px; } /* 7 FRAMEWORK CLASS ------------------------------------------------------- */ /* 7.1 text-align */ .brays_text_align_center { text-align: center; } .brays_text_align_right { text-align: right; } .brays_text_align_left { text-align: left; } /* 7.2 text-transform */ .brays_text_transform_uppercase{ text-transform: uppercase; } /* 7.3 color */ .brays_color_white { color: #fff; } .brays_color_grey { color: #a3a3a3; } .brays_color_grey_hover:hover { color: #a3a3a3; } .brays_color_grey_claro_hover:hover { color: #efefef; } .brays_color_greydark { color: #727475; } .brays_color_greydark2 { color: #2d2d2d; } .brays_color_greydark_hover:hover { color: #727475; } .brays_color_f1f1f1{ color: #f1f1f1; } .brays_color_green{ color: #da2421; } .brays_color_green_hover:hover{ color: #da2421; } .brays_color_blue_brays{ color: #1800ba; } .brays_color_blue_brays_hover:hover{ color: #1800ba; } .brays_color_orange{ color: #da2421; } .brays_color_orange_hover:hover{ color: #da2421; } /*placeholer*/ .brays_placeholder_color_white::-webkit-input-placeholder { color: #fff; } .brays_placeholder_color_white::-moz-placeholder { color: #fff; } .brays_placeholder_color_white:-ms-input-placeholder { color: #fff; } .brays_placeholder_color_white:-moz-placeholder { color: #fff; } /* 7.4 font-size */ .brays_font_size_80 { font-size: 80px; line-height: 80px; } .brays_font_size_70 { font-size: 70px; line-height: 70px; } .brays_font_size_60 { font-size: 60px; line-height: 60px; } .brays_font_size_50 { font-size: 50px; line-height: 50px; } .brays_font_size_40 { font-size: 40px; line-height: 45px; } .brays_font_size_30 { font-size: 30px; line-height: 30px; } .brays_font_size_25 { font-size: 25px; line-height: 25px; } .brays_font_size_20 { font-size: 20px; line-height: 20px; } .brays_font_size_18 { font-size: 18px; line-height: 18px; } .brays_font_size_16 { font-size: 16px; line-height: 1.42857143; } .brays_font_size_15 { font-size: 15px; line-height: 15px; } .brays_font_size_14 { font-size: 14px; line-height: 14px; } .brays_font_size_13 { font-size: 13px; line-height: 13px; } .brays_font_size_12 { font-size: 12px; line-height: 12px; } .brays_font_size_11 { font-size: 11px; line-height: 12px; } .brays_font_size_10 { font-size: 10px; line-height: 10px; } .brays_font_size_8 { font-size: 8px; line-height: 8px; } /* 7.5 height */ .brays_height_1000{ height: 1000px; } .brays_height_600{ height: 600px; } .brays_height_570{ height: 570px; } .brays_height_550{ height: 550px; } .brays_height_500{ height: 500px; } .brays_height_450{ height: 450px; } .brays_height_400{ height: 400px; } .brays_height_330{ height: 330px; } .brays_height_323{ height: 323px; } .brays_height_320{ height: 320px; } .brays_height_310{ height: 310px; } .brays_height_300{ height: 300px; } .brays_height_293{ height: 293px; } .brays_height_290{ height: 290px; } .brays_height_280{ height: 280px; } .brays_height_273{ height: 273px; } .brays_height_260{ height: 260px; } .brays_height_250{ height: 250px; } .brays_height_247{ height: 247px; } .brays_height_240{ height: 240px; } .brays_height_200{ height: 200px; } .brays_height_180{ height: 180px; } .brays_height_158{ height: 158px; } .brays_height_150{ height: 150px; } .brays_height_110{ height: 110px; } .brays_height_100{ height: 100px; } .brays_height_90{ height: 90px; } .brays_height_80{ height: 80px; } .brays_height_73{ height: 73px; } .brays_height_70{ height: 70px; } .brays_height_60{ height: 60px; } .brays_height_55{ height: 55px; } .brays_height_50{ height: 50px; } .brays_height_43{ height: 43px; } .brays_height_40{ height: 40px; } .brays_height_39{ height: 39px; } .brays_height_35{ height: 35px; } .brays_height_33{ height: 33px; } .brays_height_30{ height: 30px; } .brays_height_25{ height: 25px; } .brays_height_23{ height: 23px; } .brays_height_20{ height: 20px; } .brays_height_15{ height: 15px; } .brays_height_13{ height: 13px; } .brays_height_10{ height: 10px; } .brays_height_9{ height: 9px; } .brays_height_8{ height: 8px; } .brays_height_7{ height: 7px; } .brays_height_6{ height: 6px; } .brays_height_5{ height: 5px; } .brays_height_4{ height: 4px; } .brays_height_3{ height: 3px; } .brays_height_2{ height: 2px; } .brays_height_1{ height: 1px; } .brays_height_auto{ height: auto; } .brays_height_100_percentage { height: 100%; } .brays_height_80_percentage { height: 80%; } /* 7.6 line-height */ .brays_line_height_5 { line-height: 5px; } .brays_line_height_10 { line-height: 10px; } .brays_line_height_16 { line-height: 16px; } .brays_line_height_17 { line-height: 17px; } .brays_line_height_18 { line-height: 18px; } .brays_line_height_20 { line-height: 20px; } .brays_line_height_25 { line-height: 25px; } .brays_line_height_31 { line-height: 31px; } .brays_line_height_30 { line-height: 30px; } .brays_line_height_35 { line-height: 35px; } .brays_line_height_50 { line-height: 50px; } /* 7.7 width */ .brays_width_700 { width: 700px; } .brays_width_300 { width: 300px; } .brays_width_200 { width: 200px; } .brays_width_170 { width: 170px; } .brays_width_150 { width: 150px; } .brays_width_100 { width: 100px; } .brays_width_90 { width: 90px; } .brays_width_70 { width: 70px; } .brays_width_60 { width: 60px; } .brays_width_55 { width: 55px; } .brays_width_33 { width: 33px; } .brays_width_30_hover:hover { width: 30px; } .brays_width_25 { width: 25px; } .brays_width_5 { width: 5px; } .brays_width_100_percentage { width: 100%; } .brays_width_80_percentage { width: 80%; } .brays_width_75_percentage { width: 75%; } .brays_width_70_percentage { width: 70%; } .brays_width_66_percentage { width: 66.66%; } .brays_width_65_percentage { width: 65%; } .brays_width_60_percentage { width: 60%; } .brays_width_55_percentage { width: 55%; } .brays_width_50_percentage { width: 50%; } .brays_width_35_percentage { width: 35%; } .brays_width_33_percentage { width: 33.33%; } .brays_width_40_percentage { width: 40%; } .brays_width_30_percentage { width: 30%; } .brays_width_25_percentage { width: 25%; } .brays_width_20_percentage { width: 20%; } .brays_width_16_percentage { width: 16%; } .brays_width_15_percentage { width: 15%; } .brays_width_14_percentage { width: 14%; } .brays_width_13_percentage { width: 13%; } .brays_width_12_percentage { width: 12%; } .brays_width_11_percentage { width: 11%; } .brays_width_10_percentage { width: 10%; } .brays_width_5_percentage { width: 5%; } /* 7.8 background-color */ .brays_bg_white { background-color: #ffffff; } .brays_bg_white_hover:hover { background-color: #ffffff; } .brays_bg_blue { background-color: #8AC6D0; } .brays_bg_blue_brays { background-color: #1800ba; } .brays_bg_blue_brays_hover:hover { background-color: #1800ba; } .brays_bg_green { background-color: #da2421; } .brays_bg_green_hover:hover { background-color: #da2421; } .brays_bg_grey { background-color: #f9f9f9; } .brays_bg_grey_2 { background-color: #a3a3a3; } .brays_bg_grey_3 { background-color: #e4e4e4; } .brays_bg_grey_claro_hover:hover { background-color: #efefef; } .brays_bg_greydark { background-color: #444444; } .brays_bg_greydark_hover:hover { background-color: #444444; } .brays_bg_orange { background-color: #da2421; } .brays_bg_red { background-color: #CC8585; } .brays_bg_yellow { background-color: #FFDA44; } .brays_bg_orangedark { background-color: #c4aa87; } .brays_bg_blue_alpha { background-color: rgba(138, 198, 208, 0.75); } .brays_bg_blue_brays_alpha { background-color: rgba(24, 0, 186, 0.75); } .brays_bg_green_alpha { background-color: rgba(112, 193, 144, 0.95); } .brays_bg_greydark_alpha { background-color: rgba(101, 100, 96, 0.3); } .brays_bg_greydark_alpha_4 { background-color: rgba(101, 100, 96, 0.4); } .brays_bg_greydark_alpha_6 { background-color: rgba(101, 100, 96, 0.6); } .brays_bg_greydark_alpha_8 { background-color: rgba(101, 100, 96, 0.8); } .brays_bg_greydark_alpha_9 { background-color: rgba(101, 100, 96, 0.9); } /* 7.9 background */ .brays_background_none{ background: none; } .brays_background_none_hover:hover{ background: none; } .brays_bg_greydark_alpha_gradient { background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,0.1) 60%, rgba(101,100,96,0.65) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0.65) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .brays_bg_greydark_alpha_gradient_2 { background: -moz-linear-gradient(top, rgba(101,100,96,0.8) 0%, rgba(101,100,96,0) 35%, rgba(101,100,96,0) 45%, rgba(101,100,96,0.8) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99656460', endColorstr='#99656460',GradientType=0 ); } .brays_bg_greydark_alpha_gradient_3 { background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,0.65) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,0.65) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .brays_bg_greydark_alpha_gradient_4 { background: -moz-linear-gradient(top, rgba(101,100,96,0.65) 0%, rgba(101,100,96,0.1) 60%, rgba(101,100,96,0) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0.65) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0.65) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 ); } .brays_bg_greydark_alpha_gradient_5 { background: -moz-linear-gradient(top, rgba(101,100,96,0.6) 0%, rgba(101,100,96,0.6) 75%, rgba(101,100,96,0) 100%); background: -webkit-linear-gradient(top, rgba(101,100,96,0.6) 0%,rgba(101,100,96,0.6) 75%,rgba(101,100,96,0) 100%); background: linear-gradient(to bottom, rgba(101,100,96,0.6) 0%,rgba(101,100,96,0.6) 75%,rgba(101,100,96,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99656460', endColorstr='#00656460',GradientType=0 ); } .brays_bg_gradient_red_to_green{ background: rgb(204,133,133); background: -moz-linear-gradient(left, rgba(204,133,133,1) 0%, rgba(204,133,133,1) 61%, rgba(104,183,140,1) 82%, rgba(104,183,140,1) 100%); background: -webkit-linear-gradient(left, rgba(204,133,133,1) 0%,rgba(204,133,133,1) 61%,rgba(104,183,140,1) 82%,rgba(104,183,140,1) 100%); background: linear-gradient(to right, rgba(204,133,133,1) 0%,rgba(204,133,133,1) 61%,rgba(104,183,140,1) 82%,rgba(104,183,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8585', endColorstr='#da2421',GradientType=1 ); } .brays_bg_blue_brays_alpha_gradient_bottom { background: -moz-linear-gradient(top, rgba(24,0,186,0.6) 0%, rgba(24,0,186,0.6) 75%, rgba(24,0,186,0) 100%); background: -webkit-linear-gradient(top, rgba(24,0,186,0.6) 0%,rgba(24,0,186,0.6) 75%,rgba(24,0,186,0) 100%); background: linear-gradient(to bottom, rgba(24,0,186,0.6) 0%,rgba(24,0,186,0.6) 75%,rgba(24,0,186,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991800ba', endColorstr='#001800ba',GradientType=0 ); } .brays_bg_blue_brays_alpha_gradient_top_bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1800ba+0,1800ba+25,1800ba+75,1800ba+100&0+0,1+25,1+75,0+100 */ background: -moz-linear-gradient(top, rgba(24,0,186,0) 0%, rgba(24,0,186,1) 15%, rgba(24,0,186,1) 85%, rgba(24,0,186,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(24,0,186,0) 0%,rgba(24,0,186,1) 15%,rgba(24,0,186,1) 85%,rgba(24,0,186,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(24,0,186,0) 0%,rgba(24,0,186,1) 15%,rgba(24,0,186,1) 85%,rgba(24,0,186,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001800ba', endColorstr='#001800ba',GradientType=0 ); /* IE6-9 */ } /* 7.10 filter */ .brays_filter_blur_5 { filter:blur(5px); -webkit-filter: blur(5px); } /* 7.11 margin */ /*margin general*/ .brays_margin_0 { margin: 0px; } .brays_margin_1 { margin: 1px; } .brays_margin_5 { margin: 5px; } .brays_margin_10 { margin: 10px; } .brays_margin_15 { margin: 15px; } .brays_margin_20 { margin: 20px; } /*margin bottom*/ .brays_margin_bottom_0 { margin-bottom: 0px; } .brays_margin_bottom_20 { margin-bottom: 20px; } .brays_margin_bottom_10 { margin-bottom: 10px; } /*margin top*/ .brays_margin_top_20 { margin-top: 20px; } .brays_margin_top_13 { margin-top: 13px; } .brays_margin_top_10 { margin-top: 10px; } .brays_margin_top_6 { margin-top: 6px; } .brays_margin_top_5 { margin-top: 5px; } .brays_margin_top_3 { margin-top: 3px; } .brays_margin_top_2 { margin-top: 2px; } /*margin right*/ .brays_margin_right_-20 { margin-right: -20px; } .brays_margin_right_3 { margin-right: 3px; } .brays_margin_right_5 { margin-right: 5px; } .brays_margin_right_10 { margin-right: 10px; } .brays_margin_right_14 { margin-right: 14px; } .brays_margin_right_20 { margin-right: 20px; } .brays_margin_right_40 { margin-right: 40px; } .brays_margin_right_50 { margin-right: 50px; } .brays_margin_right_60 { margin-right: 60px; } /*margin left*/ .brays_margin_left_0 { margin-left: 0px; } .brays_margin_left_5 { margin-left: 5px; } .brays_margin_left_10 { margin-left: 10px; } .brays_margin_left_15 { margin-left: 15px; } .brays_margin_left_20 { margin-left: 20px; } .brays_margin_left_40 { margin-left: 40px; } .brays_margin_left_80 { margin-left: 80px; } .brays_margin_left_60 { margin-left: 60px; } .brays_margin_left_70 { margin-left: 70px; } .brays_margin_left_120 { margin-left: 120px; } .brays_margin_left_200 { margin-left: 200px; } .brays_margin_left_220 { margin-left: 220px; } .brays_margin_left_240 { margin-left: 240px; } /*margin left negative*/ .brays_margin_left_negative_15 { margin-left: -15px; } /*margin bottom negative*/ .brays_margin_bottom_negative_15 { margin-bottom: -15px; } .brays_margin_bottom_100_negative { margin-bottom: -100px; } .brays_margin_bottom_105_negative { margin-bottom: -105px; } /*margin top negative*/ .brays_margin_top_negative_30 { margin-top: -30px; } .brays_margin_top_negative_225 { margin-top: -225px; } .brays_margin_top_negative_300 { margin-top: -300px; } /* 7.12 padding */ /*padding_general*/ .brays_padding_0 { padding: 0px; } .brays_padding_5 { padding: 5px; } .brays_padding_5_10 { padding: 5px 10px; } .brays_padding_8 { padding: 8px; } .brays_padding_10 { padding: 10px; } .brays_padding_10_20 { padding: 10px 20px; } .brays_padding_10_40 { padding: 10px 40px; } .brays_padding_20_10 { padding: 20px 10px; } .brays_padding_13_10 { padding: 13px 10px; } .brays_padding_13 { padding: 13px; } .brays_padding_15 { padding: 15px; } .brays_padding_20 { padding: 20px; } .brays_padding_28 { padding: 28px; } .brays_padding_20_50 { padding: 20px 50px; } .brays_padding_20_25 { padding: 20px 25px; } .brays_padding_30 { padding: 30px; } .brays_padding_40 { padding: 40px; } .brays_padding_40_20 { padding: 40px 20px; } .brays_padding_50 { padding: 50px; } .brays_padding_60 { padding: 60px; } .brays_padding_80 { padding: 80px; } .brays_padding_90 { padding: 90px; } .brays_padding_100 { padding: 100px; } .brays_padding_1020 { padding: 10px 20px; } .brays_padding_510 { padding: 5px 10px; } /*bottom*/ .brays_padding_botttom_0 { padding-bottom: 0px; } .brays_padding_botttom_5 { padding-bottom: 5px; } .brays_padding_botttom_10 { padding-bottom: 10px; } /*top*/ .brays_padding_top_0 { padding-top: 0px; } .brays_padding_top_3 { padding-top: 3px; } .brays_padding_top_10 { padding-top: 10px; } /*left*/ .brays_padding_left_220 { padding-left: 220px; } .brays_padding_left_120 { padding-left: 120px; } .brays_padding_left_100 { padding-left: 100px; } .brays_padding_left_90 { padding-left: 90px; } .brays_padding_left_80 { padding-left: 80px; } .brays_padding_left_70 { padding-left: 70px; } .brays_padding_left_50 { padding-left: 50px; } .brays_padding_left_45 { padding-left: 45px; } .brays_padding_left_40 { padding-left: 40px; } .brays_padding_left_25 { padding-left: 25px; } .brays_padding_left_20 { padding-left: 20px; } .brays_padding_left_10 { padding-left: 10px; } .brays_padding_left_5 { padding-left: 5px; } .brays_padding_left_0 { padding-left: 0px; } /*right*/ .brays_padding_right_0 { padding-right: 0px; } .brays_padding_right_5 { padding-right: 5px; } .brays_padding_right_10 { padding-right: 10px; } .brays_padding_right_20 { padding-right: 20px; } .brays_padding_right_40 { padding-right: 40px; } .brays_padding_right_50 { padding-right: 50px; } /* 7.13 border */ /*border radius*/ .brays_border_radius_3 { border-radius: 3px; } .brays_border_radius_0_0_3_3 { border-radius: 0px 0px 3px 3px; } .brays_border_radius_3_3_0_0 { border-radius: 3px 3px 0px 0px; } .brays_border_radius_50 { border-radius: 50px; } .brays_border_radius_100_percentage { border-radius: 100%; } /*general border*/ .brays_border_width_2 { border-width: 2px; } .brays_border_0 { border: 0px solid #fff; } .brays_border_1_solid_white { border: 1px solid #fff; } .brays_border_2_solid_white { border: 2px solid #fff; } .brays_border_2_solid_white_hover:hover { border: 2px solid #fff; } .brays_border_1_solid_grey { border: 1px solid #f1f1f1; } .brays_border_1_solid_grey_2 { border: 1px solid #a3a3a3; } .brays_border_3_solid_white { border: 3px solid #fff; } .brays_border_3_dashed_grey { border: 3px dashed #f1f1f1; } .brays_border_1_solid_green { border: 1px solid #da2421; } .brays_border_1_solid_green_hover:hover { border: 1px solid #da2421; } .brays_border_2_solid_green { border: 2px solid #da2421; } .brays_border_3_solid_green { border: 3px solid #da2421; } .brays_border_1_solid_blue_brays { border: 1px solid #1800ba; } .brays_border_1_solid_blue_brays_hover:hover { border: 1px solid #1800ba; } .brays_border_2_solid_blue_brays { border: 2px solid #1800ba; } .brays_border_1_solid_orange { border: 1px solid #da2421; } /*border top*/ .brays_border_top_width_0{ border-top-width: 0px; } .brays_border_top_1_solid_grey { border-top: 1px solid #f1f1f1; } .brays_border_top_1_solid_greydark { border-top: 1px solid #595959; } .brays_border_top_2_solid_grey { border-top: 2px solid #f1f1f1; } /*border bottom*/ .brays_border_bottom_width_0{ border-bottom-width: 0px; } .brays_border_bottom_width_2{ border-bottom-width: 2px; } .brays_border_bottom_1_solid_grey { border-bottom: 1px solid #f1f1f1; } .brays_border_bottom_2_solid_grey { border-bottom: 2px solid #f1f1f1; } .brays_border_bottom_2_solid_greendark { border-bottom: 2px solid #64AB84; } .brays_border_bottom_4_solid_white { border-bottom: 4px solid #fff; } .brays_border_bottom_3_solid_white { border-bottom: 3px solid #fff; } .brays_border_bottom_1_solid_greydark { border-bottom: 1px solid #595959; } /*border left*/ .brays_border_left_width_0{ border-left-width: 0px; } /*border right*/ .brays_border_right_width_0{ border-right-width: 0px; } /* 7.14 box-sizing */ .brays_box_sizing_border_box { box-sizing: border-box; } /* 7.15 list-style */ .brays_list_style_none { list-style: none; } /* 7.16 display */ .brays_display_inline { display: inline; } .brays_display_inline_block { display: inline-block; } .brays_display_block { display: block; } .brays_display_none { display: none; } .brays_display_table { display: table; } .brays_display_table_cell { display: table-cell; } /* 7.17 vertical-align */ .brays_vertical_align_middle { vertical-align: middle; } .brays_vertical_align_top { vertical-align: top; } .brays_vertical_align_bottom { vertical-align: bottom; } /* 7.18 float */ .brays_float_left { float: left; } .brays_float_right { float: right; } /* 7.19 bg size position repeat */ .brays_background_size_cover { background-size: cover; } .brays_background_size_25 { background-size: 25px; } .brays_background_size_fit { background-size: 100%; } .brays_background_position_center { background-position: center center; } .brays_background_position_center_bottom { background-position: center bottom; } .brays_background_position_center_top { background-position: center top; } .brays_background_repeat_no_repeat { background-repeat: no-repeat; } /* 7.20 position */ .brays_position_absolute { position: absolute; } .brays_position_relative { position: relative; } .brays_position_fixed { position: fixed; } /* 7.21 right left top bottom */ .brays_right_300_negative { right: -300px; } .brays_right_0 { right: 0; } .brays_right_20 { right: 20px; } .brays_left_0 { left: 0; } .brays_left_10 { left: 10px; } .brays_left_15 { left: 15px; } .brays_left_65_negative { left: -65px; } .brays_top_0 { top: 0; } .brays_top_5 { top: 5px; } .brays_top_40_negative { top: -40px; } .brays_top_10_negative { top: -10px; } .brays_top_5_negative { top: -5px; } .brays_top_3_negative { top: -3px; } .brays_top_10 { top: 10px; } .brays_top_17 { top: 17px; } .brays_top_20 { top: 20px; } .brays_bottom_20 { bottom: 20px; } .brays_bottom_30 { bottom: 30px; } .brays_bottom_35_negative { bottom: -35px; } /* 7.22 overflow */ .brays_overflow_hidden { overflow: hidden; } .brays_overflow_x_auto { overflow-x: auto; } .brays_overflow_y_auto { overflow-y: auto; } /* 7.23 cursor */ .brays_cursor_move { cursor: move; } .brays_cursor_pointer { cursor: pointer; } .brays_cursor_zoom_out { cursor: zoom-out; } /* 7.24 outline */ .brays_outline_0{ outline: 0; } /* 7.25 z-index */ .brays_z_index_1_negative{ z-index: -1; } .brays_z_index_9{ z-index: 9; } .brays_z_index_99{ z-index: 99; } .brays_z_index_999{ z-index: 999; } /* 7.26 transition */ .brays_transition_all_08_ease{ -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /* 7.27 opacity */ .brays_opacity_0{ opacity: 0; } .brays_opacity_07{ opacity: 0.7; } .brays_opacity_05_hover:hover{ opacity: 0.5; } /* 7.28 zoom */ .brays_zoom_1_1_hover:hover{ zoom: 1.1; } /* 8 CUSTOM FOR THEME ------------------------------------------------------- */ /* 8.1 navigation 1*/ .brays_navigation_1 { margin-left: 70px; } .brays_navigation_1 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_1 > ul > li { display: inline-block; } .brays_navigation_1 > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; color: #bda382; } .brays_navigation_1 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_1 li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_1 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_1 > ul li > ul.brays_sub_menu { background-color: #B8BB64; position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; } .brays_navigation_1 > ul li > ul.brays_sub_menu > li { padding: 5px 10px; font-size: 13px; border-bottom: 1px solid #000; } .brays_navigation_1 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /*top header*/ .brays_navigation_top_header_1 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_top_header_1 > ul > li { display: inline-block; } .brays_navigation_top_header_1 > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; font-size: 13px; color:#d8d8d8; } .brays_navigation_top_header_1 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_top_header_1 li a { font-size: 13px; } .brays_navigation_top_header_1 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_top_header_1 > ul li > ul.brays_sub_menu { background-color: #B8BB64; position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; } .brays_navigation_top_header_1 > ul li > ul.brays_sub_menu > li { padding: 5px 10px; font-size: 13px; border-bottom: 1px solid #000; } .brays_navigation_top_header_1 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /* 8.2 navigation 2 */ .brays_navigation_2 { margin-left: 70px; } .brays_navigation_2 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_2 > ul > li { display: inline-block; } .brays_navigation_2 > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; color: #B7B7B7; } .brays_navigation_2 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_2 li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_2 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_2 > ul li > ul.brays_sub_menu { position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; margin-left: -20px; padding-top: 20px; width: 170px; } .brays_navigation_2 > ul li > ul.brays_sub_menu > li { padding: 10px 20px; border-bottom: 1px solid #f1f1f1; text-align: left; background-color: #fff; position: relative; box-shadow: 0px 2px 5px #f1f1f1; } .brays_navigation_2 > ul li > ul.brays_sub_menu > li:hover { background-color: #f9f9f9; } .brays_navigation_2 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } .brays_navigation_2 > ul li > ul.brays_sub_menu li a { color: #727475; font-size: 14px; } .brays_navigation_2 > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { margin-left: 150px; top: 0; padding-top: 0; padding-left: 20px; } /*responsive*/ .brays_navigation_2_sidebar > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_2_sidebar > ul > li { display: inline-block; } .brays_navigation_2_sidebar li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_2_sidebar li > a { padding: 10px 0px; display: inline-block; font-size: 24px; text-transform: lowercase; } .brays_navigation_2_sidebar > ul li > ul.brays_sub_menu { margin: 0px; padding: 0px; list-style: none; } .brays_navigation_2_sidebar > ul li > ul.brays_sub_menu > li { padding: 10px 20px; text-align: left; } .brays_navigation_2_sidebar > ul li > ul.brays_sub_menu li a { color: #fff; font-size: 14px; } .brays_navigation_2_sidebar > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { } /*top header*/ .brays_navigation_top_header_2 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_top_header_2 > ul > li { display: inline-block; } .brays_navigation_top_header_2> ul > li:after { content: "|"; display: inline-block; margin: 0px 15px; font-size: 13px; color:#5F5F5F; } .brays_navigation_top_header_2 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_top_header_2 li a { font-size: 13px; } .brays_navigation_top_header_2 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_top_header_2 > ul li > ul.brays_sub_menu { padding: 10px 0px 0px 15px; position: absolute; margin: 0px; list-style: none; display: none; z-index: 9; } .brays_navigation_top_header_2 > ul li > ul.brays_sub_menu > li { padding: 7px 15px; font-size: 13px; border-bottom: 1px solid #595959; background-color: #444444; } .brays_navigation_top_header_2 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /* 8.2 navigation 3 */ .brays_navigation_3 { margin-left: 70px; } .brays_navigation_3 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_3 > ul > li { display: inline-block; } .brays_navigation_3 > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; color: #f1f1f1; } .brays_navigation_3 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_3 li a { color: #727475; font-size: 14px; font-family: 'Montserrat'; } .brays_navigation_3 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_3 > ul li > ul.brays_sub_menu { position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; margin-left: -20px; padding-top: 20px; width: 170px; } .brays_navigation_3 > ul li > ul.brays_sub_menu > li { padding: 10px 20px; border-bottom: 1px solid #f1f1f1; text-align: left; background-color: #fff; position: relative; box-shadow: 0px 2px 5px #f1f1f1; } .brays_navigation_3 > ul li > ul.brays_sub_menu > li:hover { background-color: #f9f9f9; } .brays_navigation_3 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } .brays_navigation_3 > ul li > ul.brays_sub_menu li a { color: #727475; font-size: 14px; } .brays_navigation_3 > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { margin-left: 150px; top: 0; padding-top: 0; padding-left: 20px; } /*responsive*/ .brays_navigation_3_sidebar > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_3_sidebar > ul > li { display: inline-block; } .brays_navigation_3_sidebar li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_3_sidebar li > a { padding: 10px 0px; display: inline-block; font-size: 20px; text-transform: lowercase; } .brays_navigation_3_sidebar > ul li > ul.brays_sub_menu { margin: 0px; padding: 0px; list-style: none; } .brays_navigation_3_sidebar > ul li > ul.brays_sub_menu > li { padding: 10px 20px; text-align: left; } .brays_navigation_3_sidebar > ul li > ul.brays_sub_menu li a { color: #fff; font-size: 14px; } .brays_navigation_3_sidebar > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { } /*top header*/ .brays_navigation_top_header_3 > ul { list-style: none; margin: 0px; padding: 0px; height: 30px} .brays_navigation_top_header_3 > ul > li { display: inline-block; } .brays_navigation_top_header_3 > ul > li:after { content: "|"; display: inline-block; margin: 0px 15px; font-size: 13px; color:#b59974; } .brays_navigation_top_header_3 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_top_header_3 li a { font-size: 13px; } .brays_navigation_top_header_3 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_top_header_3 > ul li > ul.brays_sub_menu { padding: 10px 0px 0px 15px; position: absolute; margin: 0px; list-style: none; display: none; z-index: 9; } .brays_navigation_top_header_3 > ul li > ul.brays_sub_menu > li { padding: 7px 15px; font-size: 13px; border-bottom: 1px solid #595959; background-color: #444444; } .brays_navigation_top_header_3 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /* 8.2 navigation 4 */ .brays_navigation_4 { margin-left: 70px; } .brays_navigation_4 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_4 > ul > li { display: inline-block; } .brays_navigation_4 > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; color: #f1f1f1; } .brays_navigation_4 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_4 li a { color: #727475; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_4 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_4 > ul li > ul.brays_sub_menu { position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; margin-left: -20px; padding-top: 20px; width: 170px; } .brays_navigation_4 > ul li > ul.brays_sub_menu > li { padding: 10px 20px; border-bottom: 1px solid #f1f1f1; text-align: left; background-color: #fff; position: relative; box-shadow: 0px 2px 5px #f1f1f1; } .brays_navigation_4 > ul li > ul.brays_sub_menu > li:hover { background-color: #f9f9f9; } .brays_navigation_4 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } .brays_navigation_4 > ul li > ul.brays_sub_menu li a { color: #727475; font-size: 14px; } .brays_navigation_4 > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { margin-left: 150px; top: 0; padding-top: 0; padding-left: 20px; } /*responsive*/ .brays_navigation_4_sidebar > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_4_sidebar > ul > li { display: inline-block; } .brays_navigation_4_sidebar li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_4_sidebar li > a { padding: 10px 0px; display: inline-block; font-size: 24px; text-transform: lowercase; } .brays_navigation_4_sidebar > ul li > ul.brays_sub_menu { margin: 0px; padding: 0px; list-style: none; } .brays_navigation_4_sidebar > ul li > ul.brays_sub_menu > li { padding: 10px 20px; text-align: left; } .brays_navigation_4_sidebar > ul li > ul.brays_sub_menu li a { color: #fff; font-size: 14px; } .brays_navigation_4_sidebar > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { } /*top header*/ .brays_navigation_top_header_4 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_top_header_4 > ul > li { display: inline-block; } .brays_navigation_top_header_4> ul > li:after { content: "|"; display: inline-block; margin: 0px 15px; font-size: 13px; color:#5F5F5F; } .brays_navigation_top_header_4 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_top_header_4 li a { font-size: 13px; } .brays_navigation_top_header_4 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_top_header_4 > ul li > ul.brays_sub_menu { padding: 10px 0px 0px 15px; position: absolute; margin: 0px; list-style: none; display: none; z-index: 9; } .brays_navigation_top_header_4 > ul li > ul.brays_sub_menu > li { padding: 7px 15px; font-size: 13px; border-bottom: 1px solid #595959; background-color: #444444; } .brays_navigation_top_header_4 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /* 8.2 navigation 5 */ .brays_navigation_5 { margin-left: 70px; } .brays_navigation_5 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_5 > ul > li { display: inline-block; } .brays_navigation_5 > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; color: #B7B7B7; } .brays_navigation_5 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_5 li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_5 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_5 > ul li > ul.brays_sub_menu { position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; margin-left: -20px; padding-top: 20px; width: 170px; } .brays_navigation_5 > ul li > ul.brays_sub_menu > li { padding: 10px 20px; border-bottom: 1px solid #f1f1f1; text-align: left; background-color: #fff; position: relative; box-shadow: 0px 2px 5px #f1f1f1; } .brays_navigation_5 > ul li > ul.brays_sub_menu > li:hover { background-color: #f9f9f9; } .brays_navigation_5 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } .brays_navigation_5 > ul li > ul.brays_sub_menu li a { color: #727475; font-size: 14px; } .brays_navigation_5 > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { margin-left: 150px; top: 0; padding-top: 0; padding-left: 20px; } /*responsive*/ .brays_navigation_5_sidebar > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_5_sidebar > ul > li { display: inline-block; } .brays_navigation_5_sidebar li a { color: #fff; font-size: 16px; font-family: 'Montserrat'; } .brays_navigation_5_sidebar li > a { padding: 10px 0px; display: inline-block; font-size: 24px; text-transform: lowercase; } .brays_navigation_5_sidebar > ul li > ul.brays_sub_menu { margin: 0px; padding: 0px; list-style: none; } .brays_navigation_5_sidebar > ul li > ul.brays_sub_menu > li { padding: 10px 20px; text-align: left; } .brays_navigation_5_sidebar > ul li > ul.brays_sub_menu li a { color: #fff; font-size: 14px; } .brays_navigation_5_sidebar > ul li > ul.brays_sub_menu li > ul.brays_sub_menu { } /*top header*/ .brays_navigation_top_header_5 > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_top_header_5 > ul > li { display: inline-block; } .brays_navigation_top_header_5> ul > li:after { content: "|"; display: inline-block; margin: 0px 15px; font-size: 13px; color:#b9b9b9; } .brays_navigation_top_header_5 > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_top_header_5 li a { font-size: 13px; } .brays_navigation_top_header_5 > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_top_header_5 > ul li > ul.brays_sub_menu { padding: 10px 0px 0px 15px; position: absolute; margin: 0px; list-style: none; display: none; z-index: 9; } .brays_navigation_top_header_5 > ul li > ul.brays_sub_menu > li { padding: 7px 15px; font-size: 13px; border-bottom: 1px solid #595959; background-color: #444444; } .brays_navigation_top_header_5 > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /* 8.6 navigation copyright */ .brays_navigation_copyright > ul { list-style: none; margin: 0px; padding: 0px; } .brays_navigation_copyright > ul > li { display: inline-block; } .brays_navigation_copyright > ul > li:after { content: "|"; display: inline-block; margin: 0px 20px; font-size: 14px; color:#5F5F5F; } .brays_navigation_copyright > ul > li:last-child:after { content: ""; margin: 0px; } .brays_navigation_copyright li a { font-size: 12px; } .brays_navigation_copyright > ul li:hover > ul.brays_sub_menu { display: block; } .brays_navigation_copyright > ul li > ul.brays_sub_menu { background-color: #B8BB64; position: absolute; margin: 0px; padding: 0px; list-style: none; display: none; } .brays_navigation_copyright > ul li > ul.brays_sub_menu > li { padding: 5px 10px; font-size: 13px; border-bottom: 1px solid #000; } .brays_navigation_copyright > ul li > ul.brays_sub_menu > li:last-child { border-bottom: 0px solid #000; } /* 9 TYPED PLUGIN ------------------------------------------------------- */ .typed-cursor{opacity: 1;font-size: 50px;color: #fff;font-weight: 100;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;-ms-animation: blink 0.7s infinite;-o-animation: blink 0.7s infinite;animation: blink 0.7s infinite;} @-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }} @-webkit-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }} @-moz-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }} @-ms-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }} @-o-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }} .brays_typed { border-bottom: 5px solid #da2421; } /* 10 JQUEY UI ------------------------------------------------------- */ .brays_tooltip:hover span { display: block; opacity: 1; } .ui-tooltip{ font-family: 'Varela Round', sans-serif; z-index: 99; background-color: #444; border-radius: 3px; padding: 5px 10px; position: absolute; color: #fff; margin: 0px; font-size: 16px; outline: 0; -webkit-appearance: none; border: 0;} .ui-helper-hidden-accessible { display: none; } /* 11 RESPONSIVE ------------------------------------------------------- */ /* 11.1 ipad land*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .brays_container{width:960px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 100%; } } /* 11.2 ipad port*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .brays_container {width:748px;} .brays_width_100_percentage_ipad_port { width: 100%; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 100%; } } /* 11.3 iphone land*/ @media only screen and (min-width: 480px) and (max-width: 767px) { body{ -webkit-text-size-adjust:none; } .brays_container {width:460px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 100%; } } /* 11.4 iphone port*/ @media only screen and (min-width: 320px) and (max-width: 479px){ body{ -webkit-text-size-adjust:none; } .brays_container{ width:300px;} .brays_width_100_percentage_iphone_port { width: 100%; } .brays_text_align_left_iphone_port { text-align: left; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 100%; } .width_100_responsive_custom{ width: 100%; } } /* 11.5 all responsive*/ @media only screen and (min-width: 320px) and (max-width: 1199px) { .brays_display_none_all_responsive { display: none; } .brays_padding_0_20_responsive { padding: 0px 20px; } .brays_display_block_responsive { display: block; } .brays_width_100_percentage_responsive { width: 100%; } .brays_width_50_percentage_responsive { width: 50%; } .brays_width_25_percentage_responsive { width: 25%; } .brays_text_align_center_responsive { text-align: center; } .brays_text_align_left_responsive { text-align: left; } .brays_margin_top_5_responsive { margin-top: 5px; } .brays_border_top_1_solid_greydark_responsive { border-top: 1px solid #595959; } .brays_border_top_1_solid_grey_responsive { border-top: 1px solid #f1f1f1; } .brays_border_top_1_solid_orangedark_responsive { border-top: 1px solid #b59974; } .brays_cursor_move_responsive { cursor: move; } .brays_font_size_40_responsive { font-size: 40px; } .brays_line_height_40_responsive { line-height: 40px; } .brays_line_height_20_responsive { line-height: 20px; } } /* 11.6 all iphone*/ @media only screen and (min-width: 320px) and (max-width: 767px) { .brays_display_none_all_iphone { display: none; } .brays_display_block_all_iphone { display: block; } .brays_width_100_percentage_all_iphone { width: 100%; } .brays_width_50_percentage_all_iphone { width: 50%; } .brays_width_50_all_iphone { width: 50px; } .brays_width_250_all_iphone { width: 250px; } .brays_text_align_center_all_iphone { text-align: center; } .brays_text_align_left_all_iphone { text-align: left; } .brays_padding_right_0_all_iphone { padding-right: 0px; } .brays_padding_left_0_all_iphone { padding-left: 0px; } .brays_padding_0_all_iphone { padding: 0px; } .brays_padding_40_all_iphone { padding: 40px; } .brays_font_size_40_all_iphone { font-size: 40px; } .brays_font_size_30_all_iphone { font-size: 30px; } .brays_font_size_20_all_iphone { font-size: 20px; } .brays_font_size_16_all_iphone { font-size: 16px; } .brays_font_size_10_all_iphone { font-size: 10px; } .brays_line_height_40_all_iphone { line-height: 40px; } .brays_line_height_20_all_iphone { line-height: 20px; } .brays_line_height_0_all_iphone { line-height: 0px; } .brays_position_relative_all_iphone { position: relative; } .brays_margin_top_120_all_iphone { margin-top: 120px; } .brays_margin_top_23_all_iphone { margin-top: 23px; } .brays_margin_top_20_all_iphone { margin-top: 20px; } .brays_margin_top_-20_all_iphone { margin-top: -20px; } .brays_margin_top_-80_all_iphone { margin-top: -80px; } .brays_margin_top_-100_all_iphone { margin-top: -100px; } .brays_margin_top_-160_all_iphone { margin-top: -160px; } } /* improvement of secondary menu in small devices */ @media only screen and (min-width: 0px) and (max-width: 767px) { .brays_tabs .brays_display_inline_block h4 { font-size:14px; } .brays_tabs .brays_display_inline_block a { padding:5px; } .brays_font_size_30_responsive_custom { font-size: 30px; line-height: 30px; } .brays_font_size_25_responsive_custom { font-size: 25px; line-height: 25px; } .brays_font_size_15_responsive_custom { font-size: 15px; line-height: 15px; } .brays_padding_20_responsive_custom { padding: 20px; } .brays_padding_10_responsive_custom { padding: 10px; } .section-accordeon { padding: 20px 5px; } } .dropdown-toggle { cursor: pointer; } .boton_aula_virtual { float:left; margin-left: 100px; } .clear-both{ clear: both; } .btn { display: inline-block !important; padding: 6px 12px !important; margin-bottom: 0; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; background-image: none; /*border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent;*/ border-radius: 4px !important; } .btn-default { color: #333 !important; background-color: #fff !important; border-color: #ccc !important; } .brays_responsive_margin_right_14{ margin-right: 14px; } @media only screen and (max-width: 479px){ .brays_responsive_margin_right_14{ margin-right: 3px; } }