/*############################################################################### TABLE OF CONTENTS 1 - CSS Reset 2 - Main Styles 3 - Page Styles #################################################################################*/ /* CUSTOM FONTS */ @import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900); /* ========================= 1 - CSS RESET ========================= */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } ol,ul { list-style:none; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } a { text-decoration:none; color:inherit; } input, textarea, :focus { outline:none; } /* ========================= 2 - MAIN STYLES ========================= */ body { font-family: 'Roboto', sans-serif; background-color: #f49226; } .main_container { width:1100px; margin:0 auto; } .main_section { width:675px; margin:0 auto; padding:40px 0; } .main_hr { width:100px; margin:25px auto; border:none; height:1px; background-color:#000; } .main_btn { background-color:transparent; padding:18px 20px; border:solid thin #000; display:inline-block; text-transform:uppercase; font-weight:300; margin-top:30px; font-size:13px; transition:all .2s ease-in; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; } .main_title { font-size:25px; color:#f49226; text-transform:uppercase; font-weight:500; } #main_nav { list-style:none; padding:0; float:left; width:240px; text-transform:uppercase; font-size:13px; font-weight:500; margin-top:30px; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } #main_nav a { background-color:#fafafa; border-bottom:solid thin rgba(0,0,0,0.03); display:block; color:#a6a6a6; padding:13px; margin-bottom:2px; position:relative; } #main_nav li:last-of-type a { margin-bottom:0; } #main_nav a:hover, #main_nav .active a { background:none; background-color:#f49226; color:#FFF; } #main_nav .active a:after { content:''; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto; margin-right:-12px; width: 0; height: 0; border-style: solid; border-width: 20px 0px 20px 15px; border-color: transparent transparent transparent #f49226; } .main_form { text-transform:uppercase; } .main_form input[type="text"], .main_form input[type="password"], .main_form textarea { font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:13px; padding:10px; border:solid thin #a6a6a6; transition:all .1s ease-out; -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out; resize:none; } .main_form input[type="text"]:focus, .main_form input[type="password"]:focus, .main_form textarea:focus { outline:none; border-color:#f49226; } .main_form input[type="submit"] { font-size:15px; float:right; font-family: 'Roboto', sans-serif; font-weight:700; padding:10px 40px; display:inline-block; cursor:pointer; background-color:#f49226; text-transform:uppercase; color:#fff; border:none; } .main_form input[type="submit"]:hover, .main_form input[type="submit"]:focus { background-color:#ff663f; color:#FFF; } .main_form span.tip { color:#f49226; display:block; float:left; line-height:40px; font-size:12px; } ::-webkit-input-placeholder { color:#A5A4A4; } :-moz-placeholder { color:#A5A4A4; opacity:1; } ::-moz-placeholder { color:#A5A4A4; opacity:1; } :-ms-input-placeholder { color:#A5A4A4; } .main_form p.error, .main_form p.success { margin-bottom:15px; } .main_form span.error { padding:2px 10px; display:inline-block; border-right:solid thin rgba(0,0,0,0.1); margin-top:5px; font-size:10px; } .main_form span.error:first-of-type, .main_form span.error:nth-of-type(6), .main_form span.error:nth-of-type(11) { padding-left:0; } .main_form span.error:last-of-type, .main_form span.error:nth-of-type(5n) { border:none; } .sprite { background-image:url(../IMG/sprite.png); } .clear { clear:both; } /* ================ Header ================ */ header { position:relative; } header:after { content:''; display:block; position:absolute; width:100%; height:335px; top:0; left:0; z-index:-1; background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA6MGbGIGwPFzqJLgAVBipEl4ILIEiiCMAkMQZAEAEbIBTpQMFGXAAAAAElFTkSuQmCC') repeat; } header .top_container { width:1140px; margin:0 auto; padding:20px 0; position:relative; height:105px; overflow:hidden; } header .top_container:before { content:''; display:block; position:absolute; width:100%; background-image:url(../IMG/stripe.jpg); background-size:100%; height:4px; top:0; left:0; } header .top_container:after { content:''; display:block; clear:both; } /* * LOGO */ .logo { width:114px; height:105px; margin-left:70px; display:block; background-image:url(../IMG/logo.png); background-size:contain; background-repeat:no-repeat; z-index:50; float:left; } .logo a { display:block; text-indent:-2000em; height:105px; } /* * MENU */ nav { margin:0 50px; float:left; padding-top:20px; width:568px; height:82px; overflow:hidden; } nav ul { float:left; text-transform:uppercase; color:#7a7a7a; font-size:14px; margin-right:35px; } nav ul:last-of-type { margin-right:0; } nav li { margin-top:8px; } nav a { position:relative; } nav a:after { content:''; display:block; position:absolute; height:3px; width:0px; bottom:0; left:0; margin-bottom:-4px; background-color:#f6ac1e; transition:all .2s ease-in; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; max-width:100%; } nav a:hover:after, nav .active:after { width:100%; } #responsive_menu_wrap, #close_menu_btn, #responsive_menu_btn { display:none; overflow:hidden; } /* * SUBMENU */ #sub_menu { float:right; width:288px; margin-top:32px; } /* BUTTONS */ #sub_menu .btn { width:142px; display:inline-block; text-align:center; padding:5px 0; text-transform:uppercase; font-size:13px; color:#FFF; transition:all .2s ease-in; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; } .orange.btn { background-color:#f6ac1e; } .dark_orange.btn { background-color:#f49226; } #sub_menu .btn:hover { background-color:#f05850; } /* SEARCH */ #search_form { position:relative; margin-top:5px; background-color:#FFF; padding:5px 0; } #search_form input[type="text"] { width:235px; vertical-align:top; padding:4px 0; color:#797979; text-transform:uppercase; border:none; margin-left:10px; font-size:12px; font-weight:300; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; outline:none; background:none; } #search_form ::-webkit-input-placeholder { color:#797979; } #search_form :-moz-placeholder { color:#797979; opacity:1; } #search_form ::-moz-placeholder { color:#797979; opacity:1; } #search_form :-ms-input-placeholder { color:#797979; } #search_form button { position:absolute; cursor:pointer; background-color:transparent; border:none; text-indent:-9999px; width:20px; height:20px; right:10px; top:0; bottom:0; margin:auto; background:none; } #search_form button:before { content:''; border-radius:100%; border:solid 1px #303030; position:absolute; width:15px; height:15px; top:0; left:0; transition:all .2s ease-in; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; } #search_form button:after { content:''; position:absolute; bottom:0; right:3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); height:7px; width:1px; background-color:#303030; transition:all .2s ease-in; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; } #search_form button:hover:after { background-color:#d0d1d2; } #search_form button:hover:before { border-color:#d0d1d2; } /* ================ END HEADER ================ */ /* ================ Footer ================ */ footer { border-top:solid 3px #FFF; padding:20px 0; background-color: #f49226; color:#FFF; } footer .main_container { position:relative; } footer .main_container:after { content:''; display:block; clear:both; } footer .links { float:left; text-transform:uppercase; font-size:13px; font-weight:700; } footer .links a { margin:0px 10px; position:relative; } footer .links a:before { content:'\\'; display:inline-block; position:absolute; left:0; top:0; bottom:0; margin:auto; margin-left:-14px; } footer .links a:first-of-type { margin-left:0; } footer .links a:first-of-type:before { display:none; } footer .links a:after, footer .site_info a:after { display:block; content:''; position:absolute; width:100%; height:2px; bottom:0; left:0; margin-bottom:-3px; background-color:#FFF; opacity:0; } footer .links a:hover:after, footer .site_info a:hover:after { opacity:1; } footer .site_info { float:right; font-size:13px; } footer .site_info span, footer .site_info a { text-transform:uppercase; font-weight:700; position:relative; } footer #go_up { position:absolute; height:25px; width:50px; background-position:-249px -151px; cursor:pointer; top:0; left:0; right:0; bottom:0; margin:auto; display:block; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; } footer #go_up:hover { opacity:0.4; } /* ================ END FOOTER ================ */ /* ========================= 3 - PAGE STYLES ========================= */ /* * HOMEPAGE - TOP SECTION */ #main_top_section { position:relative; } #main_top_section:before { content:''; position:absolute; left:0; top:180px; width:100%; height:840px; z-index:-1; background-color:#f0f0f0; } /* SLIDESHOW */ #slideshow_wrap{position:relative;margin:0 auto;background-color:transparent;height:500px;padding-top:20px;overflow:hidden; } #slideshow_wrap:after { display:block; content:''; position:absolute; bottom:0; left:0; width: 102%; height:40px; background-color:#f0f0f0; } #slideshow_wrap .record { /*background-color:#FFF;*/ height:470px; position:relative; } #slideshow_wrap .record .text{width:360px;height:210px; max-height:275px;padding-left:60px;padding-top:100px;float:left; overflow:hidden;/*transform:skewY(-2deg);-webkit-transform:skewY(-2deg);-o-transform:skewY(-2deg);*/} #slideshow_wrap .record .text h3 { font-size:30px; text-transform:uppercase; font-weight:900; color:#f6ac1e; width:360px;} #slideshow_wrap .record .image{width:100%;height:470px;position:absolute;right:0; bottom:0;background-repeat:no-repeat;background-position:right bottom;background-size:contain;z-index:-1;transform:skewY(2deg);-webkit-transform:skewY(2deg);-o-transform:skewY(2deg);background-color:#FFF;} #slideshow_wrap .record a { transition:all .2s ease-in; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;} #slideshow_wrap .record a:hover {color:#f49226;} /* PROJECTS */ #projects_wrap:after { display:block; content:''; clear:both; } #projects_wrap .pane { width:350px; height:200px; display:table; position:relative; background-color:#747474; overflow:hidden; cursor:pointer; float:left; } #projects_wrap .record .pane:nth-of-type(3n+2) { margin-left:25px; } #projects_wrap .record .pane:nth-of-type(3n) { float:right; } #projects_wrap .record .pane:nth-of-type(4n), #projects_wrap .record .pane:nth-of-type(5n), #projects_wrap .record .pane:nth-of-type(6n) { margin-top:25px; } #projects_wrap .pane h4 { display:table-cell; vertical-align:middle; font-size:18px; padding:0 15px; color:#FFF; z-index:5; position:relative; text-align:center; text-transform:uppercase; transition:all .4s ease-in; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; } #projects_wrap .pane .first_image, #projects_wrap .pane .second_image { position:absolute; width:100%; height:100%; background-size:contain; background-color:#fff; background-repeat:no-repeat; background-position:center; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0.4; transition:all .4s ease-in; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; } #projects_wrap .pane .second_image { opacity:0; }/* #projects_wrap .pane .icon { width:100px; height:100px; margin:25px auto 0; position:relative; transition:all .4s ease-in; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; } #projects_wrap .pane .icon:after { content:''; display:block; position:absolute; top:0; left:0; width:100px; height:100px; background-image:url(../IMG/sprite.png); background-position:-194px -6px; } #projects_wrap .pane .icon span { display:block; position:absolute; height:60px; width:47px; top:0; left:0; right:0; bottom:0; margin:auto; overflow:hidden; background-size:auto; background-repeat:no-repeat; background-position:center; }*/ #projects_wrap .pane:hover h4 { transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); opacity:0; } #projects_wrap .pane:hover .second_image { transform:scale(1.06,1.06); -moz-transform:scale(1.06,1.06) rotate(0.1deg); -webkit-transform:scale(1.06,1.06); opacity:1; } /* * HOMEPAGE - MIDDLE SECTION */ #main_middle_section { background-color:#FFF; } #main_middle_section article { text-align:center; margin:0 auto; width:780px; padding:35px 0; } #main_middle_section article h3 { text-transform:uppercase; font-size:28px; font-weight:500; } /* WELCOME */ #welcome_wrap { color:#a5a4a4; margin:0 auto 30px !important; } #welcome_wrap hr { background-color:#dad9d9; } #welcome_wrap a { color:#0875ba; border-color:#0875ba; } #welcome_wrap a:hover { background-color:#0875ba; color:#FFF; } /* TEASER NEWS - EVENTS - WORKSHOPS */ #teaser_wrap { padding-bottom:35px; position:relative; text-align:center; } #teaser_wrap:before { content:''; display:block; position:absolute; width:550px; height:18px; top:10px; right:0px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA6MGbGIGwPFzqJLgAVBipEl4ILIEiiCMAkMQZAEAEbIBTpQMFGXAAAAAElFTkSuQmCC') repeat; } #teaser_wrap ul { text-align:left; } #teaser_wrap li { display:inline-block; text-transform:uppercase; margin-right:15px; font-size:28px; color:#a6a6a6; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; } #teaser_wrap li:after { content:'\\'; padding-left:10px; } li.news_teaser.ui-state-active, li.news_teaser:hover { color:#5a4298 !important; } li.events_teaser.ui-state-active, li.events_teaser:hover { color:#f49226 !important; } li.workshops_teaser.ui-state-active, li.workshops_teaser:hover { color:#85ba42 !important; } #tabs_container { height:461px; overflow:hidden; position:relative; } #tabs_container > div { padding:35px 0; transform:scale(0.8,0.8) translateZ(0); -moz-transform:scale(0.8,0.8) translateZ(0); -webkit-transform:scale(0.8,0.8) translateZ(0); opacity:0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-backface-visibility:hidden; } #tabs_container > div:after { content:''; display:block; clear:both; } #tabs_container .record { float:left; text-align:left; width:140px; height:300px; padding:5px 25px 0px; border-left:solid thin #dad9d9; cursor:pointer; position:relative; } #tabs_container .tab .record:first-of-type { padding-left:0px; border:none; } #tabs_container .tab .record:last-of-type { padding-right:0px; } #tabs_container .tab .record:nth-of-type(6) { float:right; } #tabs_container .record .image { position:relative; height:80px; width:140px; background-size:cover; background-repeat:no-repeat; background-position:center top; } #tabs_container .record .image:after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:0px; z-index:1; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; } #tabs_container .record .date:before { content:'• data'; margin-right:4px; font-weight:400; } #tabs_container .record .date { font-weight:300; font-size:12px; text-transform:uppercase; margin-top:10px; } #tabs_container .record h5 { font-size:14px; color:#a5a4a4; text-transform:uppercase; margin-top:5px; font-weight:500; max-height:150px; overflow:hidden; transition:all .4s ease-in; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; } #tabs_container .highlighted { width:320px; padding:5px 30px 0px; } #tabs_container .highlighted .image { width:320px; height:200px; } #tabs_container .highlighted h5 { max-height:52px; overflow:hidden; } #news-tab .record .image:after { background-color:#5a4298; } #events-tab .image:after { background-color:#f49226; } #workshops-tab .image:after { background-color:#85ba42; } #tabs_container .record:hover .image:after { height:5px; } #news-tab .date, #news-tab .record:hover h5, #news-tab .main_btn { color:#5a4298; } #events-tab .date, #events-tab .record:hover h5, #events-tab .main_btn { color:#f49226; } #workshops-tab .date, #workshops-tab .record:hover h5, #workshops-tab .main_btn { color:#85ba42; } #projects-tab .date, #projects-tab .record:hover h5, #projects-tab .main_btn { color:#00ccff; } #projects-tab h5 { margin-top:15px !important; } #news-tab .main_btn { border-color:#5a4298; } #news-tab .main_btn:hover { background-color:#5a4298; color:#FFF; } #events-tab .main_btn { border-color:#f49226; } #events-tab .main_btn:hover { background-color:#f49226; color:#FFF; } #workshops-tab .main_btn { border-color:#85ba42; } #workshops-tab .main_btn:hover { background-color:#85ba42; color:#FFF; } #tabs_container > div.scaleUp { transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1; } /* ABOUT */ #about_wrap { background-image:url(../IMG/background-1.jpg); background-size:cover; color:#FFF; position:relative; } #about_wrap:after { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA6MGbGIGwPFzqJLgAVBipEl4ILIEiiCMAkMQZAEAEbIBTpQMFGXAAAAAElFTkSuQmCC') repeat; } #about_wrap article { z-index:5; position:relative; } #about_wrap hr { background-color:#FFF; } #about_wrap a { border-color:#FFF; } #about_wrap a:hover { background-color:#FFF; color:#ec1b33; } /* * HOMEPAGE - BOTTOM SECTION */ /* COURSES */ #course_wrap { background-color:#f5f3f4; text-align:center; } #course_wrap .main_container { background-image:url(../IMG/photo-15.jpg); height:159px; padding-top:250px; background-position:center; position:relative; } #course_wrap h3 { text-transform:uppercase; font-size:36px; color:#5a4298; font-weight:700; } /* pdf link */ #course_wrap .main_btn { color:#5a4298; } #course_wrap .main_btn { border-color:#5a4298; } #course_wrap .main_btn:hover { background-color:#5a4298; color:#FFF; } /* selectors */ #course_wrap .pick_region { display:inline-block; margin-top:20px; margin-right:15px; text-transform:uppercase; font-size:18px; color:#5a4298; cursor:pointer; } #course_wrap .pick_region:after { content:'↓'; display:inline-block; margin-top:-10px; margin-left:5px; font-weight:300; font-size:18px; vertical-align:middle; } #course_wrap .pick_region:hover { color:#f49226; } #course_wrap .pick_course { display:inline-block; margin-top:20px; margin-left:15px; text-transform:uppercase; font-size:18px; color:#5a4298; cursor:pointer; } #course_wrap .pick_course:after { content:'↓'; display:inline-block; margin-top:-10px; margin-left:5px; font-weight:300; font-size:18px; vertical-align:middle; } #course_wrap .pick_course:hover { color:#f49226; } #course_wrap .picker_container { position:absolute; bottom:0; left:0; right:0; margin:auto; width:280px; height:320px; overflow:hidden; background-color:#fcfbf8; text-align:left; border:solid 2px #f49226; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); margin-bottom:-310px; z-index:99; padding-bottom:20px; padding-top:20px; display:none; } #course_wrap .picker_container ul { padding:35px 30px 0px 30px; } #course_wrap .picker_container ul:first-of-type { padding-top:0px; } #course_wrap .picker_container:first-of-type ul li { color:#7c7c7c; text-transform:uppercase; font-size:13px; } #course_wrap .picker_container:first-of-type ul li:first-of-type { font-size:15px; font-weight:700; } #course_wrap .picker_container:first-of-type ul li a { margin-left:30px; margin-top:15px; display:block; } #course_wrap .picker_container:first-of-type ul li a:hover { color:#f49226; } .courses_listing ul li { color:#7c7c7c; text-transform:uppercase; font-size:13px; } .courses_listing ul li a { margin-top:15px; display:block; } .courses_listing ul li a:hover { color:#f49226; } /* SOCIAL MEDIA */ .fb_iframe_widget { float:left; } #social_wrap { padding:35px 0; background-color:#FFF; } #social_wrap .main_container:after { display:block; clear:both; content:''; } #social_wrap .fb-like-box { margin-left:52px; float:left; } #social_wrap .social_links { float:right; width:500px; text-align:center; } #social_wrap .social_links p { text-transform:uppercase; font-size:16px; color:#007da5; margin-bottom:15px; } #social_wrap .social_links a { display:inline-block; margin:10px 20px; width:81px; height:81px; text-indent:-9999px; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; } #social_wrap .social_links a:hover { opacity:0.4; } .twitter { background-position:-103px 0px; } .youtube { background-position:0px -90px; } .google { background-position:-103px -90px; } /* PARTNERS */ #partners_wrap { padding:35px 0; background-color:#f9f8f5; } #partners_wrap .main_container:after { content:''; display:block; clear:both; } #partners_wrap ul { text-align:left; float:left; } #partners_wrap li { display:inline-block; text-transform:uppercase; margin-right:15px; font-size:28px; line-height:80px; } #partners_wrap li:after { content:'\\'; padding-left:10px; } #partners_wrap li:first-child { color:#007da5; } #partners_wrap li:last-child { color:#f6ac1e; } #partners_slider { float:right; width:750px; height:80px; overflow:hidden; } #partners_slider .image { height:80px; display:table; margin:auto 25px; } #partners_slider a { display:table-cell; height:80px; vertical-align:middle; } #partners_slider img { max-height:80px; vertical-align:middle; } /* MORE INFO WRAP */ #more_info_wrap { text-align:center; background-image:url(../IMG/background-1.jpg); background-size:cover; color:#FFF; padding:35px 0; } #more_info_wrap h3 { text-transform:uppercase; font-size:28px; font-weight:500; } #more_info_wrap a { width:220px; margin:30px 10px 0px; border-color:#FFF; } #more_info_wrap a:hover { background-color:#FFF; color:#ec1b33; } /* * PAGES */ .page_wrapper { background-color:#fff; min-height:600px; } .page_wrapper .main_container { width:1140px; } .page_wrapper p { color:#a5a4a4; font-weight:300; line-height:22px; } /* PAGE ARTICLE */ .page_article { padding:30px 0 50px; float:left; width:720px; margin-left:70px; position:relative; } .page_article .main_title { margin-bottom:20px; } .page_article > p { margin-bottom:20px; } .page_article ul { list-style:disc; padding-left:20px; } /* PAGE DOCS */ #accordion { padding:30px 0; } #accordion h5 { outline:none; margin:0; margin-bottom:15px; cursor:pointer; text-transform:uppercase; color:#797979; font-size:14px; padding:15px 40px 15px 10px; border:solid 2px transparent; position:relative; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA6MGbGIGwPFzqJLgAVBipEl4ILIEiiCMAkMQZAEAEbIBTpQMFGXAAAAAElFTkSuQmCC') repeat; } #accordion h5:after { content:''; display:block; position:absolute; right:10px; top:0; bottom:0; margin:auto; width:20px; height:20px; background-image:url(../IMG/sprite.png); background-position:-269px -112px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; } #accordion h5:hover, #accordion .ui-state-active { border-color:#f49226; color:#f49226; background:#fff; } #accordion h5:hover:after { opacity:0; background-position:-279px -112px; } #accordion .ui-state-active:after { background-position:-297px -113px; } #accordion div { text-align:center; padding:15px 0 30px; } #accordion a { display:inline-block; padding:15px; border:solid thin #797979; color:#797979; min-width:130px; text-align:center; font-size:13px; margin:0px 3px; } #accordion a:hover { background-color:#797979; color:#FFF; } /* PAGE TEAM */ .team_category { margin-bottom:50px; } .team_category h4 { text-transform:uppercase; font-size:18px; color:#f49226; } .team_category .profile { margin:20px 0 50px; } .team_category .profile:after { content:''; display:block; clear:both; } .team_category .profile .photo { height:160px; width:100px; float:left; background-size:auto; background-repeat:no-repeat; margin-right:50px; } .team_category .profile .info { float:left; width:480px; } .team_category .profile .info p { font-size:14px; margin-bottom:17px; max-height:36px; overflow:hidden; } .team_category .profile .info p:nth-of-type(2) { max-height:58px; } .team_category .profile .info p:last-of-type { margin-bottom:0; } .team_category .profile .info span { display:block; line-height:14px; font-weight:500; font-size:13px; } .team_category .profile .info a:hover { text-decoration:underline; } /* PAGE FORMS */ .form_wrap { float:right; width:820px; margin-bottom:70px; } .form_wrap h4 { font-size:22px; margin-bottom:10px; color:#f49226; text-transform:uppercase; } #associate { margin:40px 0; } #associate label { color:#f49226; display:inline-block; margin-bottom:15px; } #associate label:first-of-type { display:block; } #associate input[type="text"] { width:380px; margin-bottom:15px; } #associate input:nth-of-type(2), #associate input:nth-of-type(4) { float:right; } #associate .radio_group { margin:20px 0; } #associate .radio_group label { display:inline-block; } #associate .radio_list { float:right; width:600px; } #associate .radio_list label { font-size:13px; line-height:22px; vertical-align:top; width:240px; color:#a5a4a4; } #associate .radio_list label span { text-transform:lowercase; } #associate .custom_radio:nth-of-type(2n) { float:right; } #associate .radio_group input[type="text"] { border-top:none; border-left:none; border-right:none; width:800px; } #associate > input:nth-of-type(5), #associate textarea, #associate input:nth-of-type(12), #associate input:nth-of-type(13), #associate input:nth-of-type(14), #associate input:nth-of-type(15) { width:800px; } #associate input:nth-of-type(7), #associate input:nth-of-type(9), #associate input:nth-of-type(11) { float:right; } #associate textarea { margin-bottom:15px; } #associate .tip { margin-top:30px; } #associate > label:last-of-type { display:block; margin-top:20px; } #associate > input:nth-of-type(2n + 15) { float:right; } #contacts { margin:40px 0; } #contacts input[type="text"] { width:380px; margin-bottom:15px; } #contacts input:nth-of-type(2), #contacts input:nth-of-type(4) { float:right; } #contacts textarea { width:800px; margin-bottom:40px; } /* ASSOCIATES LIST */ #associates_list { width:820px; } .region_wrap { margin-bottom:100px; color:#a5a4a4; } .region_wrap .title { font-size:22px; text-transform:uppercase; font-weight:400; color:#f49226; } .region_wrap .sub_title { font-size:22px; text-transform:uppercase; font-weight:900; color:#f49226; } .region_wrap .towns { margin:20px 0 40px; } .region_wrap .towns h5, .region_wrap .courses span { text-transform:uppercase; font-weight:500; } .region_wrap .sub_region { margin-bottom:50px; } .region_wrap .sub_region h6.sub_title { color: #00ccff; } .region_wrap .record { margin-bottom:30px; } .region_wrap .record h3 { font-weight:500; font-size:18px; } .region_wrap .record a:nth-of-type(2) { color:#f49226; } .region_wrap .record a:hover { text-decoration:underline; } .region_wrap .courses ul { font-weight:300; list-style:none; padding-left:0; } /* SELECTORS */ #sel_wrap { width:820px; position:absolute; left:0; top:30px; } .list_selector { float:right; margin-left:10px; margin-top:4px; } .list_selector span { position:relative; font-size:12px; color:#a6a6a6; text-transform:uppercase; display:inline-block; padding:7px 11px; min-width:160px; border:solid thin #d6d6d6; cursor:pointer; } .list_selector span:after { content:''; display:block; position:absolute; right:11px; width:20px; height:13px; top:0; bottom:0; margin:auto; background-image:url(../IMG/sprite.png); background-position:-301px -187px; } .list_selector span:hover, .list_selector .hovered { color:#f49226; border-color:#f49226; } .list_selector span:hover:after, .list_selector .hovered:after { background-position:-301px -212px; } .list_selector ul { padding:15px 0px; list-style:none; background-color:#ff663f; display:none; } #reg_sel li { margin-bottom:20px } #reg_sel h4 { color:#fff; padding-left:15px; } .list_selector ul a { color:#FFF; font-size:12px; font-weight:300; padding:5px 15px; display:block; text-transform:uppercase; } #reg_sel a { padding:5px 5px 5px 30px; } .list_selector ul a:hover { text-decoration:underline; } /* COURSES LIST */ .courses_list { margin-top:40px; } .courses_list h4 { font-size: 24px; font-weight:400; } .courses_list h6 { color:#a5a4a4; font-weight:300; margin:15px 0; } .courses_list h6:before { content:'•'; margin-right:5px; } .courses_list ul { padding-left:30px; list-style:none; } .courses_list li { margin-bottom:5px; } .courses_list a { color:#f49226; } .courses_list a:before { content:'+'; padding-right:5px; border-bottom:solid thin #fff; } .courses_list a:hover { border-bottom:solid thin #f49226; } .course_info { margin-bottom:50px; } /* ================ END PAGE STYLES ================ */ /* * SECTIONS */ .main_section .main_title { margin-bottom:20px; } .main_section p { margin-bottom:15px; } .main_section ul { list-style:disc; padding-left:20px; } .faqs #accordion div { text-align:left; } #newsletter { margin-top:40px; } #newsletter input[type="text"] { width:655px; } #newsletter input[type="submit"] { margin-top:30px; } /* * PARTNERS */ #partners_wrapper { padding:40px 0; } #partners_wrapper:after { content:''; display:block; clear:both; } #partners_wrapper .main_title { text-align:center; margin-bottom:60px; } .partner { width:550px; float:left; height:150px; margin-bottom:50px; overflow:hidden; } .partner:nth-of-type(2n) { float:right; } .partner .brand { width:140px; height:130px; float:left; background-size:contain; background-repeat:no-repeat; cursor:pointer; } .partner .info { float:right; width:380px; } .partner .info h3 { color:#f49226; text-transform:uppercase; font-weight:500; max-height:38px; overflow:hidden; } .partner .info p { font-size:14px; height:55px; overflow:hidden; } .partner .info span { display:block; font-weight:500; text-transform:uppercase; font-size:14px; line-height:13px; margin-top:20px; } .partner .info a:hover { text-decoration:underline; } /* * CONTACTS */ .main_wrapper { width:1140px; margin:0 auto; } .main_wrapper:after { content: ''; position: absolute; left: 0; top: 335px; width: 100%; height: 840px; z-index: -1; background-color: #f0f0f0; } .map_container { position:relative; margin-bottom:50px; } .map_container:after { content:''; display:block; position:absolute; left: 0; bottom:0; width:101%; height:40px; background-color: #f0f0f0; margin-bottom:-40px; } #map { height:500px; position:relative; transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-o-origin:0 0;transform:skewY(2deg) translate3d(0,0,0);-webkit-transform:skewY(2deg) translate3d(0,0,0) !important;-o-transform:skewY(2deg) translate3d(0,0,0);-moz-transform:skewY(2deg) translate3d(0,0,0);-ms-transform:skewY(2deg) translate3d(0,0,0);filter:none;-webkit-filter:blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } .contacts { padding:20px 0 70px; text-align:center; display:table; table-layout: fixed; border-spacing: 0px; width:100%; } .contacts .pane { display:table-cell; } .contacts .pane .icon { width: 100px; height: 100px; margin:0 auto 30px; position: relative; } .contacts .pane .icon:after { content: ''; display: block; position: absolute;top: 0;left: 0;width: 100px;height: 100px;background-image: url(../IMG/sprite.png); background-position: -460px -2px; } .contacts .pane .icon span { display: block;position: absolute;height: 60px;width: 53px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-size: auto;background-repeat: no-repeat; background-position: center; background-image: url(../IMG/sprite.png); } #location { background-position:-342px 1px; } #chat { background-position:-343px -53px; } #plane { background-position:-402px -54px; } #clock { background-position:-398px 1px; } .contacts .pane .content { text-transform:uppercase; line-height:22px; color:#797979; } .contacts .pane .content h4 { font-weight:700; font-size:14px; } .contacts .pane .content p { height:44px; overflow:hidden; } #contacts_form { float:none; margin:0 auto; padding:60px 0; } /* * MEDIA */ .media { padding:40px 0; } .media:before { top:48px !important; width:590px !important; } .media #tabs_container { height:auto; } .media #tabs_container .tab { margin-top:40px; } .media #tabs_container .record { border:none; margin-bottom:60px !important; } .media #tabs_container .record:nth-of-type(3n + 1) { padding-left:0; } .media #tabs_container .record:nth-of-type(3n + 2) { margin:0 30px; } .media #tabs_container .record:nth-of-type(3n) { float:right; padding-right:0; } #dates_selector_wrap { text-align:left; right:0; top:80px; position:absolute; z-index:5; } #dates_selector_wrap:after { display:block; content:''; clear:both; } #dates_selector_wrap li:after { display:none !important; } #dates_selector_wrap li { display: block !important; } #dates_selector_wrap h4 { font-size:16px; font-weight:400; text-transform:none; } /* DETAIL */ .detail { padding-top:0; } .detail_nav { margin:100px 0 30px; position:relative; overflow:hidden; text-align:center; } .detail_nav .arrow { display:block; position:absolute; bottom: 0; top: 0; right:0; margin:auto; width: 50px; height: 40px; background-position: -194px -121px; transition: all .2s ease-in; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; text-indent:-9999px; } .detail_nav .arrow:hover { opacity: 0.5; } .detail_nav .prev { left: 0; right:auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); background-position: -194px -119px; } .detail_nav .main_btn { margin-top:0; } .news { } .news.slick-slider { padding-top:0 !important; } .news:after { background-color:#fff !important; bottom:6px !important; } .detail.news .main_title { color:#5a4298; } .detail.news .main_btn { color:#5a4298; border-color:#5a4298; } .detail.news .main_btn:hover { background-color: #5a4298; color: #FFF; } .detail.events .main_btn { color:#f49226; border-color:#f49226; } .detail.events .main_btn:hover { background-color: #f49226; color: #FFF; } #event_info { margin:30px 0; } #event_info span { color:#f49226; text-transform:uppercase; display:block; padding-bottom:5px; font-weight:300; } #event_info .date:before { content:'• Data'; font-weight:500; margin-right:5px; } #event_info .location:before { content:'• Localidade'; font-weight:500; margin-right:5px; } #event_info .address:before { content:'• Morada'; font-weight:500; margin-right:5px; } #workshop_info { float:left; position:relative; width:200px; margin-top: 30px; background-color:#f49226; padding:20px; color:#fff; text-transform:uppercase; } #workshop_info h5 { font-weight:500; } #workshop_info p { color:#FFF; margin:15px 0; line-height:18px; } #workshop_info span { display:block; font-weight:500; font-size:12px; } #workshop_info:after { content: ''; display: block; position: absolute; top: 0;right: 0;margin-right: -12px; width: 0;height: 0;border-style: solid;border-width: 20px 0px 20px 15px;border-color: transparent transparent transparent #f49226;} #workshop_form { margin:30px 0; } #workshop_form input[type="text"] { width:380px; float:left; margin-bottom:15px; } #workshop_form input[type="text"]:nth-of-type(2n) { float:right; } #workshop_form textarea:nth-of-type(1), #workshop_form textarea:nth-of-type(2) { width:380px; float:left; margin-bottom:15px; } #workshop_form textarea:nth-of-type(2) { float:right; } #workshop_form textarea:nth-of-type(3) { width:800px; margin-bottom:30px; } /* * COURSES */ .courses_wrap { padding:40px 0; } .courses_wrap:before { top: 48px !important; width: 975px !important; } #courses_container { margin-top:75px; } #courses_container:after { content:''; clear:both; display:block; } #courses_container .record { width:320px; height:260px; float:left; text-align:left; cursor:pointer; margin-bottom:45px; } #courses_container .record .image { height:200px; width:320px; background-size:contain; background-position:center top; background-repeat:no-repeat; } #courses_container .record h5 { max-height: 60px; overflow: hidden; margin-top: 5px; } #courses_container .record a { font-size: 14px; color: #a5a4a4; text-transform: uppercase; font-weight: 500; transition: all .4s ease-in; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; } #courses_container .record:hover a { color: #5a4298; } #courses_container .record:nth-of-type(3n + 1) { padding-left:0; } #courses_container .record:nth-of-type(3n + 2) { margin:0 90px 45px 90px; } #courses_container .record:nth-of-type(3n) { float:right; padding-right:0; } #protocols .partner { float:none; } #protocols .partner:first-of-type { margin-top:50px } #protocols .partner .info p { margin-bottom:0; } #course_form { margin:30px 0; } #course_form input[type="text"] { width:330px; float:left; margin-bottom:15px; } #course_form input[type="text"]:nth-of-type(2n) { float:right; } #course_form textarea:nth-of-type(1), #course_form textarea:nth-of-type(2) { width:330px; float:left; margin-bottom:15px; } #course_form textarea:nth-of-type(2) { float:right; } #course_form textarea:nth-of-type(3) { width:698px; margin-bottom:30px; } /* * PROJECTS */ #projects_list { padding:40px 0; text-align:center; } #projects_list .main_title { margin-bottom:30px; } #projects_list #projects_wrap .pane { /*float:none;*/ margin:20px 14px; } /* * PRIVATE AREA */ .private_area { padding-bottom:80px; } .private_area p { color: #a5a4a4; font-weight: 300; line-height: 22px; } #login { margin-top:35px; } #login:after { content:''; display:block; clear:both; } #login input[type="text"], #login input[type="password"] { width:305px; margin-bottom:35px; float:left; } #login input[type="password"] { float:right; } #login .form_link { color: #f49226; display: block; float: left; line-height: 40px; font-size: 12px; } #login .form_link:hover { text-decoration:underline; } #registration_form { margin-top:35px; } #registration_form input[type="text"], #registration_form input[type="password"] { width:305px; margin-bottom:15px; } #registration_form input[type="password"] { margin-top:30px; margin-bottom:35px; } #registration_form input:nth-of-type(2n) { float:right; } #registration_form:after { content:''; display:block; clear:both; } #profile { margin-top:35px; } #profile input[type="text"], #profile input[type="password"] { width:325px; margin-bottom:15px; } #profile input[type="password"] { margin-top:30px; margin-bottom:35px; } #profile input:nth-of-type(2n) { float:right; } #profile:after { content:''; display:block; clear:both; } #password_form { margin-top:40px; } #password_form input[type="text"] { width:655px; } #password_form input[type="submit"] { margin-top:30px; } #password_form input[type="password"] { width:305px; } #password_form input[type="password"]:nth-of-type(2) { float:right; } /* * SEARCH */ .search_wrapper h2 { font-weight:700; } .search_wrapper h3 { font-size:18px; } #search_results a { color:#a6a6a6; margin-bottom:45px; display:block; } #search_results h4 { margin:10px 0; } #search_results h4 a, #search_results h3 a { margin:0; } #search_results a:hover { text-decoration:underline; } /* ========================= 4 - MEDIA QUERIES ========================= */ /* * TABLET */ @media all and (max-width: 1160px) { .main_container { width:85%; } header .top_container { width:85%; position:static; overflow:visible; } header nav { display:none; } header #responsive_menu_btn { display:block; position:relative; float:right; margin-right:30px; margin-top:40px; border-top:solid 4px #a5a4a4; border-bottom:solid 4px #a5a4a4; height:20px; width:40px; cursor:pointer; text-align:center; overflow:visible; } header #responsive_menu_btn:after { content:''; display:block; position:absolute; height:4px; width:40px; background-color:#a5a4a4; left:0; top:0; bottom:0; margin:auto; } header #responsive_menu_btn span { line-height:80px; font-size:10px; text-transform:uppercase; color:#a5a4a4; } header #responsive_menu_btn:hover { border-color:#f6ac1e; } header #responsive_menu_btn:hover:after { background-color:#f6ac1e; } header #responsive_menu_btn:hover span { color:#f6ac1e; } .logo { margin-left:0px; } #responsive_menu_wrap { position:fixed; width:100%; padding-top:60px; background-color:#4f4f4f; height:267px; top:0; left:0; margin:0; text-align:center; z-index:50; overflow:hidden; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); } .slider_menu { position:relative; display:block; height:270px; } .slider_menu ul { margin:0; float:left; } .slider_menu li { margin:0; } .slider_menu a { display:block; padding:30px 0; background-color:#FFF; color:#7a7a7a; font-size:24px; border-bottom:solid thin #e7e7e7; text-transform:uppercase; font-weight:300; } .slider_menu a:hover { background-color:#f49226; color:#FFF; } #projects_wrap .pane { width:48%; } #projects_wrap .record .pane:nth-of-type(3n+2) { margin-top:25px; margin-left:0px; } #projects_wrap .record .pane:nth-of-type(3n) { float:left; margin-top:25px; } #projects_wrap .record .pane:nth-of-type(2n) { float:right; } #projects_wrap .record .pane:nth-of-type(2) { margin-top:0; } #main_top_section:before { height:1060px; } #main_middle_section article { width:85%; } #teaser_wrap:before { display:none; } #tabs_container { height:auto; } #tabs_container .tab { position:relative; } #tabs_container .record { padding:5px 4% 0px; } #tabs_container .record .image { width:100%; } #tabs_container .record:nth-of-type(1), #tabs_container .record:nth-of-type(2), #tabs_container .record:nth-of-type(3) { margin-bottom:35px; } #tabs_container .record:nth-of-type(4) { padding-left:0px; border-left:none; } #tabs_container .highlighted { width:45%; padding-right:0px; } #tabs_container .main_btn { position:absolute; right:1px; bottom:35px; margin:0px; } #course_wrap .main_container { background-image:none; } #course_wrap { background-image: url(../IMG/photo-15.jpg); background-position: center; } .fb_iframe_widget { float:none; } #social_wrap .main_container { text-align:center } #social_wrap .social_links { margin-top:50px; margin-left:auto; margin-right:auto; float:none; } #partners_slider { width:55%; } footer #go_up { display:none; } #slideshow_wrap .record .image { background-size:cover; } #slideshow_wrap .record a { text-shadow: 0 0 2px #666, 0 0 6px #333; } #slideshow_wrap .slick-dots li { height:20px !important; width:100px !important; margin:0 5px !important; } #slideshow_wrap .slick-dots li button { height:20px !important; width:100px !important; } /* PAGES */ .page_wrapper .main_container { width:100%; } #main_nav { position:absolute; left:0; z-index:99; background-color:#fff; display:none; } #workshop_info { position:absolute; left:0; z-index:99; display:none; } .page_article, .form_wrap { width:85%; margin:0 auto; float:none; overflow:hidden; } .page_article h3.main_title, .course_wrap h4.main_title { width:80%; } #page_menu_btn { height:50px; width:45px; position:absolute; top:0; right:0; background-color:#f6ac1e; cursor:pointer; } #page_menu_btn .bullet { display:block; width:5px; height:5px; border-radius:20%; left:9px; position:absolute; background-color:#fff; } #page_menu_btn .bullet:after { content:''; display:block; width:16px; height:2px; top:1px; left:10px; position:absolute; background-color:#fff; } #page_menu_btn .bullet:first-of-type { top:12px; } #page_menu_btn .bullet:nth-of-type(2) { top:0; bottom:0; margin:auto; } #page_menu_btn .bullet:last-of-type { bottom:12px; } #courses_container { margin-top:40px; } #courses_container .record { width:30%; } #courses_container .record .image { width:100%; background-size:cover; } #courses_container .record:nth-of-type(3n + 2) { margin: 0 5% 45px 5%; } /* FORMS */ .main_form:after { content:''; display:block; clear:both; } #contacts input[type="text"], #associate input[type="text"], #workshop_form input[type="text"], #newsletter input[type="text"], #login input[type="text"], #login input[type="password"], #registration_form input[type="text"], #registration_form input[type="password"], #password_form input[type="password"], #password_form input[type="text"] { width:95.7%; float:none !important; } #associate .radio_group label { display:block; margin-bottom:30px; } #associate .radio_list { width:100%; float:left } #associate .radio_list label { width:80%; float:left; } div.custom_radio { margin:0 !important; float:right !important; } .main_form input[type="text"], .main_form input[type="password"], .main_form textarea { padding:2%; } #associate .radio_group input[type="text"], #associate textarea, #contacts textarea, #workshop_form textarea { width:95.7%; } #workshop_form textarea { width:95.7% !important; } #registration_form input:nth-of-type(8), #profile input:nth-of-type(8) { margin-top:0; } /* SELECTORS */ #sel_wrap, #associates_list { width:90%; } #dates_selector_wrap { top:38px; } .list_selector { position:relative; } .list_selector ul { position:absolute; width:100%; z-index:99; } #partners_wrapper, .main_wrapper, #teaser_wrap, .page_wrapper #projects_wrap { width:85%; margin:0 auto; overflow:hidden; } .partner { width:100%; height:auto; } .partner .info { float:left; margin-left:5%; width:70%; } #teaser_wrap:before { display:none; } .page_wrapper #teaser_wrap #tabs_container .highlighted { padding:0 !important; margin:0; float:left; } .page_wrapper #teaser_wrap #tabs_container .highlighted:nth-of-type(2n) { float:right; } #dates_selector_wrap { position:relative; top:0; width:100%; margin:15px 0; } #dates_selector_wrap .list_selector { float:left; margin-bottom:0px; } #dates_selector_wrap .list_selector:first-of-type { margin-left:0; } .media #tabs_container .tab { margin-top:0; } .main_wrapper:after { height:1450px; } .contacts { display:block; padding:0; } .contacts .pane { display:inline-block; width:35%; padding-bottom:40px; } .page_wrapper #slideshow_wrap , .main_section.detail { width:85% !important; } .page_wrapper #projects_wrap .pane { width:40%; } #main_middle_section #tabs_container .tab .highlighted { width:40%; } } @media all and (max-width: 965px) { #tabs_container .record { padding:5px 3% 0px; } #partners_slider { width:50%; } .page_wrappper #teaser_wrap #tabs_container .record, .page_wrappper #teaser_wrap #tabs_container .highlighted { margin:0 !important; } } @media all and (max-width: 900px) { #sel_wrap { position:relative; top:0; width:100%; } #sel_wrap:after { content:''; clear:both; display:block; } .list_selector { float:left; margin-bottom:40px; } .list_selector:first-of-type { margin-left:0; } #main_middle_section #tabs_container .tab .highlighted { width:60%; margin-right:20%; padding-left:0; border:none; } } @media all and (max-width: 848px) { #tabs_container .highlighted { width:40%; } .page_wrapper #teaser_wrap #tabs_container .highlighted { width:45%; } #partners_slider { width:100%; } .contacts .pane { width:48%; } #courses_container .record { width:45%; margin:0; } #courses_container .record:nth-of-type(2n) { float:right; } .page_wrapper #projects_wrap .pane { width:100%; } } @media all and (max-width: 760px) { .team_category .profile .photo { margin-right:5%; } .team_category .profile .info { width:auto; } } @media all and (max-width: 755px) { #main_middle_section #tabs_container .tab { height:auto; padding-bottom:160px; } #main_middle_section #tabs_container .tab .record { border:none; width:45%; height:200px; } #main_middle_section #tabs_container .tab .highlighted { width:100%; height:auto; padding:0; margin-bottom:70px; float:left !important; } #main_middle_section #tabs_container .tab .record:nth-of-type(2),#main_middle_section #tabs_container .tab .record:nth-of-type(5) { float:right; padding-right:0; } #tabs_container .highlighted { width:35%; } .main_section { width:85%; } } /* * PHONE */ @media all and (max-width: 697px) { footer .links, footer .site_info { float:none; text-align:center; } footer .site_info { margin-top:30px; } #slideshow_wrap .record .text h3 { font-size:130%; } #associate input[type="text"], #contacts input[type="text"], #workshop_form input[type="text"], #newsletter input[type="text"], #login input[type="text"], #login input[type="password"], #registration_form input[type="text"], #registration_form input[type="password"], #password_form input[type="password"], #password_form input[type="text"], #profile input[type="text"], #profile input[type="password"] { width:95%; float:none !important; } #associate .radio_group input[type="text"], #associate textarea, #contacts textarea { width:95%; } #workshop_form textarea { width:95% !important; } .partner .info { width:50%; } .partner .info p { height:auto; } #courses_container .record { width:100%; margin:0 !important; float:none !important; } } @media all and (max-width: 680px) { header .top_container { height:250px; } header #responsive_menu_btn { margin-right:0px; } #sub_menu { float:none; position:absolute; bottom:35px; left:0; right:0; margin:auto; width:85%; text-align:center; } #sub_menu .btn { padding:15px 0; display:inline-block; width:49.5%; } #search_form input[type="text"] { float:left; padding:15px 0; width:90%; } #search_form:after { content:''; display:block; clear:both; } #main_top_section:before { top:45px; height:1190px; } #projects_wrap .pane h4 { width:92%; font-size:14px; padding:0 4%; } #tabs_container .tab { padding-bottom:150px; } #tabs_container .main_btn { bottom:40px; left:0; right:0; margin:auto; max-width:50%; } #tabs_container .record { width:40%; height:180px; } #tabs_container .highlighted { width:100%; border:none; padding-left:0px; height:250px; } #teaser_wrap ul li { width:100%; } #main_middle_section #tabs_container .tab, #main_middle_section #tabs_container .record { height:auto !important; } .page_wrapper #teaser_wrap #tabs_container .highlighted { width:100%; } } @media all and (max-width: 600px) { .contacts .pane { width:100%; } #social_wrap .social_links { width:auto } } @media all and (max-width: 555px) { #slideshow_wrap .record .text h3 { width:100%; } #slideshow_wrap .record .text { padding-left:0px; width:90%; padding:100px 5% 0; height:220px; } #slideshow_wrap .slick-dots { left:0 !important; width:100% !important; } #projects_wrap .pane { width:100%; height:80px; text-align:center; } #projects_wrap .pane .icon { display:none; } #projects_wrap .record .pane:nth-of-type(2n) { margin-top:25px; } #projects_wrap .pane h4 { margin-top:0px; display:table; height:80px; font-size:100%; width:100%; padding:0; margin:0; text-align:center; } #projects_wrap .pane h4 a { display:table-cell; vertical-align:middle; height:80px; padding:0 20px; } #main_top_section:before { height:1865px; } #slideshow_wrap .record .image { background-position:center; } .team_category .profile .info { width:150px; } .team_category .profile .info p { max-height:none !important; } .main_form input[type="text"], .main_form input[type="password"], .main_form textarea { padding:5%; } #associate input[type="text"], #contacts input[type="text"], #workshop_form input[type="text"], #newsletter input[type="text"], #login input[type="text"], #login input[type="password"], #registration_form input[type="text"], #registration_form input[type="password"], #password_form input[type="password"], #password_form input[type="text"], #profile input[type="text"], #profile input[type="password"] { width:89%; float:none !important; } #associate .radio_group input[type="text"], #associate textarea, #contacts textarea { width:89%; } #workshop_form textarea { width:89% !important; } #teaser_wrap #tabs_container .highlighted { width:100%; margin-bottom:85px !important; } .main_form span.tip { display:block; margin-bottom:15px; width:100%; text-align:right; } #main_middle_section #tabs_container .tab .highlighted { margin-bottom:40px !important; } } @media all and (max-width: 480px) { #sub_menu .btn { padding:15px 0; display:inline-block; width:49.2%; } #course_wrap h3 { font-size:24px; } #tabs_container .highlighted { height:275px; } #tabs_container .record h5 { max-height:66px; } #tabs_container .highlighted h5 { max-height:34px; } #slideshow_wrap .record .text { height:256px; } #accordion a { display:inline; } #sel_wrap { margin-bottom:30px; } .list_selector { margin-bottom:15px; margin-left:0; width:100%; display:block; } .list_selector span { width:235px; } .list_selector ul { width:259px; } #dates_selector_wrap .list_selector { margin-bottom:15px; } .detail_nav { height:125px; } .detail_nav .main_btn { display:block; margin-top:70px; } .detail_nav .arrow { top:0; bottom:auto; } } @media all and (max-width: 410px) { #slideshow_wrap .slick-dots li { height:20px !important; width:60px !important; margin:0 5px !important; } #slideshow_wrap .slick-dots li button { height:20px !important; width:60px !important; } #partners_wrap ul { margin-bottom:20px; } #partners_wrap li { line-height:normal; font-size:130%; } #partners_wrapper .main_title { margin-bottom:30px; } .partner .brand { background-position:center; } .partner .info { width:95%; } #login .form_link { display:block; margin-bottom:15px; width:100%; text-align:right; } }