/*@charset'UTF-8';*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; margin: 0; padding: 0; vertical-align: baseline; font-size:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*====================link==================*/ A { color: #5B8FCB; text-decoration: none; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } A:HOVER { color: #486AB2; /* text-decoration: underline;*/ text-decoration: none; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } .link1 A { color: #407D98; text-decoration: none; } .link1 A:HOVER { color: #D26056; text-decoration: underline; } /*====================warper==================*/ #warper{ width:100%; margin:0 auto; } #main{ width:100%; margin:0 auto; position:relative; float:left; } /*====================header==================*/ header{ width:100%; margin:0; padding:0; background:#383343; float:left; height:100px; position: fixed; z-index:1101; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); opacity: 1; } .header_inner{ width:100%; margin:0; padding:0; float:left; } .header_left{ margin:0; width:100%; } .header_left_logo{ margin:0 364px 0 0; } .header_left h1 .logo{ width:100%; float:left; height:auto; } .header_left .logo a{ margin:15px 0 0 10px; float:left; } .header_left .logo img{ width:100%; max-width:270px; float:left; } .header_mid { float: left; margin-top:18px; width: 40%; } .header_right { float: right; margin: 0; /*width: 113px;*/ width:241px; } .header_right .sign{float:left; width:100%;} .course{ width: 297px; } .header_right .need-text { background: url(../images/cart-logo.jpg) no-repeat scroll right 25px rgba(0, 0, 0, 0); color: #FFFFFF; float: right; font: bold 14px/20px Arial,Helvetica,sans-serif; margin-right: 20px; max-width: 85px; padding: 46px 70px 40px 0; text-align: center; } .header_right .sign a { background: none repeat scroll 0 0 #486AB2; color: #FFFFFF; float: left; font: bold 14px Helvetica,sans-serif; height: 60px; margin: 0; max-width: 120px; padding: 0px 0; text-align: center; width: 100%; padding-top:40px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; border-right:1px solid #fff; } .header_right .sign a:last-child{border-right:none;} .header_right .sign a:hover{ background: none repeat scroll 0 0 #558DCA; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*=========================nav==========================*/ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; height: 0.25em; width: 2.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_menu { font-size:16px; text-decoration:none; } .slicknav_menu:hover { text-decoration:none; } /* Button */ .slicknav_btn { margin: 1px; text-decoration:none; /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slicknav_btn:hover { text-decoration:none; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); /*text-shadow: 0 1px 3px #000; */ } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #ffffff; } #menu { width:450px; height: 100px; float:left; margin-top:0; margin-left:30px; /* background:url(../images/nav-bg.gif) repeat-x left top;*/ } #menu ul { padding:0; margin:0; list-style: none; } #menu ul li{ padding:0; margin:0; display:inline; font-size: 14px; color: #fff; float:left; position:relative; } #menu ul li a{ font-family: Helvetica; font-weight: bold; font-size:14px; color:#A3A5A8; line-height:20px; text-decoration:none; display: block; float: left; padding: 19px 15px; text-decoration: none; -o-transition:color .4s ease-out, background .2s ease-in; -ms-transition:color .4s ease-out, background .2s ease-in; -moz-transition:color .4s ease-out, background .2s ease-in; -webkit-transition:color .4s ease-out, background .2s ease-in; transition:color .4s ease-out, background .2s ease-in; } #menu ul li a.act{ font-family: Helvetica; font-weight: bold; font-size:14px; color:#FFFFFF; text-decoration:none; } #menu ul li a:hover { font-family: Helvetica; font-weight: bold; font-size:14px; color:#FFFFFF; text-decoration:none; -o-transition:color .4s ease-out, background .2s ease-in; -ms-transition:color .4s ease-out, background .2s ease-in; -moz-transition:color .4s ease-out, background .2s ease-in; -webkit-transition:color .4s ease-out, background .2s ease-in; transition:color .4s ease-out, background .2s ease-in; } #menu ul li.b1:hover{ /* background: url(../images/base.png) no-repeat center 94px;*/ } #menu ul li a span{ text-decoration:none; display:block; float:left; padding: 0 10px 0 0; margin:0 0 0 0; background:url(../images/dropearrow.jpg) no-repeat right center; } #menu ul li .noline{border-right:none !important; } #menu ul li .dropdown { display:none; right:0; top:103px; position:absolute; z-index:99999999999999; } #menu ul li:hover .dropdown { width:149px; position:absolute; top:101px; left:-30px; display:block; min-height:100px; z-index:99999999999999; } .dropdownlefsec { margin: 0 0 0 0; width:147px; float:left; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; border-bottom:solid 2px #e5e5e5; background-color:#FFFFFF; } #menu ul li .dropdownlefsec ul { margin:0; padding: 0; text-align:left; list-style-type: none; } #menu ul li .dropdownlefsec ul li { margin:0; padding:0; float:none; width:100%; background-image:none;} #menu ul li .dropdownlefsec ul li:hover { margin:0; padding:0; float:none; width:100%; background-image:none !important;} #menu ul li .dropdownlefsec ul li a { color: #8e8e8e; font:14px Myriad Pro; text-decoration: none; display:block; line-height:21px; height:25px; text-align: left; text-align:left; padding: 5px 5px 5px 5px; width:137px; border-top:solid 1px #e5e5e5; background:url(../images/sport2.png) no-repeat 10px 7px; } #menu ul li .dropdownlefsec ul li a:hover { color: #ffffff; text-decoration: none; background:#F49402; } .slicknav_nav { margin: 0px; float:left; width:240px; position:relative; z-index:111; } .slicknav_nav ul { margin:0 8px 0 0; padding: 0; text-align:left; list-style-type: none; border-top:solid 1px #e9e9e9; border:solid 1px #a0a0a0; float:right; background:#d2d2d2; } .slicknav_nav ul li { margin:0 0 1px 0; padding:0; float:left; /*border-bottom:solid 1px #e9e9e9;*/ width:100%; } .slicknav_nav ul li a { color:#968d88; font-weight:normal; font-family: Helvetica, sans-serif; text-decoration:none; display:block; font-size: 16px; line-height:30px; height: 30px; background:#f2f2f2; padding:0 3%; } .slicknav_nav ul li a:hover { color: #ffffff; text-decoration: none; background:#373343;} /*#nav { width:100%; float:left; } #nav ul { list-style: none outside none; margin: 0; padding: 47px 0 60px 5%; width: 100%; } #nav ul li{ padding:0; margin:0; display:inline; font-size: 11px; color: #fff; font-family: Arial, Helvetica, sans-serif; } #nav ul li a { color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 0 3%; text-decoration: none; } #nav ul li a.act{ color:#000000; background:url(images/nav-over.gif) repeat-x left top; border-right: solid 1px #FFFFFF; } #nav ul li a:hover { color: #000000; background:url(images/nav-over.gif) repeat-x left top; } #nav ul li .noline{border-right:none !important; } */ /*====================mainbody==================*/ #mainbody{ width:100%; margin:0; float:left; } #image_panel{ width:100%; margin:0; } #image_panel{ width:100%; margin:0; } #image_panel_img { width:100%; height:1000px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:900px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 120px/126px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 80%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { color: #FFFFFF; float: left; font: 28px/38px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } #image_panel .button_box { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 158px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 18px/75px Helvetica, sans-serif; height: 80px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 6px; text-decoration: none; width: 170px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 163px center #496AB1; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #image_panel .button_box1 { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box1 .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 158px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 18px/75px Helvetica, sans-serif; height: 80px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 6px; text-decoration: none; width: 170px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box1 .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 163px center #496AB1; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*------------------------------------container1----------------------------------------*/ #container1_courses_outer{ float:left; position: relative; width: 100%; /* background:#F3F5F7;*/ /*changed by DD for courses background*/ background:#FFF; z-index:501; /* -webkit-box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2);*/ /*to remove bottom shadow -webkit-box-shadow: 0px -9px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -9px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px -9px 8px rgba(0, 0, 0, 0.2);*/ } #container1_courses_inner{ margin: 0 10px; } #container1_courses{ margin: 30px auto; width: 100%; max-width: 1100px; } #container1_courses .book-icon{ margin: 0px auto; width:76px; height:71px; text-align:center } #container1_courses .cour_heading{ color: #383343; font: 36px/46px Helvetica, sans-serif; padding: 15px; text-align:center; font-weight:200; } #container1_courses .cour_nav { float: left; margin: 0 auto; text-align: center; width: 100%; } #container1_courses .cour_nav ul { list-style: none outside none; margin: 0 auto; padding: 0; width: 535px; } #container1_courses .cour_nav ul li{ padding:0; margin:0; display:inline; font-size: 11px; color: #fff; font-family: Helvetica, sans-serif; } #container1_courses .cour_nav ul li a { color: #ACA7AF; display: block; float: left; font-size: 12px; font-weight: normal; padding: 8px 20px 8px 15px; text-decoration: none; } #container1_courses .cour_nav ul li a.a1{ color: #ACA7AF; display: block; float: left; font-size: 12px; font-weight: 100; padding: 8px 20px 8px 15px; text-decoration: none; background:url(../images/red-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a:hover.a1{ background:url(../images/red-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a.a2{ color: #ACA7AF; display: block; float: left; font-size: 12px; letter-spacing:1px; font-weight: 100; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/green-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a:hover.a2{ background:url(../images/green-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a.a3{ color: #ACA7AF; display: block; float: left; font-size: 12px; letter-spacing:1px; font-weight: 100; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/yellow-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a:hover.a3{ background:url(../images/yellow-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a.a4{ color: #ACA7AF; display: block; float: left; font-size: 12px; letter-spacing:1px; font-weight: 100; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/orang-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a:hover.a4{ background:url(../images/orang-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a.a5{ color: #ACA7AF; display: block; float: left; font-size: 12px; font-weight: 100; letter-spacing:1px; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/vallet-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a:hover.a5{ background:url(../images/vallet-box.jpg) no-repeat left 12px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses .cour_nav ul li a.act{ color:#000000; background:url(../images/nav-over.gif) repeat-x left top; border-right: solid 1px #FFFFFF; } #container1_courses .cour_nav ul li a:hover { color: #000000; background:url(../images/nav-over.gif) repeat-x left top; } #container1_courses .cour_nav ul li .noline{border-right:none !important; } #container1_courses #courses_box{ margin: 20px auto; width: 100%; float:left; } .mob-contentbox1{ margin: 0; width:100%; float:left; display:none; } .desk-contentbox1{ margin: 0 0 34px; width:100%; float:left; display:block; } .nomargin{ margin: 0; } /* .mob-contentbox1{ margin: 0; width:100%; float:left; display:none; } .desk-contentbox1{ margin: 0 0 34px; width:100%; float:left; display:block; }*/ /**** new changes ***/ #container1_courses #courses_box .contentbox1{ margin: 0 ; width: 100%; float:left; } #container1_courses #courses_box .contentbox1 .content_heading1{ margin: 0 ; width: 100%; background:#60639f; height:34px; } #container1_courses #courses_box .contentbox1 .content_text_left { margin: 0; float:left; height:20px; font:12px/24px Helvetica; color:#FFFFFF; padding:5px 15px; } #container1_courses #courses_box .contentbox1 .content_image_right { margin: 0; float:right; padding:10px 5px 0; } #container1_courses #courses_box .contentbox1 .content_heading1_right { margin: 0; float:right; padding:0 5px; } /*---------------------------------content_box---------------------------------*/ #container1_courses #courses_box .contentbox1 .content_box{ color: #FFFFFF; float: left; padding: 5%; width: 90%; text-align:left; /* background:#FFFFFF;*/ /*changed by DD to apply gery background to courses box*/ background:#F3F5F7; min-height: 376px; } #container1_courses #courses_box .contentbox1 .content_box .con_img{ color: #FFFFFF; float: left; padding: 0; width: 50%; } #container1_courses #courses_box .contentbox1 .content_box .con_height{ float: left; width: 100%; min-height:263px; } #container1_courses #courses_box .contentbox1 .content_box .con_text{ color: #000; float: left; padding: 0; width: 50%; font:14px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box .con_text_bold { color: #000; float: left; /* padding: 15px 0;*/ padding: 0 0px 15px 0px; width: 100%; font:bold 28px/38px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box .con_text_bold a{ color: #000; float: left; /* padding: 15px 0;*/ padding: 0 0px 15px 0px; width: 100%; font:bold 28px/38px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box .con_text_bold a:hover{ color: #666; float: left; /* padding: 15px 0;*/ padding: 0 0px 15px 0px; width: 100%; font:bold 28px/38px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box .con_bot{ color: #000; float: left; padding: 15px 0; width: 72%; font:bold 16px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box .con_bot1{ color: #92a2af; float: left; padding: 15px 0; margin-top:15px; text-align:right; width: 28%; font:bold 14px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box .con_border{ color: #000; float: left; padding:0; width: 100%; border-bottom: 1px solid #000000; } /*---------------------------------content_box1---------------------------------*/ #container1_courses #courses_box .contentbox1 .content_box1{ color: #FFFFFF; float: left; padding: 5%; width: 90%; text-align:left; background:#373343; /*hover black height*/ height:380px; } #container1_courses #courses_box .contentbox1 .content_box1 .con_img{ color: #FFFFFF; float: left; padding: 0; width: 50%; } #container1_courses_inner #courses_box .contentbox1 .content_box1 .con_height{ float: left; width: 100%; min-height:250px; height: 275px; } #container1_courses #courses_box .contentbox1 .content_box1 .con_text{ color: #fff; float: left; padding:15px 0 0 0; width: 100%; font:15px/25px Helvetica, sans-serif; /*to cover hover fully for upcoming courses*/ min-height:90px; } #container1_courses #courses_box .contentbox1 .content_box1 .con_price{ color: #fff; float: left; padding:0; width: 100%; font:bold 15px/25px Helvetica, sans-serif; text-align:right; } #container1_courses #courses_box .contentbox1 .content_box1 .con_text_bold{ color: #fff; float: left; padding: 0; width: 100%; font:bold 20px/30px Helvetica, sans-serif; /*to cover hover fully for upcoming courses*/ /* height:148px;*/ } #container1_courses #courses_box .contentbox1 .content_box1 .con_text_bold a{ color: #fff; } #container1_courses #courses_box .contentbox1 .content_box1 .con_text_bold a:hover{ color: #558DCA; text-decoration: none; } #container1_courses #courses_box .contentbox1 .content_box1 .con_bot{ color: #fff; float: left; padding: 15px 0; width: 70%; font:bold 16px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box1 .view{ display: block; margin: 15px auto 0; width: 100%; float:left; } #container1_courses #courses_box .contentbox1 .content_box1 .view a{ background:#FFFFFF; color: #8397a6; display: block; font: bold 18px/75px Helvetica,sans-serif; height: 75px; margin: 0 auto; opacity: 1; text-align: center; text-decoration: none; width: 100%; } #container1_courses #courses_box .contentbox1 .content_box1 .con_bot1{ color: #92a2af; float: left; padding: 15px 0; margin-top:15px; text-align:right; width: 30%; font:bold 14px Helvetica, sans-serif; } #container1_courses #courses_box .contentbox1 .content_box1 .con_border{ color: #000; float: left; padding: 5px 0; width: 100%; /* border-bottom: 1px solid #000000;*/ /*to apply white line in upcoming courses middle*/ border-bottom: 1px solid #FFF; } /*---------------------------------content_box1---------------------------------*/ #container1_courses #courses_box .contentbox1 .content_heading2{ margin: 0 ; width: 100%; background:#bc2556; height:35px; } #container1_courses #courses_box .contentbox1 .content_heading3{ margin: 0 ; width: 100%; background:#158580; height:34px; } #container1_courses #courses_box .credits_text { color: #383343; display: block; float: left; font: 12px/24px Helvetica,sans-serif; margin:0 30%; margin-bottom:20px; text-align: center; width: 40%; } #container1_courses #courses_box .button_box { float: left; margin: 0; text-align: right; width: 100%; } #container1_courses #courses_box .button_box1 { float: left; margin: 0; text-align: right; width: 100%; } #container1_courses #courses_box .learnmore{ display: block; width: 100%; /* margin:35px auto;*/ margin:1px 0 35px auto; } #container1_courses #courses_box .learnmore a{ background: url("../images/learn-arrow3.png") no-repeat scroll 205px center #496AB1; border: 0px solid #FFFFFF; color: #FFFFFF; display: block; font: bold 15px/75px Helvetica,sans-serif; height: 80px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 5px; text-decoration: none; width: 215px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses #courses_box .learnmore a:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 210px center #558DCA; text-align: center; text-decoration:none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*------------------------------------container2----------------------------------------*/ #container2_slider_outer{ float:left; position: relative; width: 100%; background:#fff; } #container2_slider_inner{ margin: 0 10px; } #container2_slider{ margin: 0 auto; width: 100%; max-width: 1100px; } #container2_slider #tab{ width: 100%; float:left; margin: 50px auto; padding-bottom:30px; } #container2_slider #tab_inner{ width: 100%; float:left; } #container2_slider #tab_inner .tab_box{ width: 32%; float:left; padding:0 .7%; min-height:100px; background:#f3f4fa; } #container2_slider #tab_inner .tab_box_test{ width: 100%; float:left; font:20px/20px Helvetica, sans-serif; text-align:center; } #container2_slider #tab_inner .tab_box1{ width: 33%; float:left; padding:0; min-height:100px; background:#f3f4fa; border-right: 1px solid #000000; border-left: 1px solid #000000; } /*------------------------------------container3----------------------------------------*/ #container3_works_outer { float: left; margin: 0; position: relative; width: 100%; border-top:10px solid #d0dce5; background:#f5f8fa; } #container3_works_inner { margin: 0 10px; } #container3_works{ margin: 0 auto; max-width: 1100px; width: 100%; } #container3_works .container3_heading { float: left; margin: 30px 0 0; width: 100%; } #container3_works .container3_heading h2 { color: #373343; float: left; font: 36px/46px Helvetica, sans-serif; text-align: center; width: 100%; padding-top:30px; font-weight:200; } #container3_works .container3_heading span { color: #373343; float: left; font: 24px/34px Helvetica, sans-serif; text-align: center; width: 100%; font-weight:100; } #container3_works .works_box { float: left; margin: 60px 0; width: 100%; } #container3_works .works_box_in { margin: 0 auto; max-width: 1100px; width: 100%; } #container3_works .register1 { float: left; margin: 0 2% 0 0; width: 26%; background:#FFFFFF; padding:3%; } #container3_works .register2 { float: left; margin: 0 2% 0 0; width: 26%; background:#FFFFFF; padding:3%; } #container3_works .register3 { float: left; margin: 0; width: 26%; background:#FFFFFF; padding:3%; } #container3_works .register1_icon { float: left; text-align: center; width: 100%; } #container3_works .register1_heading { color: #373343; float: left; font: bold 24px/34px Helvetica, sans-serif; margin: 8px 0 0; text-align: center; width: 100%; font-weight:900; } #container3_works .register1_text{ color: #373343; float: left; font: 16px/26px Helvetica, sans-serif; margin: 5px 0 0; text-align: center; width: 100%; font-weight:400; } #container3_works .button_box { float: left; margin: 0; text-align: right; width: 100%; } #container3_works .button_box1 { float: left; margin: 0; text-align: right; width: 100%; } #container3_works .learnmore { display: block; margin: 30px auto; width: 100%; } #container3_works .button_box { float: left; margin: 0; text-align: right; width: 100%; } #container3_works .button_box1 { float: left; margin: 0; text-align: right; width: 100%; } #container3_works .learnmore{ display: block; width: 100%; margin:30px auto; } #container3_works .learnmore a{ background: url("../images/learn-arrow.png") no-repeat scroll 160px center #8397a6; border: 0px; color: #FFFFFF; display: block; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 0 auto; opacity: 1; padding: 0 20px; padding-right:40px; /* padding-top:5px;*/ padding-top:1px; text-align: center; text-decoration: none; width: 180px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container3_works .learnmore a:hover{ /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 165px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container1_courses #courses_box .learnmore a:hover{ color: #FFFFFF; text-align: center; } /*------------------------------------container4----------------------------------------*/ #container4_parallax_outer { float: left; margin: 0; position: relative; width: 100%; background:#fff; } #container4_parallax_inner { margin: 0; } #container4_parallax{ margin: 0 auto; width: 100%; } #container4_parallax .parl-img{ margin: 0 auto; width: 100%; height:auto; position:relative; overflow:hidden; } #container4_parallax .parl-heading { bottom: 50%; display: inline-block; height: 220px; left: 0; margin: 0 auto; max-width: 65%; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(0%); -moz-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #container4_parallax .parl-heading p { color: #FFFFFF; display: table-cell; font: italic 28px/40px Helvetica, sans-serif; text-align: center; font-weight:100; vertical-align: middle;} #container4_parallax .parl-heading p span { color: #FFFFFF; display: table-cell; font: italic 28px/40px Helvetica, sans-serif; text-align: center; font-weight:bold; vertical-align: middle; } .quotetext { color: #FFFFFF; display: table-cell; font: italic 30px/40px Helvetica, sans-serif; text-align: center; font-weight:200; vertical-align: middle; } .namequote { color: #FFFFFF; font: 18px/028px Helvetica, sans-serif; text-align: center; font-weight:bold; vertical-align: middle; } #container4_parallax .parl-heading .quot { color: #605965; float: left; margin: -30px 10px 0 0; } #container4_parallax .parl-heading .quot1 { color: #605965; float:right; margin:-70px auto 0; } /*------------------------------------container5----------------------------------------*/ #container5_speaking_outer { float: left; margin: 0; position: relative; width: 100%; background:#fff; } #container5_speaking_inner { margin: 0 10px; } #container5_speaking{ margin: 0 auto; width: 100%; max-width:1100px; } #container5_speaking .content-left{ margin: 60px 0 30px 0; width: 55%; float:left; } #container5_speaking .content-right{ margin: 60px 0 30px 0; width: 45%; float:left; } #container5_speaking .content-right img{ margin: 0; width:100%; } #container5_speaking .content-left_heading { color: #373343; float: left; font: bold 36px/46px Helvetica,sans-serif; margin: 0 10% 0 0 ; text-align: left; width: 90%; } #container5_speaking .content-left_text { color: #373343; float: left; font: bold 18px/28px Helvetica,sans-serif; margin: 8px 10% 0 0 ; text-align: left; width: 80%; font-weight:100; } #container5_speaking .button_box { float: left; margin: 0; text-align: left; } #container5_speaking .button_box1 { float: left; margin: 0; text-align: left; } #container5_speaking .learnmore { display: block; margin: 30px auto; width: 100%; } #container5_speaking .learnmore a{ background: url("../images/learn-arrow3.png") no-repeat scroll 160px center #8397a6; border: 0px; color: #FFFFFF; display: block; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 0 auto; opacity: 1; padding: 0 20px; padding-right:40px; padding-top:3px; text-align: center; text-decoration: none; width: 180px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container5_speaking .learnmore a:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 165px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*------------------------------------container6----------------------------------------*/ #container6_email_outer { float: left; margin: 0; position: relative; width: 100%; background:#548dca; } #container6_email_inner { margin: 0 10px; } #container6_email{ margin: 0 auto; width: 100%; max-width:1100px; } #container6_email .mob_left{ margin: 0 auto; width: 30%; float:left; } #container6_email .mob_left img{ float:left; width: 100%; } #container6_email .mob_right{ margin: 5% 0 0 10%; width: 60%; float:left; } #container6_email .content-left_heading { color: #fff; float: left; font: bold 36px/46px Helvetica,sans-serif; margin: 8px 0 0 0; text-align: left; width: 100%; } #container6_email .content-left_text{ color: #fff; float: left; font: bold 18px/28px Helvetica,sans-serif; margin: 8px 0 0 0; text-align: left; width: 80%; font-weight:100; padding-bottom:20px; } #container6_email .content-left_text_input{ display: block; float: left; width: 100%; } #container6_email .content-left_text_input .a2 { margin: 0 110px 0 0; } #container6_email .content-left_text_input span input[type="text"] { border: 1px solid #FFFFFF; clear: both; color: #939496; float: left; font: bold 14px/18px Helvetica, sans-serif; margin: 7px 0; max-width: 257px; padding: 20px 0 20px 5%; width: 95%; } #container6_email .content-left_text_input .a3 { display: block; float: left; width: 200px; } #container6_email .content-left_text_input .a3 { background:#8397a6; border: medium none; color: #fff; font: 14px/18px Helvetica, sans-serif; height: 57px; margin: 7px 0; width: 100%; -webkit-appearance: none; -webkit-border-radius: 0; } #container6_email .subscribe a { background: url("../images/learn-arrow.png") no-repeat scroll 125px center #8397a6; float: right; border: 0px; color: #FFFFFF; display: block; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin-right:130px; opacity: 1; padding: 0 20px; padding-right:40px; /* padding-top:5px;*/ padding-top:1px; text-align: center; text-decoration: none; width: 120px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container6_email .subscribe a:hover{ /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 130px center #486AB2; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container6_email .mail-arrow{ margin: 0 auto; width: 100%; float:left; position:relative; } #container6_email .mail-arrow .icon{ margin: 0 auto; position: absolute; text-align: center; width: 100%; z-index: 111; } /*------------------------------------container7----------------------------------------*/ #container7_blog_outer { float: left; margin: 0; position: relative; width: 100%; background:#fff; } #container7_blog_inner { margin: 0 10px; } #container7_blog{ margin: 60px auto; width: 100%; max-width:1100px; } #container7_blog .content-left_heading { color: #000; float: left; font: bold 35px/40px Helvetica,sans-serif; margin: 8px 0 0 0; text-align: center; width: 100%; } #container7_blog .border_blue{ float: left; width: 100%; border-bottom:solid 5px #548dca; padding-top:10px; margin-bottom:20px; } #container7_blog .border_black{ float: left; width: 100%; border-bottom:solid 1px #757679; padding-top:30px; margin-bottom:50px; } #container7_blog .content_bolg{ float: left; width: 100%; display:block; } #container7_blog .content_bolg_left { float: left; height: auto; margin: 0px 3%; text-align: center; width: 60px; } #container7_blog .content_bolg_left .client_img{ width:100%; margin:0 auto; } #container7_blog .content_bolg_left .client_img img{ width:100%; height:auto; margin:0 auto; text-align:center; } #container7_blog .content_bolg_right_outer{ margin:0 0 0 130px; } #container7_blog .content_bolg_right{ float: left; width: 100%; margin:0; } #container7_blog .content_bolg_right .client_name{ float: left; width: 50%; font:bold 14px/20px Helvetica,sans-serif; margin: 0; text-align: left; color:#3F3645; } #container7_blog .content_bolg_right .client_name span{ float: left; width: 50%; font:italic 14px/20px Helvetica,sans-serif; font-weight:200; margin:0; text-align: left; color:#000000; } #container7_blog .content_bolg_right .client_post{ float: left; width: 50%; font:bold 14px/20px Helvetica,sans-serif; margin:10px 0; text-align: right; color:#3F3645; } #container7_blog .content_bolg_right .client_post_box{ float: left; width: 92%; margin:20px 0; background:#f5f8fa; padding:2% 4%; } #container7_blog .content_bolg_right .client_post_box .post_heading{ float: left; font:bold 22px/23px Helvetica,sans-serif; margin:0; text-align: left; /* color:#548dca;*/ color: #5B8FCB; border-bottom:1px solid #000; padding-bottom:10px; padding-top:10px; width: 100%; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container7_blog .content_bolg_right .client_post_box .post_heading a { color:#5B8FCB; } #container7_blog .content_bolg_right .client_post_box .post_heading a:hover{ /* float: left; font:bold 22px/23px Helvetica,sans-serif; margin:0; text-align: left;*/ color:#4C64AD; /* border-bottom:1px solid #000; padding-bottom:10px; width: 100%; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in;*/ } #container7_blog .content_bolg_right .client_post_box .post_text{ float: left; font:18px/28px Helvetica,sans-serif; font-weight:300; margin:20px 0; text-align: left; color:#3F3645; width: 100%; } #container7_blog .content_bolg_right .client_post_box .read{ float: right; margin:20px 0; text-align: right; width: 100%; } #container7_blog .content_bolg_right .client_post_box .read span{ background:url(../images/read-arrow.png) no-repeat left top; font: 11px/24px Helvetica,sans-serif; color:#8397a6; margin: 20px 0; padding-left: 15px; text-align: right; } #container7_blog .content_bolg_right .client_post_box .read a{ font: 11px/24px Helvetica,sans-serif; margin:20px 0; text-align: right; color: #5B8FCB; /* color:#8397a6; background:url(../images/read-arrow.jpg) no-repeat left top; */ /* padding-left:15px;*/ } #container7_blog .content_bolg_right .client_post_box .read a:hover{ color: #4C64AD; } #container7_blog .button_box { float: left; margin: 0; text-align: right; width: 100%; } #container7_blog .learnmore { display: block; margin: 30px auto; width: 100%; } #container7_blog .learnmore a { background: url("../images/learn-arrow.png") no-repeat scroll 155px center #8397a6; border: 0px; color: #FFFFFF; display: block; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 0 auto; opacity: 1; padding: 0 20px; padding-right:40px; /* padding-top:5px;*/ padding-top:1px; text-align: center; text-decoration: none; width: 180px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container7_blog .learnmore a:hover{ /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 160px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .clear{clear:both; } INPUT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .imgborder { border:1px solid #666666; } .formbox { background-color: #FFFFFF; font-family: Helvetica, sans-serif; font-size: 11px; color: #666666; border: 1px solid #CCCCCC; } form { margin:0px; padding: 0px; } /*====================footer==================*/ footer { background:#373343; float: left; margin: 0 auto; width: 100%; } #footer_outer { margin: 0 10px; } #footer_inner { margin: 0 auto; max-width: 1100px; padding:30px 0; } #footer_inner_left { margin: 0; width:49%; float:left; border-right: solid 1px #FFFFFF; } #footer_inner_left .fot_left{ width:40%; float:left; } .fot_left { margin: 0; } .fot_left ul { margin:0; padding: 0; text-align:left; list-style-type: none; } .fot_left ul li { margin:0; padding:0;} .fot_left ul li a { color: #fff; font:14px/16px Helvetica,sans-serif; text-decoration: none; display:block; font-weight:500; text-align: left; padding: 5px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .fot_left ul li a:hover { color: #558DCA; font:14px/16px Helvetica,sans-serif; font-weight:500; text-decoration: none; display:block; text-align: left; padding: 5px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .fot_left ul li a strong{ color: #fff; font:bold 18px Helvetica, sans-serif; text-decoration: none; display:block; text-align: left; } #footer_inner_left .fot_right{ width:40%; float:left; } .fot_right { margin: 0; } .fot_right ul { margin:0; padding: 0; text-align:left; list-style-type: none; } .fot_right ul li { margin:0; padding:0;} .fot_right ul li a { color: #fff; font:14px/16px Helvetica,sans-serif; text-decoration: none; display:block; font-weight:500; text-align: left; padding: 5px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .fot_right ul li a:hover { color: #558DCA; font:14px/16px Helvetica,sans-serif; font-weight:500; text-decoration: none; display:block; text-align: left; padding: 5px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .fot_right ul li a strong{ color: #fff; font:bold 18px Helvetica, sans-serif; text-decoration: none; display:block; text-align: left; } #footer_inner_right { width:50%; float:left; } #footer_inner_right .fot_content { width:80%; float:left; margin:0 10%; } #footer_inner_right .fot_content .fot_heading{ color: #fff; font:bold 20px/30px Helvetica, sans-serif; text-align: left; width:100%; margin:10px 0; } #footer_inner_right .fot_content .fot_text{ color: #fff; font:14px/24px Helvetica, sans-serif; text-align: left; width:100%; margin:10px 0; } #footer_inner_right .fot_content .read { float: right; margin: 0px 0; text-align: right; width: 100%; } #footer_inner_right .fot_content .read a { color: #fff; font: 16px/24px Helvetica,sans-serif; font-weight:bold; font-style:italic; text-decoration:none; padding-bottom:20px; margin: 15px 0; padding-right: 20px; text-align: right; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #footer_inner_right .fot_content .read a:hover { color: #558DCA; font: 16px/24px Helvetica,sans-serif; font-weight:bold; font-style:italic; text-decoration:none; padding-bottom:20px; margin: 15px 0; padding-right: 20px; text-align: right; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .icon-box_outer { display: block; float: left; margin: 20px 0; text-align: center; width: 100%; } .icon-box { margin: 20px auto; text-align: center; width:100%; max-width:500px; } .icon_image_box { display: block; float: left; height: 110px; margin: 0; text-align: center; max-width: 110px; width:100%; } .icon_image_box.yellowicon{ background:url(../images/facebook-a.png) no-repeat center center; background-size: 110px Auto; } /***changes ***/ .icon_image_box.yellowicon1{ background:url(../images/twitter-a.png) no-repeat center center; background-size: 110px Auto; } .icon_image_box.yellowicon2{ background:url(../images/linked-a.png) no-repeat center center; background-size: 110px Auto; } .icon_image_box.yellowicon3{ background:url(../images/g-plus-a.png) no-repeat center center; background-size: 110px Auto; } .img{ background:url(../images/facebook-b.png) no-repeat center center; background-size: 110px Auto; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; width:100%; /* background:url(../images/facebook-b.png) no-repeat center center; background-size: 110px Auto; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; width:100%;*/ } .icon_image_box:hover .img{ /* background:url(../images/face-icon.jpg) no-repeat center center; background:url(../images/face-icon.jpg) no-repeat center center\9; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -o-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;*/ background:url(../images/facebook-b.png) no-repeat center center; background-size: 110px Auto; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; width:100%; } .img1{ background:url(../images/twitter-b.png) no-repeat center center; background-size: 110px Auto; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; /* background:url(../images/twitter-iocn.jpg) no-repeat center center; background:url(../images/twitter-iocn.jpg) no-repeat center center\9; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; margin:0;*/ } .icon_image_box:hover .img1{ background:url(../images/twitter-b.png) no-repeat center center; background-size: 110px Auto; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; width:100%; /* background:url(../images/twitter-iocn.jpg) no-repeat center center; background:url(../images/twitter-iocn.jpg) no-repeat center center\9; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -o-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;*/ } .img2{ background:url(../images/linked-b.png) no-repeat center center; background-size: 110px Auto; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; /* background:url(../images/linked-iocn.jpg) no-repeat center center; background:url(../images/linked-iocn.jpg) no-repeat center center\9; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; margin:0; // width:100%; */ } .icon_image_box:hover .img2{ background:url(../images/linked-b.png) no-repeat center center; background-size: 110px Auto; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; width:100%; /* background:url(../images/linked-iocn.jpg) no-repeat center center; background:url(../images/linked-iocn.jpg) no-repeat center center\9; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -o-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;*/ } .img3{ background:url(../images/g-plus-b.png) no-repeat center center; background-size: 110px Auto; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; /* background:url(../images/g-plus.jpg) no-repeat center center; background:url(../images/g-plus.jpg) no-repeat center center\9; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; margin:0; // width:100%;*/ } .icon_image_box:hover .img3{ background:url(../images/g-plus-b.png) no-repeat center center; background-size: 110px Auto; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; width:100%; /* background:url(../images/g-plus.jpg) no-repeat center center; background:url(../images/g-plus.jpg) no-repeat center center\9; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -o-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s;*/ } #powered_outer{ width:100%; float:left; height:90px; background:#231e2d; } #powered_inner{ /* width:90%;*/ width: 30%; float: right; margin-right:25px; } .powered_text { width: 100%; color: #3E3544; float: left; font: 10px/16px Helvetica,sans-serif; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } .powered_links { width: 100%; color: #3E3544; } /***** added by KG ***/ #powered_inner2 { /* margin: 0 auto;*/ width: 60%; float: left; margin: 23px; } #powered_inner2 a { color: #3E3544; font:100 12px/22px Helvetica,sans-serif; padding-right: 15px; text-align: left; text-decoration: none; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; float: left; } #powered_inner2 a:hover { color: #558DCA; font:100 12px/22px Helvetica,sans-serif; text-align: left; text-decoration: none; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } /***** added by KG ***/ #powered_inner .logo-text{ margin:0; text-align:right; padding-top:18px; font:italic 12px/50px Helvetica, sans-serif; font-weight:200; color:#FFFFFF; } #powered_inner .logo{ float:right; margin:0 ; padding-top:32px; max-width: 130px; height:auto; text-align:right; padding-left:10px } #powered_inner .logo img{ width:100%; max-width:130px; } .media_text{ color: #FFFFFF; font: 200 10px/12px Helvetica,sans-serif; margin: 0; padding-top: 0; text-align: right; } .slicknav_menu { display: none; } /*====================footer==================*/ /*====================about==================*/ #image_panel{ width:100%; margin:0; } #image_panel{ width:100%; margin:0; } #image_panel_img { width:100%; height:1000px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:900px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 120px/126px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 80%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { color: #FFFFFF; float: left; font: 28px/38px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } #image_panel .button_box { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 158px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 18px/75px Helvetica, sans-serif; height: 80px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 6px; text-decoration: none; width: 170px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 163px center #496AB1; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #image_panel .button_box1 { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box1 .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 158px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 18px/75px Helvetica, sans-serif; height: 80px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 6px; text-decoration: none; width: 170px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box1 .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 163px center #496AB1; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #outer_box_header { /* background: #1DA3AD;*/ background:#1DA3AD; float: left; margin-top:90px; position: relative; width: 100%; height:355px; } .outer_box { float: left; position: relative; width: 100%; background: #fff; } .outer_box2 { float: left; position: relative; width: 100%; margin-top:50px; border-top:solid 8px #d0dce5; background:#f5f8fa; } .outer_box3 { float: left; position: relative; width: 100%; padding-top:50px; border-top:solid 1px #000000; } .outer_box_in { margin: 0 10px; } .outer_box_in1 { margin: 0 auto; max-width: 1100px; width: 100%; } .outer_box_in2 { margin: 30px auto; max-width: 1100px; width: 100%; } .contact_outer { min-height:550px; } #speaking_box_header { background: #8a1548; float: left; margin-top:90px; position: relative; width: 100%; height:355px; } #contact_box_header { background: #8396A6; float: left; margin-top:90px; position: relative; width: 100%; height:355px; } /*--------------------slider------------------------*/ .about_slider{ width:100%; float:left; margin:0 0 0 0; } .about_slider_left{ width:35%; float:left; margin:0 0 0 0; } .about_slider_left img{ width:100%; float:left; } .about_slider_right{ width:60%; float:left; margin:0 0 0 0; } .about_slider_right_text1{ color:#63D0D7; margin:20% 0 0 5%; width:95%; font:bold 30px/40px Helvetica,sans-serif; } .about_slider_right_text2{ color:#ffffff; margin:0 0 0 5%; width:95%; font:bold 45px/50px Helvetica,sans-serif; } .speaking_slider_right_text1{ color:#A64A73; margin:20% 0 0 5%; width:95%; font:bold 30px/40px Helvetica,sans-serif; } .contact_slider_right_text1{ color:#CFE1E8; margin:20% 0 0 5%; width:95%; font:bold 30px/40px Helvetica,sans-serif; } /*--------------------slider_navigation------------------------*/ .slider_navigation{ margin: 0 auto; max-width: 800px; width: 100%; } .slider_navigation_link{ width:25%; float:left; height:130px; margin:0 0 0 0; } .slider_navigation_link:hover{ width:25%; float:left; margin:0 0 0 0; } .slider_navigation_link .slider_navigation_link_top{ visibility:hidden; text-align:center; height:40px; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .slider_navigation_link_top{ width:100%; float:left; visibility:visible; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .slider_navigation_link_top{ width:100%; float:left; visibility:visible; opacity: 1; } .slider_navigation_link_top img{ width:55px; margin:0 auto; } .slider_navigation_link .slider_navigation_link_bot{ width:100%; float:left; color:#8296A5; font:13px/24px Helvetica,sans-serif; font-weight:800; text-decoration:none; padding-top:60px; height:30px; text-align:center; } .slider_navigation_link:hover .slider_navigation_link_bot{ width:100%; float:left; color:#8296A5; font:13px/24px Helvetica,sans-serif; text-decoration:none; font-weight:800; } .slider_navigation_link.act .slider_navigation_link_bot{ width:100%; float:left; color:#8296A5; font:13px/24px Helvetica,sans-serif; font-weight:800; text-decoration:none; } .overview{ background: url("../images/overview_icon_s.png")no-repeat center top; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .overview{ background: url("../images/overview_icon_s.png") no-repeat center top; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .overview{ background: url("../images/overview_icon_s.png") no-repeat center top; opacity: 1; } .facultystaff{ background: url("../images/staff_icon.png") no-repeat center top; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .facultystaff{ background: url("../images/staff_icon_s.png") no-repeat center top; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .facultystaff{ background: url("../images/staff_icon_s.png") no-repeat center top; opacity: 1; } .accreditation{ background: url("../images/accreditation_icon.png") no-repeat center top; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .accreditation{ background: url("../images/accreditation_icon_s.png") no-repeat center top; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .accreditation{ background: url("../images/accreditation_icon_s.png") no-repeat center top; opacity: 1; } .paymentoptions{ background: url("../images/payment_icon.png") no-repeat center top; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .paymentoptions{ background: url("../images/payment_icon_s.png") no-repeat center top; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .paymentoptions{ background: url("../images/payment_icon_s.png") no-repeat center top; opacity: 1; } /*----------------------------------------------------*/ .about_our_mission_box{ width:100%; border-bottom:solid 1px #000000; float:left; margin:50px 0 0 0; } .about_our_mission{ width:96%; margin:0 2%; float:left; color:#383343; font:bold 36px/46px Helvetica,sans-serif; } .about_our_mission_text{ width:96%; margin:0 2%; float:left; color:#383343; font:20px/30px Helvetica,sans-serif; font-weight:100; } .about_clear{ clear:both; width:100%; float:left; height:30px; margin:0 0 0 0; } .about_our_mission_box2{ /* width:100%;*/ width:98%; float:left; margin:50px 0 50px 0; } .about_heading2{ width:92%; margin:0 4%; float:left; color:#383343; font:bold 20px/35px Helvetica,sans-serif; } .about_text2{ width:92%; margin:0 4%; float:left; color:#383343; font: 16px/30px Helvetica,sans-serif; font-weight:100; } .about_text2 a{ color:#7c909f; font: 16px/30px Helvetica,sans-serif; text-decoration:none; font-weight:100; } .about_text2 a:hover{ color:#7c909f; font: 16px/30px Helvetica,sans-serif; text-decoration:none; font-weight:100; } .about_our_mission_box2_left{ width:47%; float:left; margin:0 3% 0 0; } .about_our_mission_box2_right{ width:47%; float:left; margin:0 0 0 3%; } .speaking_header { width:100%; float:left; margin:0 3% 0 0; } .month_header { color: #A64A73; float: left; font: bold 18px/40px Helvetica,sans-serif; padding: 20px; width: 88%; } .speaking_box { background-color: #FBFCFD; margin:10px 0; padding:20px; float:left; width:90%; } .speaking_title a { color:#A6BEC7; } .speaking_title a:hover{ text-decoration: none; color: #558DCA; } .speaking_title { font:24px/40px Helvetica,sans-serif; color:#A6BEC7; } .speaking_text { font: bold 18px/40px Helvetica,sans-serif; color: #383343; } .speaking_text2 { color: #383343; float: left; font: 100 16px/30px Helvetica,sans-serif; } .speaking_bottom{ background: #f5f8fa !important; } .contact_us_left{ width:47%; float:left; margin:0 3% 0 0; } .contact_us_right{ width:47%; float:left; margin:30px 0 0 3%; } .contacts_info_left{ width:50%; float:left; padding:0 3% 0 0; border-right: 1px solid #000; } .contacts_info_right{ width:40%; float:left; margin:0 0 0 3%; padding-left:10px; } .contact_heading { color: #383343; float: left; font: bold 25px/35px Helvetica,sans-serif; /* margin: 0 4%;*/ width: 92%; } .contact_heading2 { color: #383343; float: left; font: bold 20px/35px Helvetica,sans-serif; /* margin: 0 4%;*/ width: 92%; } .contact_form{ width:100%; float:left;} .contact_form_in{ max-width:615px; width:100%; margin:40px auto;} .namefield_1{ background:#f5f8fa; margin:8px 0; float:left; min-height:60px; border:none; width:40.5%; padding: 0 4%;margin-right:4px; color: #939598; font: 14px/18px Arial,Helvetica,sans-serif;;} .namefield_2{ background:#f5f8fa; margin:8px 0; float:left; border:none; width:90%; padding: 15px 4%;margin-right:4px; color: #939598; font: 14px/18px Arial,Helvetica,sans-serif;resize:none;height:170px;} .contact_button { width: 100%; float:left; } .contact_form_button { background: #3469b7; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; display: block; float: right; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 0px 2% 30px 0; opacity: 1; border:none; text-align: center; text-decoration: none; width: 140px; } .contact_form_button:hover { background: #8397a6; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .error { border:1px solid red; } .msg_succ { color: red; font-family:Helvetica,sans-serif; } .contact_map_heading { text-align:center; } /*** subscribe form *****/ .subscribe_form { float: left; width: 100%; } .subscribe_form_in { margin: 40px auto; max-width: 615px; width: 100%; } .subscribe_heading { color: #4995D0; font: bold 30px/40px Helvetica,sans-serif; margin: 20% 0 0 0%; width: 95%; } .subscribe_text { color: #303040; font: 20px/20px Helvetica,sans-serif; margin: 3% 0 2% 0%; width: 95%; } .subscribe_text2 { color: #4995D0; font: 17px/20px Helvetica,sans-serif; margin: 0% 0 2% 5%; width: 95%; float: right; text-align: right; } .subscribe_namefield { background: none repeat scroll 0 0 #F5F8FA; border: medium none; color: #939598; float: left; font: 14px/60px Arial,Helvetica,sans-serif; margin: 8px 4px 8px 0; min-height: 60px; padding: 0 4%; width: 100%; } .subscribe_namefield2 { background: none repeat scroll 0 0 #F5F8FA; border: medium none; color: #939598; float: left; font: 14px/60px Arial,Helvetica,sans-serif; margin: 8px 15px 8px 0; min-height: 60px; padding: 0 4%; width: 47%; } .subscribe_namefield3 { background: none repeat scroll 0 0 #F5F8FA; border: medium none; color: #939598; float: left; font: 14px/60px Arial,Helvetica,sans-serif; margin: 8px 15px 8px 0; min-height: 60px; padding: 0 4%; width: 47%; } .subscribe_namefield4 { background: none repeat scroll 0 0 #F5F8FA; border: medium none; color: #939598; float: left; font: 14px/60px Arial,Helvetica,sans-serif; margin: 8px 15px 8px 0; min-height: 60px; padding: 0 4%; width: 20%; } .subscribe_namefield5 { background: none repeat scroll 0 0 #F5F8FA; border: medium none; color: #939598; float: left; font: 14px/60px Arial,Helvetica,sans-serif; margin: 8px 4px 8px 0; min-height: 60px; padding: 0 4%; width: 27%; } .subscribe_form .border_black { border-bottom: 1px solid #757679; float: left; margin-bottom: 30px; padding-top: 30px; width: 100%; } .subscriber_sub_text { color: #303040; font: bold 20px/20px Helvetica,sans-serif; margin: 3% 0 2% 0%; width: 95%; } .subscribe_form_button { background: none repeat scroll 0 0 #3469B7; border: medium none; color: #FFFFFF; display: block; float: left; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 50px 210px 50px 210px; opacity: 1; text-align: center; text-decoration: none; width: 160px; } /****subscribe form ****/ #map_canvas { width: 100%; height: 400px; border: 1px solid #000; } .location_link { color:#A6BEC7; } input[type=checkbox].css-checkbox { display:none; } input[type=checkbox].css-checkbox + label.css-label { padding-left:25px; height:20px; display:inline-block; color:#000; background-repeat:no-repeat; background-position: 0 0; font-size:12px; vertical-align:middle; cursor:pointer; font-family:Helvetica,sans-serif; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -20px; } label.css-label { background-image:url(../images/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; /* user-select: none;*/ } .container3_heading address { color:#D0DCE5; } .contact_numbers { font-size:15px; margin:5px 0; color:#769ba9; width:100%; float:left; font-weight:100; } .cnt_img { width:15%; float: left; padding-top: 4px; } .cnt_img2 { width:15%; float: left; padding-top: 4px; } .cnt_img3 { width:15%; float: left; padding-top: 8px; } .cnt_img4 { width:15%; float: left; padding-top: 5px; } .cnt_img5 { width:15%; float: left; padding-top: 6px; } .cnt_img6 { width:15%; float: left; padding-top: 6px; } .cnt_img7 { width:15%; float: left; padding-top: 6px; } .cnt_img8 { width:15%; float: left; padding-top: 6px; } .cnt_text { width:80%; float:left; line-height: 2; font-family:Helvetica,sans-serif; } .contact_heading { color: #383343; float: left; font: bold 25px/35px Helvetica,sans-serif; /* margin: 0 4%;*/ width: 92%; } .contact_numbers a { color:#769BA9; text-decoration:none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .contact_numbers a:hover { color:#496AB1; text-decoration:none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .faq-each { /*background-color: #FFB65A;*/ padding:10px 0px; float: left; margin: 1px 0; width: 100%; } .faq-each p { /*color: #123066;*/ } .msg_head { background-color: #D0DCE5; color:#383343; cursor: pointer; font-weight: bold; margin: 0; padding: 5px 0; position: relative; /* height:25px;*/ height:auto; font: 17px/24px Helvetica,sans-serif; } .faq_left { float: left; width: 35px; } .faq_right { margin: 0 0 0 35px; } element.style { display: block; } .msg_body { background-color: #FBFCFD; color: #000000; float: left; font: 100 16px/30px Helvetica,sans-serif; padding-left: 4%; padding-right: 3%; text-align: left; width: 93%; padding-top: 10px; } /*---------------------------------------------------------*/ .middle_main_heading{ color:#373343; font:36px/46px Helvetica,sans-serif; font-weight:200; width:100%; padding-top:30px; margin:0 0 0 0; float:left; text-align:center; } .middle_main_heading_sub{ color:#373343; font:24px/26px Helvetica,sans-serif; font-weight:100; text-align:center; width:100%; float:left; margin:0 0 0 0; } .about_history_box{ float:left; width:100%; margin:50px 0 0 0; } .about_history_box_in{ float:left; width:25%; margin:0 0 0 0; } .about_history_box_in_border{ float:left; width:100%; border-right:solid 1px #8397a6; min-height:150px; } .about_history_box_in .heading{ float:left; width:90%; color:#383343; font:50px/60px Helvetica,sans-serif; font-weight:200; text-align:center; padding:0; margin-top:10px; margin:10px 5% 0 5%; border:none; } .about_history_box_in .text{ float:left; width:90%; color:#8397a6; font:normal 16px/26px Helvetica,sans-serif; font-weight:200; margin:0 5%; text-align:center; } .duanemorris_logo_box{ width:98%; float:left; margin:50px 2% 0 2%; } .duanemorris_logo_box a{ float:left; } .duanemorris_logo_box img{ float:left; max-width:250px; height:auto; } .duanemorristext2{ float:left; width:96%; color:#383343; font: 16px/30px Helvetica,sans-serif; font-weight:100; margin:10px 2% 0; text-align:left; } .duanemorrislearnmore { background: url("../images/learn-arrow.png") no-repeat scroll 140px center #8397a6; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; display: block; float: right; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 30px 2% 30px 0; opacity: 1; padding: 0 20px; padding-right:40px; padding-top:0; text-align: center; text-decoration: none; width: 140px; } .duanemorrislearnmore:hover { /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 145px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .facultystaff_box{ width:100%; float:left; margin:0 0 0 0; } .facultystaff_heading { color: #373343; float: left; font:36px/46px Helvetica,sans-serif; font-weight:200; margin: 0; text-align: center; width: 100%; } .facultystaff_heading_sub { color: #373343; float: left; font: 22px/30px Helvetica,sans-serif; font-weight:100; margin: 0; text-align: center; width: 100%; } .facultyheading_box{ width:100%; float:left; margin:40px 0 0 0; } .faculty_heading{ color: #373343; font:bold 25px/35px Helvetica,sans-serif; float:left; margin:20px 0 0 0; } .faculty_heading2{ color: #373343; font:bold 25px/40px Helvetica,sans-serif; float:left; margin:20px 0 30px 0; padding-bottom:15px; width:100%; border-bottom:solid 1px #000000; } .searchfaculty_button { background: #e8e9ea; /* border: 5px solid #FFFFFF;*/ color: #a4a6a8; display: block; float: right; font: normal 18px/55px Helvetica,sans-serif; height: 55px; margin: 20px auto; opacity: 1; padding: 0 0 0 25px; text-align: left; text-decoration: none; width: 175px; border: 0; } .searchfaculty_anchor { background:url("../images/faculty_buttonarrow.png") no-repeat left center #e8e9ea; /* border: 5px solid #FFFFFF;*/ color: #a4a6a8; display: block; float: right; font: 0px ; height: 55px; margin: 20px auto; opacity: 1; padding: 0 ; text-align: left; text-decoration: none; width: 50px; cursor: pointer; font-size:0; } .searchfaculty_button:hover { color: #FFFFFF; text-decoration: none; } .faculty_group_box{ width:100%; float:left; margin:10px 0 0 0; } .faculty_group_box img{ width:100%; float:left; } .faculty_group_box .heading{ width:100%; float:left; color: #558DCA; font:bold 20px/28px Helvetica,sans-serif; text-align:center; margin:10px 0 0 0; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; border: none; } .faculty_group_box .heading:hover{ width:100%; float:left; color: #52626E; font:bold 20px/28px Helvetica,sans-serif; text-align:center; margin:10px 0 0 0; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .faculty_group_box .text{ width:100%; float:left; color: #52626E; font: 16px/20px Helvetica,sans-serif; text-align:center; } .faculty_staff1{ width:22%; margin:0 4% 20px 0; float:left; } .faculty_staff2{ margin:0 0 20px 0; } .faculty_button{ background: url("../images/learn-arrow.png") no-repeat scroll 195px center #8397a6; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; display: block; float: right; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 30px 2% 30px 0; opacity: 1; padding: 0 20px; padding-right:40px; padding-top:5px; text-align: center; text-decoration: none; width: 200px; } .faculty_button:hover { /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 200px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .faculty_heading3{ width:100%; float:left; color: #2A2633; font:bold 24px/30px Helvetica,sans-serif; text-align:left; margin:40px 0 0 0; } .faculty_text { color: #2A2633; float: left; font: 18px/28px Helvetica,sans-serif; font-weight:100; margin: 10px 0 0; text-align: left; width: 100%; } .about_accreditation_comment{ width:100%; float:left; margin:0 0 0 0; text-align:right; color: #373343; /*chnaged from 12 to 14*/ font:italic 14px/20px Helvetica,sans-serif; } .what_is_cle_text{ width:90%; margin:30px 5% 0; color: #373343; font: 16px/26px Helvetica,sans-serif; font-weight:100; padding-bottom:50px; text-align:center; float:left; } .webinars_box{ width:90%; margin:0 5% 20px; float:left; } .webinars_box_in{ width:36%; margin:0 5%; padding:2%; float:left; background:#fbfcfd; } .webinars_box_in_logo{ width:100%; float:left; margin:0 0 0 0; text-align:center;} .webinars_box_in_logo img{ max-height:60px; padding-bottom:15px;} .webinars_box_in_heading{ color: #8397a6; font:24px/34px Helvetica,sans-serif; font-weight:100; float:left; margin:0 0 0 0; text-align:center; width:100%; } .webinars_box_in_heading1{ color: #373343; font:bold 18px/30px Helvetica,sans-serif; float:left; margin:10px 0 0 0; text-align:center; width:100%; } .webinars_box_in_text{ color: #373343; font: 18px/30px Helvetica,sans-serif; float:left; margin:0 0 0 0; text-align:center; width:100%; } .webinars_box_in_border{ border-top:solid 1px #000000; margin-top:20px; height:20px; width:100%; display:block; float:left;} .gold_level_box{ width:49%; float:left; margin:35px 0 0 0; padding-bottom:20px;} .gold_level_box_in{ width:80%; margin:0 10%; float:left;} .silver_level_box{width:49%; border-left:solid 1px #8397a6; float:left; margin:35px 0 0 0;} .gold_level_box_in_logo{ width:100%; float:left; margin:0 0 0 0; text-align:center;} .gold_level_box_in_logo img{ /*max-height:80px;*/ } .gold_level_box_in_heading{ color: #373343; font:bold 24px/34px Helvetica,sans-serif; float:left; margin:0 0 0 0; text-align:center; width:100%; } .gold_level_box_in_heading1{ color: #373343; font:24px/40px Helvetica,sans-serif; font-weight:100; margin:10px 0 0 0; text-align:center; width:100%; } .gold_level_box_in_heading2{ color: #373343; font:18px/40px Helvetica,sans-serif; font-weight:bold; float:left; margin:0 0 0 0; text-align:center; width:100%; } .gold_level_box_in_text{ color: #373343; font: 16px/40px Helvetica,sans-serif; font-weight:100; float:left; margin:0 0 0 0; text-align:center; padding-bottom:15px; width:100%; } .gold_level_button_outer{ float:left; margin:30px auto; width:100%;} .gold_level_button { background: url("../images/learn-arrow.png") no-repeat scroll 120px center #8397a6; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; display: block; clear:both; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 0 auto; opacity: 1; padding: 0 20px; padding-right:40px; /*padding-top:5px;*/ padding-top:0; text-align: center; text-decoration: none; width: 110px; } .gold_level_button:hover { /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 125px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .gold_level_bot_text{ width:100%; float:left; margin:45px 0 0 0; font:italic bold 16px/25px Helvetica,sans-serif; color: #373343; text-align:center;} .gold_level_bot_text2{ width:100%; float:left; margin:0 0 0 0; font: italic 16px/25px Helvetica,sans-serif; color: #373343; text-align:center;} .on-site_trainings{ } .on_site_trainingsleft{ width:55%; float:left; margin:0 0 0 0; } .on_site_trainingsright{ width:45%; float:left; margin:0 0 0 0; } .on_site_trainingsright img{ width:100%; float:left; margin:0 0 0 0; } .on_site_trainings_heading{ color: #373343; float: left; font: bold 40px/55px Helvetica,sans-serif; margin: 2% 0 0; width: 80%; } .on_site_trainings_text{ color: #373343; float: left; font: 20px/26px Helvetica,sans-serif; margin: 10px 0 0; width: 90%; } .on_site_trainings_button { background: url("../images/learn-arrow2.png") no-repeat scroll 165px center #8397A6; clear: both; float:left; color: #FFFFFF; display: block; font: 18px/75px Helvetica,sans-serif; height: 75px; margin: 30px 0 20px; opacity: 1; padding: 0 50px; text-align: left; text-decoration: none; width: 140px; } .on_site_trainings_button:hover { color: #FFFFFF; text-decoration: none; background:url("../images/learn-arrow3.png") no-repeat scroll 175px #558DCA; } /*--------------------------about_detail------------------------*/ .about_detail_box{ width:90%; margin:0 5%; float:left; } .about_detail_heading_box{ width:100%; border-bottom:solid 1px #373343; float:left; padding-bottom:10px;} .about_detail_heading{ width:98%; margin:0 1%; float:left; color:#373343; font:bold 48px/55px Helvetica,sans-serif; } .about_detail_heading2{ width:98%; margin:0 1%; float:left; color:#373343; font:46px/50px Helvetica,sans-serif; font-weight:100; } .about_detail_left{ margin:30px 0 0 1%; width:56%; color:#373343; font:18px/28px Helvetica,sans-serif; float:left;} .about_detail_right{margin:30px 1% 0 7%; width:35%; float:left;} .about_detail_right_image{margin:5px 0 0 0; width:100%; float:left;} .about_detail_right_image img{width:100%; float:left;} .get_in_touchbox{ width:100%; float:left; margin:10px 0 0 0;} .get_in_touchbox_heading{ width:35%; float:left; margin:0 0 0 0; color:#373343; font:bold 15px/30px Helvetica,sans-serif; text-align:left; } .get_in_touchicon{ width:16.25%; float:left; margin:6px 0 0 0; text-align:center;} .get_in_touchicon img{ max-height:20px;} .get_in_touch_border { border-top: 2px solid #373343; display: block; float: left; height: 30px; margin-top: 30px; width: 100%; } /*====================Course_1==================*/ #outer_box_blue_header { background: #486ab2; float: left; position: relative; width: 100%; /* height:355px;*/ /*changed by DD to adjust header*/ height: auto; margin-top: 90px; } .outer_box_blue_in { margin: 0 10px; } .outer_box_blue_in1 { margin: 0 auto; max-width: 1100px; width: 100%; } #outer_box_blue_in2 { margin: 30px auto; max-width: 1100px; width: 100%; } .catalog_slider { float: left; margin: 0; width: 100%; } .catalog_slider_left { float: left; margin: 0; width: 35%; } .catalog_slider_left img{ width:100%; float:left; } .catalog_slider_right { float: left; margin: 0; width: 60%; } .catalog_slider_right_text1 { color: #568eca; font: bold 30px/40px Helvetica,sans-serif; margin: 20% 0 0 5%; width: 95%; } .catalog_slider_right_text2 { color: #FFFFFF; font: bold 45px/50px Helvetica,sans-serif; margin: 0 0 0 5%; width: 95%; } .catalog_heading { color: #383343; font: 200 30px/30px Helvetica,sans-serif; padding: 10px; text-align: left; width:30%; float:left; } .catalog_nav { float: right; margin: 10px auto; text-align: right; width: 54%; } .catalog_nav ul { list-style: none outside none; margin: 0 auto; padding: 0; width: 520px; /*width: 523px;*/ float:right; } .catalog_nav ul li{ padding:0; margin:0; display:inline; font-size: 11px; color: #fff; font-family: Helvetica, sans-serif; } .catalog_nav ul li a { color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 10px 25px 10px 20px; text-decoration: none; } .catalog_nav ul li a.a1{ color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/red-box.jpg) no-repeat left 13px; } .catalog_nav ul li a:hover.a1{ background:url(../images/red-box.jpg) no-repeat left 13px; } .catalog_nav ul li a.a2{ color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/green-box.jpg) no-repeat left 13px; } .catalog_nav ul li a:hover.a2{ background:url(../images/green-box.jpg) no-repeat left 13px; } .catalog_nav ul li a.a3{ color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/yellow-box.jpg) no-repeat left 13px; } .catalog_nav ul li a:hover.a3{ background:url(../images/yellow-box.jpg) no-repeat left 13px; } .catalog_nav ul li a.a4{ color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 10px 25px 10px 20px; text-decoration: none; background:url(../images/orang-box.jpg) no-repeat left 13px; } .catalog_nav ul li a:hover.a4{ background:url(../images/orang-box.jpg) no-repeat left 13px; } .catalog_nav ul li a.a5{ color: #ACA7AF; display: block; float: left; font-size: 14px; font-weight: normal; padding: 10px 0 10px 20px; text-decoration: none; background:url(../images/vallet-box.jpg) no-repeat left 13px; } .catalog_nav ul li a:hover.a5{ background:url(../images/vallet-box.jpg) no-repeat left 13px; } .catalog_event{ display: block; float: left; width: 100%; margin:0; } .catalog_event_fild{ float: left; width: 100%; margin:0px 0; /*position:relative;*/ z-index:1; } .catalog_event_fild_left{ float: left; } .catalog_event_fild_mid { float: right; margin: 0; } .catalog_event_fild_right { float: right; margin: 0; margin-left:2%; } .catalog_event_fild > div{float:left; width:21%; margin:10px 2%} .catalog_event_fild_left .styled { border: medium none; color: #8396A6; float: left; font: 14px/60px Helvetica; min-height: 30px; padding: 20px; vertical-align: middle; width: 90%; height:60px; } .catalog_event_fild_left .styled option{ /* height:auto; vertical-align: middle;*/ background-color: #E7EBEF; border: medium none; color: #8396A6; float: left; font: 14px/60px Helvetica; padding: 20px; vertical-align: middle; width: 90%; } .catalog_event_fild_right_content .styled1 option{ background-color: #E7EBEF; border: medium none; color: #8396A6; float: left; font: 14px/60px Helvetica; padding: 20px; vertical-align: middle; width: 90%; } .catalog_event_fild_right_content .styled2 option{ background-color: #E7EBEF; border: medium none; color: #8396A6; float: left; font: 14px/60px Helvetica; padding: 20px; vertical-align: middle; width: 90%; } /*.catalog_event_fild_left .styled option:hover { background-color: red; }*/ .catalog_event_fild_right_content { float:right; width: 100%; } .catalog_event_fild_right_content .styled1 { border: medium none; color: #8396A6; float: right; font: 14px/60px Helvetica,sans-serif; min-height: 30px; padding:20px; vertical-align: middle; width: 45%; max-width:230px; margin: 0 0 0 4%; height:60px; } .catalog_event_fild_right_content .styled2 { border: medium none; color: #8396A6; float: right; font: 14px/60px Helvetica,sans-serif; min-height: 30px; padding:20px; vertical-align: middle; width: 45%; max-width:230px; margin: 0 4% 0 0 ; height:60px; } .catalog_event_post_content{ float: left; width: 100%; } .catalog_event_post_content .date{ float: left; width: 100%; color: #8397a6; float: left; font: 14px/25px Helvetica,sans-serif; margin:5px 0; } .catalog_event_post_content .post_box{ float: left; width: 94%; padding:3%; background:#FFFFFF; margin-bottom:20px; } .catalog_event_post_content .post_box_norecord{ float: left; width: 94%; padding:3%; background:#FFFFFF; margin-bottom:20px; } .catalog_event_post_content .post_box_left { float: left; height: auto; margin: 5px 40px 5px 0; text-align: center; width: 80px; } .catalog_event_post_content .post_box_left_text { background: url(../images/coment-img.jpg) no-repeat left center; color: #8397A6; float: left; font: 12px/25px Helvetica,sans-serif; margin: 0 auto; padding: 0 0 0 20px; text-align: center; width: 75%; } .catalog_event_post_content .post_box_left_text_webinar { background: url(../images/pc-icon.png) no-repeat left center; color: #8397A6; float: left; font: 12px/25px Helvetica,sans-serif; margin: 0 auto; padding: 0 0 0 20px; text-align: center; width: 75%; } .catalog_event_post_content .post_box_left .client_img { margin: 0; width: 100%; float:left; position:relative; } .catalog_event_post_content .post_box_left .client_img .event_image { margin: 0; width: 100%; position:relative; } .catalog_event_post_content .post_box_left .event_date { bottom: 0; color: #FFFFFF; font: 45px/25px Helvetica,sans-serif; font-weight:bold; left: 0; margin: 0 auto; padding: 35px 0 0; position: absolute; right: 0; text-align: center; top: 0; } .catalog_event_post_content .post_box_right_outer { margin: 0 0 0 120px; } .catalog_event_post_content .post_box_right_outer .post_inner { float:left; width:100%; } .catalog_event_post_content .post_box_right_outer .post_heading { color: #8397a6; float: left; font: bold 20px/30px Helvetica,sans-serif; margin: 0; padding-bottom: 5px; text-align: left; width: 100%; } .catalog_event_post_content .post_box_right_outer .post_heading a{ color: #8397a6; } .catalog_event_post_content .post_box_right_outer .post_heading a:hover{ text-decoration: none; color:#558DCA; } .catalog_event_post_content .post_box_right_outer .post_back16 { color: #3E4D5A; float: left; font: bold 18px/30px Helvetica,sans-serif; margin: 0; padding-bottom: 5px; text-align: left; width: 100%; } .catalog_event_post_content .post_box_right_outer .post_back16 span { color: #534D5B; font: 18px/30px Helvetica,sans-serif; margin: 0; padding: 5px 10px; text-align: left; } .catalog_event_post_content .post_box_right_outer .post_grey16 { color: #373343; float: left; font: 16px/24px Helvetica,sans-serif; margin: 15px 0; padding-bottom: 5px; text-align: left; width: 80%; } .catalog_event_post_content .post_box_right_outer .button_box { float: left; margin: 0; text-align: right; width: 20%; } .catalog_event_post_content .post_box_right_outer .button_box1 { float: left; margin: 0; text-align: right; width: 20%; } .catalog_event_post_content .post_box_right_outer .learnmore { display: block; margin: 15px 0 auto; width: 100%; } .catalog_event_post_content .post_box_right_outer .learnmore a { background: url("../images/learn-arrow3.png") no-repeat scroll 130px center #8397A6; border: 5px solid #FFFFFF; color: #FFFFFF; display: block; font: bold 15px/60px Helvetica,sans-serif; height: 60px; margin: 0 auto; opacity: 1; padding: 0 10px 0 30px; padding-top:2px; text-align: left; text-decoration: none; width: 130px; } .catalog_event_post_content .post_box_right_outer .learnmore a:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 125px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } .catalog_event_post_content .button_box { float: left; margin: 0; text-align: right; width: 100%; } .catalog_event_post_content .button_box1 { float: left; margin: 0; text-align: right; width: 100%; } .catalog_event_post_content .learnmore { display: block; margin: 30px auto; width: 100%; } .catalog_event_post_content .learnmore a { background:#8397A6; border: 5px solid #FFFFFF; color: #FFFFFF; display: block; font: bold 18px/75px Helvetica,sans-serif; height: 75px; margin: 0 auto; opacity: 1; padding: 0 10px; text-align: center; text-decoration: none; width: 180px; cursor: pointer; } .catalog_event_post_content .learnmore a:hover{ /* background: url("../images/learn-arrow.png") no-repeat scroll 165px center #558DCA;*/ color: #FFFFFF; background-color: #558DCA; text-decoration: none; /* -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in;*/ } .catalog_event_post_content .top-arrow a { float: left; margin: 0 auto; text-align: center; width: 100%; background:url(../images/back-arrow.png) no-repeat center top; height:auto; color: #486ab2; display: block; font: bold 12px/45px Helvetica,sans-serif; } .catalog_event_post_content .top-arrow a:hover { color: #000; text-decoration:none; } /*====================Course_2==================*/ #outer_box_red_header { background: #bc2556; float: left; position: relative; width: 100%; /* height:355px;*/ /*to adjust height of slider*/ height:auto; margin-top: 90px; } .outer_box_red_in { margin: 0 10px; } .outer_box_red_in1 { margin: 0 auto; max-width: 1100px; width: 100%; } #outer_box_red_in2 { margin: 30px auto; max-width: 1100px; width: 100%; } .seminar_slider { float: left; margin: 0; width: 100%; position:relative; } .seminar_slider_left { float: left; margin: 0; width: 35%; } .seminar_slider_left img{ width:100%; float:left; } .seminar_slider_right { float: left; margin: 0; width: 60%; } .seminar_slider_right_text1{ bottom: 0; display: table-cell; height: 300px; left: 0; margin: 0 auto; position: relative; right: 0; text-align: left; top: 0; transform-origin: left top 0; vertical-align: middle; width: 100%; color: #fff; font: bold 45px/50px Helvetica,sans-serif; padding: 0 0 0 5%; } /*.seminar_slider_right_text1 { color: #fff; font: bold 45px/50px Helvetica,sans-serif; /* margin: 15% 0 0 5%;*/ /*to adjust title in course detail page margin: 5% 0 0 5%; width: 95%; height:240px; }*/ .seminar_slider_right_text2 { color: #FFFFFF; font: bold 14px/20px Helvetica,sans-serif; margin: 0 0 0 5%; width: 95%; } .seminar_slider_right_text3 { color: #fff; font: bold 14px/50px Helvetica,sans-serif; margin:0; padding-right:25px; background:url(../images/coment-img1.png) no-repeat right center; position:absolute; right:10%; } .seminar_slider_right_next { margin:0; position:absolute; right:0; display:block; top:35%; width:100px; height:92px; } .seminar_slider_right_prev { margin:0; position:absolute; left:0; display:block; top:35%; width:100px; height:92px; } .catalog_heading { color: #383343; font: 200 30px/30px Helvetica,sans-serif; padding: 10px; text-align: left; width:30%; float:left; } #container1_seminar_outer{ float:left; position: relative; width: 100%; background:#fff; } #container1_seminar_inner{ margin: 0 10px; } #container1_seminar{ margin:0 auto; width: 100%; max-width: 1100px; } .seminar_content_box{ margin:60px auto; width: 100%; float:left; } .seminar_content_left{ margin:0 5% 0 0; width: 60%; float:left; } .seminar_content_left .doller_box{ border-bottom: 1px solid #000000; float: left; margin: 0; padding-bottom: 25px; width: 100%; } .seminar_content_left .doller_box_img{ float: left; width: 80px; margin-right:20px; } .seminar_content_left .doller_box_img img{ float: left; width: 100%; } .seminar_content_left .doller_box_head{ margin: 0 100px 0 0; } .seminar_content_left .doller_box_head{ color: #373343; float: left; font: bold 25px/36px Helvetica,sans-serif; margin: 0 ; width: 57%; } .seminar_content_left .doller_heading{ color: #373343; float: left; font:bold 22px/36px Helvetica,sans-serif; margin:10px 0; width: 100%; } .seminar_content_left .doller_text{ color: #373343; float: left; font: 16px/36px Helvetica,sans-serif; margin:0; width: 100%; } .seminar_content_left .doller_text ul{ padding:0; margin:10px 0 0 60px; width: 100%; } .seminar_content_left .doller_text ul li{ color: #373343; float: left; font:bold 18px/20px Helvetica,sans-serif; margin:10px 0; width: 100%; } .seminar_content_left .doller_box_credits{ color: #8397a6; float: right; font: bold 23px/30px Helvetica,sans-serif; margin: 0; width: 24%; text-align:right; } .seminar_content_left_button { background: url("../images/learn-arrow3.png") no-repeat scroll 135px center #558DCA; clear: both; color: #FFFFFF; display: block; float: left; font: 18px/75px Helvetica,sans-serif; font-weight:bold; height: 75px; margin: 30px 0 20px; opacity: 1; padding: 0 50px; padding-top:0px; text-align: left; text-decoration: none; width: 100px; } .seminar_content_left_button:hover { background: url("../images/learn-arrow3.png") no-repeat scroll 140px center #486AB2; color: #FFFFFF; text-decoration: none; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } .seminar_content_right{ margin:0; width: 35%; float:left; } .seminar_content_right .icon_box{ margin:0; width: 100%; float:right; } .seminar_content_right .icon_box_text{ color: #8397a6; display: block; float: left; font: 14px/30px Helvetica,sans-serif; margin:5px; } .seminar_content_right .icon_box_img{ margin:0 5px 0 0; width: 37px; height:37px; float:right; } .seminar_content_right .icon_box_img1{ margin:0 ; width: 79px; height:39px; float:right; } .seminar_content_right .instructor_box{ /* background: #F9FBFC;*/ float: left; /* margin: 10px 0 0 10px;*/ margin: 10px 0 0; padding: 0 5%; width: 90%; } .insrtuction_outer{ background: #F9FBFC; width:100%; float: left; margin: 25px 0; } .border{ border-bottom:1px solid #000000; float: left; margin: 0 4%; width: 92%; } .seminar_content_right .instructor_box_bottom{ /* background: #F9FBFC;*/ float: left; padding: 0 5%; width: 90%; margin: 10px 0; } .seminar_content_right .instructor_heading{ color: #000; float: left; font: 24px/30px Helvetica,sans-serif; margin:10px 0; text-align: left; width:100%; } .seminar_content_right .instructor_top{ float: left; width: 100%; } .seminar_content_right .instructor_top1{ float: left; width: 100%; } .seminar_content_right .instructor_left{ float: left; margin-right: 4%; width: 18% } .seminar_content_right .instructor_left_img{ width: 100%; float:left; max-width:70px; } .seminar_content_right .instructor_left img{ width: 100%; float:left; } .seminar_content_right .instructor_right{ margin:0; float:left; width:100%; /* width:78%;*/ } .seminar_content_right .instructor_right_content{ margin:0; float:left; width: 100%; } .seminar_content_right .instructor_right_content_head{ color: #8397A6; float: left; font: 20px/30px Helvetica,sans-serif; margin: 0; text-align: left; width:100%; } .seminar_content_right .instructor_right_content_text{ color: #000; float: left; font: italic 18px/30px Helvetica,sans-serif; margin: 0; text-align: left; width:100%; } .seminar_content_right .instructor_map{ float: left; margin: 0; text-align: left; width:100%; } .location{ color: #99A8B4; font: 14px/24px Helvetica,sans-serif; margin: 10px 0; text-align: right; width: 100%; float: left; } .map{ float: right; width:100%; } .customSelect { /* Styles For Your Select Box */ position: relative; } .customSelect.changed { /* You can use this if you want a different style after user has made a selection */ } .customSelectFocus { /* You can use this if you want a different style after user has made a selection */ } .customSelectOpen { /* You can use this if you want a different style after user has made a selection */ } span.customSelect { font-size:12px; padding:5px 5px; width:315px; color:#000000; background:url(../images/input-arrow.jpg) no-repeat center right; } span.customSelect.changed { background-color: #f0dea4; } .customSelectInner { width: 294px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .outer_box2_course_detail { float: left; position: relative; width: 100%; margin-top:50px; border-top:solid 8px #d0dce5; background:#f5f8fa; } .outer_box_in_course_detail { margin: 0 10px; } .outer_box_in2_course_detail { margin: 30px auto; max-width: 1100px; width: 100%; } .outer_box_course_detail{ width:90%; margin:0 5% 20px; float:left; } .inner_box_left { float: left; margin: 35px 0 0; padding-bottom: 20px; width: 49%; } .inner_box_right { border-left: 1px solid #8397A6; float: left; margin: 35px 0 0; width: 49%; } .course_detail_heading { color: #373343; float: left; font: bold 22px/36px Helvetica,sans-serif; margin: 10px 0; } .course_detail_left{ border-bottom: 1px solid ; height:auto; vertical-align: middle; margin: auto; } .left_bold{ color: #373343; float: left; font: bold 22px/36px Helvetica,sans-serif; } .right { color: #373343; float: right; font: 20px/36px Helvetica,sans-serif; margin: 10px 0; } .course_detail_heading { color: #373343; float: left; font: bold 24px/36px Helvetica,sans-serif; margin: 10px 0px 15px 0; width:100%; } .course_detail_left { border-bottom: 1px solid; float: left; height: auto; margin: auto; vertical-align: middle; width: 100%; padding: 5px 0; } .left_bold { color: #373343; float: left; font: bold 20px/36px Helvetica,sans-serif; text-align: left; width: 60%; } .right { color: #373343; float: right; font: 18px/36px Helvetica,sans-serif; text-align: left; width: 40%; margin: 0; } .noborder{ border:none; } .course_detail_text { float: left; height: auto; margin:15px 0 10px; vertical-align: middle; width: 100%; font: 13px/30px Helvetica,sans-serif; text-align: left; color: #373343; } .course_detail_text a{ color:#8397A6; text-decoration: none; } .inner_box_right { float: left; margin: 35px 0 0 3%; width: 49%; border: none; } .contact_form_course { float: left; width: 100%; } .contact_outer_heading{ width:100%; } .contact_heading_course { color: #383343; float: left; font: bold 25px/35px Helvetica,sans-serif; width: 49%; margin:10px 0 15px; } .contact_email_course { color: #383343; float: left; font: 14px/35px Helvetica,sans-serif; margin: 10px 0 15px; width: 49%; text-align: right; } .namefield_1_course { background: none repeat scroll 0 0 #F5F8FA; border: medium none; color: #939598; float: left; font: 14px/18px Arial,Helvetica,sans-serif; margin: 8px 4px 8px 0; min-height: 60px; padding: 0 4%; width: 40.5%; } .contact_email_course a { color: #8397A6; } .contact_email_course a:hover{ text-decoration: none; color: #8397A6; } .namefield_1_course { background: none repeat scroll 0 0 #FFF; border: medium none; color: #939598; float: left; font: 14px/18px Arial,Helvetica,sans-serif; margin: 8px 4px 8px 0; min-height: 60px; padding: 0 4%; width: 40.5%; } .namefield_2_course { background: none repeat scroll 0 0 #FFF; border: medium none; color: #939598; float: left; font: 14px/18px Arial,Helvetica,sans-serif; height: 170px; margin: 8px 4px 8px 0; padding: 15px 4%; resize: none; width: 90%; } .contact_button_course { float: left; width: 100%; } input.css-checkbox[type="checkbox"] + label.css-label_course { background-position: 0 0; background-repeat: no-repeat; color: #000000; cursor: pointer; display: inline-block; font-family: Helvetica,sans-serif; font-size: 12px; height: 20px; padding-left: 25px; vertical-align: middle; } .inner_box_left { float: left; margin: 35px 3% 0 0; padding-bottom: 20px; width: 45%; } .seminar_slider_right_text3_web { background: url("../images/pc-icon-slider.png") no-repeat scroll right center rgba(0, 0, 0, 0); color: #FFFFFF; font: bold 14px/50px Helvetica,sans-serif; margin: 0; padding-right: 25px; position: absolute; right: 10%; } #container1_courses_outer_related_course { background: none repeat scroll 0 0 #FFFFFF; float: left; position: relative; width: 100%; z-index: 501; } #container1_courses_inner_related_course { margin: 0 10px; } #container1_courses_related_course { margin: 30px auto; max-width: 1100px; width: 100%; } .catalog_heading_related_course { color: #383343; float: left; font: 200 30px/30px Helvetica,sans-serif; padding: 10px; text-align: center; width: 98%; } #container1_courses_outer_related_course .catalog_nav { float: left; margin: 10px auto; text-align: center; width: 75%; } #container1_courses_outer_related_course .catalog_nav ul { float: right; list-style: none outside none; margin: 0 auto; padding: 0; /* width: 535px;*/ } #container1_courses_outer_related_course .catalog_nav ul li { color: #FFFFFF; display: inline; font-family: Helvetica,sans-serif; font-size: 11px; margin: 0; padding: 0; } .catalog_event_post_content_related_course { float: left; width: 100%; padding-bottom: 30px; } .catalog_event_post_content_related_course .post_box_related_course { background: none repeat scroll 0 0 #FFFFFF; float: left; margin-bottom: 20px; padding: 3%; width: 94%; } .catalog_event_post_content_related_course .post_box_related_course { background: none repeat scroll 0 0 #F9FBFC; float: left; margin: 0 10px; padding: 2%; width: 27%; } .catalog_event_post_content_related_course .post_box_left_related_course { float: left; height: auto; margin: 5px 15px 5px 0; text-align: center; width: 80px; } .catalog_event_post_content_related_course .post_box_right_outer_related_course { margin: 0 0 0 95px; } .catalog_event_post_content_related_course .post_box_left_related_course .client_img_related_course { float: left; margin: 0; position: relative; width: 100%; } .catalog_event_post_content_related_course .post_box_left_related_course .client_img_related_course .event_image_related_course { margin: 0; position: relative; width: 100%; } .catalog_event_post_content_related_course .post_box_left_related_course .event_date_related_course { bottom: 0; color: #FFFFFF; font: 45px/25px Helvetica,sans-serif; font-weight:bold; left: 0; margin: 0 auto; padding: 35px 0 0; position: absolute; right: 0; text-align: center; top: 0; } .catalog_event_post_content_related_course .post_box_left_text_webinar_related_course { background: url("../images/pc-icon.jpg") no-repeat scroll left center rgba(0, 0, 0, 0); color: #8397A6; float: left; font: 12px/25px Helvetica,sans-serif; margin: 0 auto; padding: 0 0 0 20px; text-align: center; width: 75%; } .catalog_event_post_content_related_course .post_box_left_text_seminar_related_course { background: url("../images/coment-img.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: #8397A6; float: left; font: 12px/25px Helvetica,sans-serif; margin: 0 auto; padding: 0 0 0 20px; text-align: center; width: 75%; } .catalog_event_post_content_related_course .post_box_right_outer_related_course .post_inner_related_course { float: left; width: 100%; } .catalog_event_post_content_related_course .post_box_right_outer_related_course .post_heading_related_course { color: #8397A6; float: left; font: bold 16px/22px Helvetica,sans-serif; margin: 0; padding-bottom: 5px; text-align: left; width: 100%; } .seminar_content_left .doller_box .client_img { margin-right: 20px; width: 80px; float:left; position:relative; } .seminar_content_left .doller_box .client_img .event_image { margin: 0; width: 100%; position:relative; } .seminar_content_left .doller_box .event_date { bottom: 0; color: #FFFFFF; font: 45px/25px Helvetica,sans-serif; font-weight:bold; left: 0; margin: 0 auto; padding: 35px 0 0; position: absolute; right: 0; text-align: center; top: 0; } /*--------------------course detail page------------------*/ /*** mobile slider ***/ .moblsubslider { position: relative; width: auto; } .moblsubslider_li { display: block; float: left; list-style: none outside none; width: 100%; z-index: 50; } .mobslider_contain { width: 100%; display: block; height: 1018px; } .slider_bottom { border-top: 10px solid #548DCA; float: left; width: 100%; /* float: left;*/ } .moblsubslider_li .heading { float: left; width: 100%; } .moblsubslider_li .resp-tabs-container_content .text { color: #000000; float: left; font: 25px/30px Helvetica,sans-serif; margin: 10px 0 30px; text-align: center; width: 100%; } .moblsubslider_li .bx-image { float: left; margin: 0 0 0 0%; max-height: 425px; width: 99%; } .moblsubslider_li .bx-image img { width: 100%; } /*** mobile slider ***/ /*----------------magnatic pop up-----------------------------*/ #pop-up{ width:100%; float:left; height:100%;} .page_wrapper{ width:650px; margin:0px auto; color:#fff; } .heading { width:100%; float:left; margin-top:50px; border-bottom:solid 10px #fff; font-size:40px; text-align:center; font:bold 50px Helvetica,sans-serif; font-weight:bold; padding-bottom:10px; } .phone{ font:bold 30px Helvetica,sans-serif; text-align:center; margin-top:40px; width:100%; float:left;} .email{ font:bold 30px Helvetica,sans-serif; text-align:center; margin-top:10px; width:100%; float:left;} .email a{ color:#FFFFFF; text-decoration:none; } .email a:hover{ color:#d3fcff;} .title-wrappper{ font:bold 30px Helvetica,sans-serif; text-align:center; margin-top:40px; width:100%; float:left;} .form{ float:left; width:100%; height:auto;} .ftr_note { text-align:center; width:100%; float:left; font:bold 20px Helvetica,sans-serif; } .purple_color{ width:100%; text-align:center; color:#476ab2;} .contact_form_pop_up { float: left; width: 100%; } .contact_form_in_pop_up{ max-width:615px; width:100%; margin:10px auto;} .namefield_1_pop_up{ background:#f5f8fa; margin:8px 0; float:left; min-height:60px; border:none; width:40.5%; padding: 0 4%;margin-right:4px; color: #939598; font: 14px/18px Arial,Helvetica,sans-serif;;} .namefield_2_pop_up{ background:#f5f8fa; margin:8px 0; float:left; border:none; width:90%; padding: 15px 4%;margin-right:4px; color: #939598; font: 14px/18px Arial,Helvetica,sans-serif;resize:none;height:170px;} .contact_button_pop_up { width: 100%; float:left; text-align: center; } .contact_form_button_pop_up { background: #3469b7; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; float: none; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin: 0px 2% 30px 0; opacity: 1; border:none; text-align: center; text-decoration: none; width: 140px; } .contact_form_button_pop_up:hover { background: #8397a6; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*----------------magnatic pop up-----------------------------*/ .customSelectInner { background:url(../images/dropdown.jpg) no-repeat center right; width:100% !important; height:20px; float:left; color: #273746; font: bold 14px/20px Helvetica,sans-serif; } span.customSelect { background-color: #FFFFFF; border: 1px solid #989DA3; color: #000000; float: left; font: 12px/20px Arial,Helvetica,sans-serif; height: 20px; padding: 8px 2%; text-align: left; width: 96%; } .center_text{ text-align: center; } /* Preloader */ #preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; /* change if the mask should have another color then white */ z-index:11111111; /* makes sure it stays on top */ } #status { width:200px; height:200px; position:absolute; left:50%; /* centers the loading animation horizontally one the screen */ top:50%; /* centers the loading animation vertically one the screen */ background-image:url('../images/fancybox_loading.gif'); /* path to your loading animation */ background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; /* is width and height divided by two */ } .line-break{ display:none; } .st_facebook_large{ background-image: url("../images/icon-face.jpg") !important; float:right !important; height:37px !important; margin: 0 5px 0 0; } .st_twitter_large { background-image: url("../images/icon-twiter.jpg") !important; float: right !important; height: 37px !important; margin: 0 5px 0 0; } .st_linkedin_large{ background-image: url("../images/icon-linkedin.jpg") !important; float:right !important; height:37px !important; margin: 0 5px 0 0; } .st_googleplus_large { background-image: url("../images/icon-plus.jpg") !important; float: right !important; height: 37px !important; margin: 0 5px 0 0; } .stButton .stLarge{ background-image: url("") !important; display: inline-block; height: 32px; position: relative; width: 32px; } .blue_background{ background-color:#F5F8FA; } /*====================================offmenu========================*/ .outer_box_offmenu { float: left; position: relative; width: 100%; background: #fff; } .outer_box_in_offmenu { margin: 100px 10px; } .outer_box_in1_offmenu { margin: 0 auto; max-width: 1100px; width: 100%; } .about_our_mission_box_offmenu { border-bottom: 1px solid #000000; float: left; margin: 50px 0 0; width: 100%; } .about_our_mission_box2_offmenu { float: left; margin: 30px 0; width: 100%; } .about_our_mission_offmenu { color: #383343; float: left; font: bold 45px/46px Helvetica,sans-serif; margin: 0 2%; width: 96%; } .about_clear_offmenu { clear: both; float: left; height: 30px; margin: 0; width: 100%; } .about_our_mission_box2_right_offmenu { float: left; margin: 0 0 0 0; width: 100%; } .about_text2_offmenu { color: #383343; float: left; font: 200 16px/30px Helvetica,sans-serif; margin: 0px 2% 30px 2%; width: 96%; } .about_text2_offmenu p { color: #383343; font: 200 16px/30px Helvetica,sans-serif; } .about_text2_offmenu a{ color:#568ECB; } .about_text2_offmenu a:hover{ color: #496AB1; text-decoration: none; } /*====================================offmenu========================*/ .phone a{ color: #fff; } .phone a:hover{ color: #D3FCFF; text-decoration: none; } .topzero{ margin-top: 0; } .br-mob{ display: none; } @media screen and (max-width:0px) { } /*====================footer==================*/ @media screen and (max-width:2000px) { #mainbody{ width:100%; margin:0; float:left; } #image_panel{ width:100%; margin:0; } #image_panel_img { width:100%; height:900px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:900px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 105px/110px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 80%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { color: #FFFFFF; float: left; font: 24px/34px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } } @media screen and (max-width:1700px) { #mainbody{ width:100%; margin:0; float:left; } #image_panel{ width:100%; margin:0; } #image_panel_img { width:100%; height:700px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:900px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 95px/100px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 80%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { color: #FFFFFF; float: left; font: 24px/34px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } } @media screen and (max-width:1600px) { #image_panel .content_heading { color: #FFFFFF; float: left; font: 90px/95px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } } @media screen and (max-width:1500px) { #mainbody{ width:100%; margin:0; float:left; } #image_panel{ width:100%; margin:0; } #image_panel_img { width:100%; height:700px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:900px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 82px/87px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_text { color: #FFFFFF; float: left; font: 24px/31px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } #image_panel .button_box { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box1 { float: left; margin:10px 0; text-align: right; width: 100%; } } @media screen and (max-width:1400px) { #image_panel .content_heading { color: #FFFFFF; float: left; font: 80px/85px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } } @media screen and (max-width:1300px) { #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 80%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 72px/77px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_text { color: #FFFFFF; float: left; font: 24px/34px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } #container4_parallax .parl-heading { max-width: 80%; height:260px; } } @media screen and (max-width:1200px) { /* #container1_courses #courses_box .contentbox1 { float: left; margin: 0 10px; width: 31%; }*/ #container1_courses #courses_box .contentbox1{ margin: 0 ; width: 100%; float:left; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 68px/72px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_text { color: #FFFFFF; float: left; font: 18px/28px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:700px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel_img { width:100%; height:650px; display:block; position:relative; } #image_panel .content_box { height: 355px; max-width: 70%; } } @media screen and (max-width:1150px) { #image_panel .content_box { height: 355px; max-width: 80%; } /*#container1_courses #courses_box .contentbox1 { float: left; margin: 0 10px; width: 31%; }*/ #container1_courses #courses_box .contentbox1{ margin: 0 ; width: 100%; float:left; } } @media screen and (max-width:1122px) { #outer_box_header { height: auto;} #speaking_box_header,#contact_box_header{height: auto;} .about_history_box_in .text br { display:none; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 64px/69px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:800px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media screen and (max-width:1100px) { #image_panel_img { width:100%; height:600px; display:block; position:relative; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 80%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } } @media screen and (max-width:1050px) { #image_panel .content_heading { color: #FFFFFF; float: left; font: 58px/62px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; height:700px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .seminar_slider_right_text1 { height: 250px; } } @media screen and (max-width:970px) { #menu ul li a { font-family: Helvetica; font-weight: bold; font-size:14px; color:#FFFFFF; line-height:20px; text-decoration:none; opacity: 0.5; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; display: block; float: left; padding: 20px 12%; text-decoration: none; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 53px/58px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #container4_parallax .parl-heading { height: 307px; max-width: 90%; } /*-------------------about--------------------------*/ .faculty_staff1 { margin: 0 5% 20px 0; width: 30%; } .faculty_staff2 { margin: 0 5% 20px 0; } .faculty_staff1:nth-child(3n+0){ margin: 0 0 20px 0; } /*-------------------Course --------------------------*/ .catalog_event_post_content .post_box_right_outer .post_grey16 { width: 75%; } .contacts_info_left { border-bottom: 1px solid #000000; border-right: none; float: left; padding: 0 3% 0 0; width: 82%; } .catalog_event_fild { width: 96%; } /*-------------------Course --------------------------*/ } @media screen and (max-width:880px) { /* #container1_courses #courses_box .contentbox1 { float: left; margin: 0 10px; width: 31%; }*/ /* client #container1_courses #courses_box .contentbox1{ margin: 0 ; width: 100%; float:left; }*/ #container1_courses #courses_box .contentbox1{ margin: 0 ; width: 100%; float:left; margin: 0 0 34px; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 55px/60px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; } #image_panel .content_text { color: #FFFFFF; float: left; font: 18px/28px Helvetica, sans-serif; margin: 20px 0 0; text-align: left; width: 90%; font-weight:100; margin-bottom:10px; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; max-width: 90%; position: absolute; right: 0; top: 48%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:600px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel_img { width:100%; height:600px; display:block; position:relative; } #container4_parallax .parl-heading { height: 235px; } #container4_parallax .parl-heading p { font: italic 26px/40px Helvetica,sans-serif; } #container6_email .mob_right { float: left; margin: 2% 0 0 4%; width: 66%; } /*--------------------------about_detail------------------------*/ .about_detail_box { margin: 0 2%; width: 96%; } .about_detail_left { margin: 30px 0 0 1%; width: 50%; } .about_detail_right { margin: 30px 1% 0 3%; width: 45%; } /***footer ***/ #powered_inner2 { width: 60%; } #powered_inner { width: 30%; } #powered_outer { height: 126px; } /***footer ***/ /*--------------------------coures------------------------*/ .catalog_heading { color: #383343; float: left; font: 200 30px/30px Helvetica,sans-serif; padding: 10px; text-align: center; width: 96%; } .catalog_nav { float: none; margin: 10px auto; text-align: right; width: 100%; } .catalog_nav ul { float: none; list-style: none outside none; margin: 0 auto; padding: 0; /* width: 535px;*/ width: 520px; } .seminar_slider_right_text1 { height: 230px; font: bold 36px/40px Helvetica,sans-serif; } .mob-contentbox1{ margin: 0; width:100%; float:left; display:block; } .desk-contentbox1{ margin: 0; width:100%; float:left; display:none; } } @media screen and (max-width:800px) { #image_panel .content_heading { color: #FFFFFF; float: left; font: 55px/60px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; padding-bottom:10px; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; margin-left:15px; max-width: 92%; position: absolute; right: 0; top: 46%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { font: 17px/27px Helvetica,sans-serif; margin: 0; text-align: left; width: 100%; font-weight:300; padding-bottom:10px; } #image_panel .button_box { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box1 { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 16px/66px Helvetica, sans-serif; height: 70px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 0px; text-decoration: none; width: 130px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #image_panel .button_box1 .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 16px/66px Helvetica, sans-serif; height: 70px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 0px; text-decoration: none; width: 130px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box1 .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height: auto; min-height:500px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel_img { width:100%; height:500px; display:block; position:relative; } header{ width:100%; margin:0; padding:0; background:#383343; float:left; height:80px; position: fixed; z-index:1101; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); opacity: 1; } .header_inner{ width:100%; margin:0; padding:0; float:left; } .header_left{ margin:0; width:100%; } .header_left_logo{ margin:0 364px 0 0; max-width:200px; width: 100%; } .header_left h1 .logo{ width:100%; float:left; height:auto; } .header_left .logo a{ margin:15px 0 0 10px; float:left; } .header_left .logo img{ width:100%; max-width:270px; } .header_right .need-text { padding: 46px 60px 40px 0; text-align: left; margin-right:0; } .header_right .sign { max-width: 100px; width: 100%; } .header_right .sign { display:none; } .header_right .need-text { display:none; } .header_right .need-text { margin-right: 0; padding: 21px 59px 29px 0; text-align: center; } #menu { display:none; } .slicknav_menu { display: block; float: right; right: 0; margin: 0px 0px 0px 0px; position: absolute; width: 60px; } .slicknav_nav ul { float: right; list-style-type: none; margin:0 0px 0 0; padding: 0; text-align:center; list-style-type: none; border-top: 0px solid #FFFFFF; border: 0px solid #FFFFFF; /* float:center;*/ background:#373343; width: 100%; opacity: .98; } .slicknav_nav ul li { margin:0 0 0px 0px; padding:0; float:right; /*border-bottom:solid 1px #e9e9e9;*/ width:100%; } .slicknav_nav ul li a { color:#FFFFFF; vertical-align:middle; font-weight:bold; font-family: Helvetica, sans-serif; text-decoration:none; display:block; font-size: 21px; line-height:21px; height: 50px; background:#373343; padding-top: 20px; } .slicknav_nav ul li a:hover { color: #ffffff; text-decoration: none; background:#19ABB6;} .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 800px; z-index: 111; padding-top:25px; } #outer_box_header { margin-top:65px; } #speaking_box_header { margin-top:65px; } #contact_box_header { margin-top:65px; } #outer_box_blue_header{ margin-top:65px; } #outer_box_red_header .outer_box { /*float: center;*/ position: relative; width: 100%; } .outer_box_in { margin: 0 10px; } /*-------------------------------------*/ .outer_box_in { margin: 0 10px; } .about_history_box_in { margin: 0 0 30px 0; width: 50%; } .about_history_box_in:nth-child(2n+0) .about_history_box_in_border{ border:none; } .faculty_staff1 { margin: 0 10% 20px 0; width: 45%; } .faculty_staff2 { margin: 0 10% 20px 0; } .faculty_staff1:nth-child(3n+0){ margin: 0 10% 20px 0; } .faculty_staff1:nth-child(2n+0){ margin: 0 0 20px 0; } /*-------------------------------------*/ .webinars_box { margin: 0 0 20px; width: 100%; } /******* conact links ******/ .contacts_info_left { width: 100%; padding: 10px 0; border-right: none; border-bottom: 1px solid #000000; } .contacts_info_right { width: 100%; margin: 0; padding: 0; } .cnt_img5 { width: 15%; } .cnt_img6 { width: 15%; } .cnt_img7 { width: 15%; } .cnt_img8 { width: 15%; } /******* conact links ******/ /*-------------------Course --------------------------*/ .catalog_event_post_content .post_box_right_outer .post_grey16 { width: 70%; } #outer_box_red_header{ margin-top:65px; } .seminar_content_left { float: left; margin: 0 2%; width: 96%; } .seminar_content_right { float: left; margin: 0 2%; width: 96%; } .seminar_content_left .doller_text ul { margin: 10px 0 0 15px; } .seminar_content_right .map{ float:left; } .seminar_content_box{ margin: 60px 0 0; } .left_bold{ font:bold 18px/36px Helvetica,sans-serif; } .right{ font:15px/36px Helvetica,sans-serif; } .catalog_event_post_content_related_course .post_box_related_course{ width:93%; margin: 15px 10px; } .catalog_slider_left { margin: 45px 15% 20px; width: 70%; } .seminar_slider_left{ margin: 45px 15% 20px; width: 70%; display:none; } .seminar_slider_right,.catalog_slider_right { margin: 0; width: 100%; } .seminar_slider_right_text1,.catalog_slider_right_text1 { margin: 0 2%; text-align: center; width: 96%; } .seminar_slider_right_text2,.catalog_slider_right_text2 { margin: 10px 0px 30px 5%; text-align: center; } /*.seminar_slider_right_text3{ right:2%; padding-top:5%; }*/ .seminar_slider_right_text3 { padding-top: 0; right: 2%; } .seminar_slider_right_text3 { background: url("../images/coment-img1.png") no-repeat scroll right center rgba(0, 0, 0, 0); color: #FFFFFF; font: bold 14px/40px Helvetica,sans-serif; margin-top: 10px; padding-right: 25px; position: absolute; right: 10%; } #container1_courses_outer_related_course .catalog_nav{ width:92%; } } @media screen and (max-width:750px) { /*-----------------------------------MAIN IMAGE----------------------------------------*/ #image_panel .content_heading { color: #FFFFFF; float: left; font: 50px/52px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; padding-bottom:10px; } #image_panel .content_text { font: 16px/23px Helvetica,sans-serif; margin: 0; text-align: left; width: 100%; font-weight:300; padding-bottom:10px; } #image_panel_img { width:100%; height:460px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height:400px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; margin-left:15px; max-width: 92%; position: absolute; right: 0; top: 46%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 750px; z-index: 111; padding-top:10px; } #container3_works .register1 { background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 10px 2% 10px 0; padding: 3% ; width: 94%; } #container3_works .register2 { background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 10px 2% 10px 0; padding: 3%; width: 94%; } #container3_works .register3 { background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 10px 2% 10px 0; padding: 3%; width: 94%; } #container3_works .works_box { float: left; margin: 60px 0 0; width: 100%; } #container6_email .mob_right { float: left; margin: 2% auto; width: 100%; } #container6_email .content-left_heading { text-align: center; width: 100%; } #container6_email .content-left_text { text-align: center; width: 100%; } #container6_email .content-left_text_input { display: block; margin: 0 auto; text-align: center; width: 350px; float:none; } #container6_email .mob_left { margin: 20px 15%; width: 70%; } /*--------------------------about------------------------*/ .about_slider_left {margin: 20px 15%; width: 70%;} .about_slider_right { margin: 0; width: 100%;} .about_slider_right_text1, .about_slider_right_text2 {margin: 0 2%; width: 96%; text-align:center;} .about_slider_right_text2 {margin: 0 0 20px 2%;} .speaking_slider_right_text1,.contact_slider_right_text1{margin: 0 2%; width: 96%; text-align:center;} .facultystaff_heading { font: 35px/45px Helvetica,sans-serif; margin: 10px 0 0 0; } .facultystaff_heading_sub { font: 25px/30px Helvetica,sans-serif; margin: 10px 0 0 0; } /*-------------------------------------*/ .webinars_box_in { margin: 0 1%; width: 44%; } .gold_level_bot_text2 br{ display:none; } /*-------------------------------------*/ .on_site_trainings_heading { font: bold 30px/55px Helvetica,sans-serif; width: 95%; margin:0 0 0 0; } .on_site_trainings_text { font: 18px/26px Helvetica,sans-serif; width: 95%; } .on_site_trainings_button { float: left; margin: 30px 0 20px; } /*--------------------------about_detail------------------------*/ .about_detail_left { font: 15px/28px Helvetica,sans-serif; margin: 30px 0 0 1%; width: 50%; } .about_detail_right { margin: 30px 1% 0 1%; width: 47%; } .contact_us_right{ width:40%; float:left; margin:0px 0 0 0%; padding-left: 0px; } .contacts_info_left{ width:100%; float:left; margin:0 0 0 0; margin-left: 0px; border-right: 0px solid #000; border-bottom: 1px solid #000; } .contacts_info_right{ width:100%; float:left; padding-left: 0px; padding-top: 10px; padding-bottom: 25px; margin:0 0 0 0%; } /*-------------------Course --------------------------*/ .catalog_event_post_content .post_box_right_outer .post_grey16 { width: 65%; } .location{ text-align: left; } .outer_box_in_offmenu{ margin: 80px 10px; } } @media screen and (max-width:650px) { #image_panel .content_heading { color: #FFFFFF; float: left; font: 45px/48px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; padding-bottom:10px; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; margin-left:15px; max-width: 92%; position: absolute; right: 0; top: 46%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { font: 16px/26px Helvetica,sans-serif; margin: 0; text-align: left; width: 100%; font-weight:300; padding-bottom:10px; } header{ width:100%; margin:0; padding:0; background:#383343; float:left; height:70px; position: fixed; z-index:1101; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); opacity: 1; } .header_inner{ width:100%; margin:0; padding:0; float:left; } .header_left{ margin:0; width:100%; } .header_left_logo{ margin:0 364px 0 0; max-width:190px; width: 100%; } .header_left h1 .logo{ width:100%; float:left; height:auto; } .header_left .logo a{ margin:15px 0 0 10px; float:left; } .header_left .logo img{ width:100%; max-width:270px; } .header_right .need-text { padding: 46px 60px 40px 0; text-align: left; margin-right:0; } .header_right .sign { max-width: 100px; width: 100%; } .header_right .sign { display:none; } .header_right .need-text { display:none; } .header_right .need-text { margin-right: 0; padding: 21px 59px 29px 0; text-align: center; } #container4_parallax .parl-heading { height: 200px; } #container4_parallax .parl-heading p { font: italic 24px/35px Helvetica,sans-serif; } #footer_inner_left .fot_left { float: left; width: 50%; } #footer_inner_left .fot_right { float: left; width: 50%; } .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 650px; z-index: 111; padding-top:5px; } /***footer ***/ /* #powered_inner2 { width: 60%; } #powered_inner { width: 30%; }*/ #powered_outer { height: 126px; } /***footer ***/ /*-------------------Course --------------------------*/ .catalog_event_post_content .post_box_right_outer .post_grey16 { width: 60%; } .catalog_event_fild_left { float: left; margin: 10px 0; width: 100%; } .catalog_event_fild_left .styled { width: 100%; } .catalog_event_fild_right { float: left; margin: 0; width: 100%; } .catalog_event_fild_right_content .styled1 { color: #CCCCCC; float: left; width: 100%; max-width: 100%; margin:10px 4% 10px 0; } .catalog_event_fild_right_content .styled2 { color: #CCCCCC; float: left; width: 100%; max-width: 100%; margin:0; } #container1_courses_outer_related_course .catalog_nav{ width:98%; } .about_our_mission_box_offmenu{ margin: 90px 0 0; } /*#powered_inner{ margin-right: 14px; }*/ } @media screen and (max-width:600px) { .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 600px; z-index: 111; padding-top:5px; } /*--------------------------about------------------------*/ #container5_speaking .content-left_heading { font: bold 25px/40px Helvetica,sans-serif; text-align: center; width: 100%; margin:10px 0; } #container5_speaking .content-left_text { margin: 0; text-align: center; width: 100%; } #container5_speaking .button_box { float: left; margin: 0 auto; text-align: center; width: 100%; } #container5_speaking .button_box1 { float: left; margin: 0 auto; text-align: center; width: 100%; } #container5_speaking .content-left { margin: 20px auto; text-align: center; width: 100%; } #container5_speaking .content-right { margin-top: 0; width: 100%; } #powered_inner { margin: 0 auto; width: 240px; } /**** added by KG ***/ #powered_inner2 { float: left; margin: 15px; width: 35px; } /**** added by KG ***/ .about_our_mission_box2_left { margin: 10px 0 20px; width: 100%; } .about_our_mission_box2_right { margin: 10px 0; width: 100%; } .contact_us_left { margin: 10px 0 20px; width: 100%; } .contact_us_right { margin: 10px 0; width: 100%; } .namefield_1 { margin: 10px 0; width: 92%; /* display: none;*/ } .about_history_box_in { margin: 0 0 30px; width: 100%; } .about_history_box_in_border{ border:none; } .middle_main_heading { font: 40px/45px Helvetica,sans-serif; margin: 5px 0 0 0; } .middle_main_heading_sub { font: 25px/30px Helvetica,sans-serif; margin: 15px 0 0 0; } .facultystaff_heading { font: 35px/40px Helvetica,sans-serif; margin: 10px 0 0; } .facultystaff_heading_sub { margin: 20px 0 0; } .faculty_staff1 { margin: 0 10% 20px 10%; width: 80%; } .faculty_staff2 { margin: 0 10% 20px 10%; } .faculty_staff1:nth-child(3n+0){ margin: 0 10% 20px 10%; } .faculty_staff1:nth-child(2n+0){ margin: 0 10% 20px 10%; } .contacts_info_left { margin: 10px 0; width: 92%; border:none; } /*-------------------------------------*/ .webinars_box_in { margin: 0 1% 20px; padding:5%; width: 88%; } .gold_level_box { width: 100%; } .silver_level_box { width: 100%; border:none; } /*------------------*/ .on_site_trainingsleft { margin: 0; width: 100%; } .on_site_trainingsright { margin: 20px 0 0 0; width: 100%; } .on_site_trainings_heading { width: 90%; margin:0 5%; text-align:center; } .on_site_trainings_text { padding-bottom: 20px; width: 90%; margin:0 5%; text-align:center; } .on_site_trainings_button { float: none; margin: 30px auto 20px; } /*--------------------------about_detail------------------------*/ .about_detail_heading { font: bold 45px/60px Helvetica,sans-serif; } .about_detail_heading2 { font: 30px/40px Helvetica,sans-serif; } .about_detail_left { margin: 30px 1% 0 1%; width: 98%; } .about_detail_right { margin: 30px 1% 0; width: 98%; } /***footer ***/ #powered_inner2 { width: 95%; } #powered_inner { width: 60%; } #powered_outer { height: 100%; } /***footer ***/ /***footer ***/ /*-------------------Course --------------------------*/ .catalog_event_post_content .post_box_right_outer .post_grey16 { width: 100%; } .catalog_event_post_content .post_box_right_outer .button_box { margin: 0 auto; width: 100%; } .catalog_event_post_content .post_box_right_outer .button_box1 { margin: 0 auto; width: 100%; } #container1_courses_outer_related_course .catalog_nav{ width:auto; } .contact_form_button { background: url(../images/send-bg.png) no-repeat left top ; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; display: block; float: left; font: bold 16px/55px Helvetica,sans-serif; height: 55px; margin: 10px 2% 0px 0; opacity: 1; border:none; text-align: center; text-decoration: none; width: 123px; border-radius:0; } .contact_form_button:hover { background: url(../images/send-bg.png) no-repeat left top ; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*----------------magnatic pop up-----------------------------*/ .contact_form_button_pop_up { background: url(../images/send-bg.png) no-repeat left top ; /* border: 5px solid #FFFFFF;*/ color: #FFFFFF; float: none; font: bold 16px/55px Helvetica,sans-serif; height: 55px; margin: 10px 2% 0px 0; opacity: 1; border:none; text-align: center; text-decoration: none; width: 123px; border-radius:0; } .contact_form_button_pop_up:hover { background: url(../images/send-bg.png) no-repeat left top ; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*----------------magnatic pop up-----------------------------*/ #container5_speaking .content-right{ display:none; } .searchfaculty_button{ width:126px; } /*to Left align the �Approved Provider� icon and text below it on mobile*/ .about_accreditation_comment{ text-align: left; margin: 0 4%; } .center_text{ text-align: center; margin: 0; } .outer_box_in_offmenu{ margin: 25px 10px; } } @media screen and (max-width:550px) { .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 550px; z-index: 111; padding-top:18px; } #image_panel .content_heading { color: #FFFFFF; float: left; font: 38px/43px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; padding-bottom:10px; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; margin-left:15px; max-width: 92%; position: absolute; right: 0; top: 46%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { font: 15px/22px Helvetica,sans-serif; margin: 0; text-align: left; width: 100%; font-weight:300; padding-bottom:10px; } #image_panel_img { width:100%; height:460px; display:block; position:relative; } #container1_courses .cour_nav ul { list-style: none outside none; margin: 0 auto; padding: 0; width: 100%; } #container4_parallax .parl-heading { height: 245px; } #container4_parallax .parl-heading p { font: italic 22px/30px Helvetica,sans-serif; } #container7_blog .content_bolg_left { float: left; height: auto; margin: 10px 30%; text-align: center; width: 40%; } #container7_blog .content_bolg_right_outer { margin: 0; } #container7_blog .content_bolg_right .client_name { font: bold 22px/30px Helvetica,sans-serif; text-align: center; width: 100%; } #container7_blog .content_bolg_right .client_name span { font: italic 18px/20px Helvetica,sans-serif; text-align: center; width: 100%; } #container7_blog .content_bolg_right .client_post { font: bold 18px/40px Helvetica,sans-serif; margin: 10px 0; text-align: center; width: 100%; } #container7_blog .content_bolg_right .client_post_box .post_heading { text-align: center; } #container7_blog .content_bolg_right .client_post_box .post_heading:hover { text-align: center; } #container7_blog .content_bolg_right .client_post_box .post_text { text-align: center; } #container7_blog .content_bolg_right .client_post_box .read { float: left; margin: 20px 0; text-align: center; width: 100%; } #footer_inner_left { border-bottom: 1px solid #FFFFFF; float: left; padding: 15px 0; width: 100%; border-right:0; } #footer_inner_right { float: left; width: 100%; } #footer_inner_right .fot_content { float: left; margin: 0; width: 100%; } .icon_image_box { display: block; float: left; height: 95px; margin: 1%; max-width: 95px; text-align: center; width: 100%; } .icon-box { margin: 20px auto; max-width: 420px; text-align: center; width: 100%; } #container6_email .mob_left { margin: 20px 0; width: 100%; } /*-------------------------------about-----------------------------------*/ /*----------------------------------blog ------------------------------*/ #content .leftsection { float: left; width: 100%; } #content .rightsection { float: left; margin-left: 0; width: 100%; } #content .author_desc { float: left; height: auto; margin: 10px 30%; text-align: center; width: 40%; } #content .author_descdetail { margin: 0; } #content .author_blog .author_name { font: bold 22px/30px Helvetica,sans-serif; text-align: center; width: 100%; } #content .author_blog .author_name span { font: italic 18px/20px Helvetica,sans-serif; text-align: center; width: 100%; } #content .author_blog .post_time { font: bold 18px/40px Helvetica,sans-serif; margin: 10px 0; text-align: center; width: 100%; } #content .author_blog .main_post .post_title { text-align: center; } #content .author_blog .main_post .post_title a{ text-align: center; } #content .author_blog .main_post .post_title a:hover { text-align: center; } #content .author_blog .main_post .entrytext { text-align: center; } #content .author_blog .main_post .post_category { float: left; margin: 20px 0; text-align: center; width: 100%; word-wrap: break-word; } #content .author_blog .main_post .post_category span { font: bold 16px/20px Helvetica,sans-serif; } #content .rightsection .cat_list .cat_heading { background-color: #8A9BAA; color: #FFFFFF; font: bold 20px/24px Helvetica,sans-serif; padding: 5%; text-align: center; } #content .rightsection .cat_list .cat_listul li a { font: bold 16px/28px Helvetica,sans-serif; text-align: center; } #content .rightsection .cat_list .cat_listul { background-color: #FBFCFD; color: #A6BEC7; list-style: none outside none; padding: 5px; text-align: center; } #content .rightsection .author_list .author_heading { background-color: #8A9BAA; color: #FFFFFF; font: bold 20px/24px Helvetica,sans-serif; padding: 5%; text-align: center; } #content .rightsection .author_list .author_listul li a { font: bold 16px/28px Helvetica,sans-serif; text-align: center; } #content .rightsection .author_list .author_listul { background-color: #FBFCFD; color: #A6BEC7; list-style: none outside none; padding: 5px; text-align: center; } #content .paginationdiv a { font: bold 16px/24px Helvetica,sans-serif; } /*----------------------------------blog ------------------------------*/ /*----------------------------------blog detail ------------------------------*/ #content2 .leftsection2 { float: left; width: 100%; } #content2 .rightsection2 { float: left; margin-left: 0; width: 100%; } #content2 .author_desc { float: left; height: auto; margin: 10px 30%; text-align: center; width: 40%; } #content2 .author_blog .author_name span { font: italic 18px/20px Helvetica,sans-serif; text-align: center; width: 100%; } #content2 .author_descdetail { margin: 0; } #content2 .author_blog .author_name { font: bold 22px/30px Helvetica,sans-serif; text-align: center; width: 100%; } #content2 .author_blog .post_time { font: bold 18px/40px Helvetica,sans-serif; /* margin: 10px 0;*/ margin: 10px 0 0 70px; text-align: center; width: 100%; } #content2 .author_blog .post_time .hupso_c { text-align: center; width: 60%; } #content2 .author_blog .main_post_detail .post_category_left { float: left; width: 100%; height: 40px; } #content2 .author_blog .main_post_detail .post_category_right { width: 100%; text-align: center; } #content2 .author_blog .main_post_detail .post_category_right span { font: bold 16px/20px Helvetica,sans-serif; } #content2 .author_detail { margin: 0; } #content2 .author_name2 { font: bold 22px/30px Helvetica,sans-serif; text-align: center; width: 100%; } #content2 .author_desc2 { float: left; height: auto; margin: 10px 30%; text-align: center; width: 40%; } #content2 .author_descdetail2 { text-align: center; font: 300 18px/28px Helvetica,sans-serif; margin: 0; } #content2 .morepostlink { text-align: center; font: bold 16px/20px Helvetica,sans-serif; margin-bottom: 15px; float: none; } #content2 .morepostlink a { text-align: center; font: bold 16px/20px Helvetica,sans-serif; float: none; } #content2 .relatedpost { margin: 0; } #content2 .author_blog .post_time .hupso-share-buttons { margin-left: 22%; width: 65%; } #content2 .post_category_left .hupso-share-buttons { width: 65%; margin-left: 11%; } #content2 .rightsection2 .cat_list .cat_heading { background-color: #8A9BAA; color: #FFFFFF; font: bold 20px/24px Helvetica,sans-serif; padding: 5%; text-align: center; } #content2 .rightsection2 .cat_list .cat_listul { background-color: #FBFCFD; color:#5B8FCB; list-style: none outside none; padding: 5px; text-align: center; } #content2 .rightsection2 .author_list .author_heading { background-color: #8A9BAA; color: #FFFFFF; font: bold 20px/24px Helvetica,sans-serif; padding: 5%; text-align: center; } #content2 .rightsection2 .author_list .author_listul { background-color: #FBFCFD; color: #A6BEC7; list-style: none outside none; padding: 5px; text-align: center; } #content2 .relatedpost_maindiv .firstpost { width: 100%; text-align: center; } #content2 .relatedpost_maindiv .secondpost { width: 100%; text-align: center; } #content2 .related_title { text-align: center; width: 100%; } #outer_box_header .about_blog_slider_right_prev1 { /* top: 55%;*/ } #outer_box_header .about_slider_right { /* margin: 15% 0 0;*/ } #outer_box_header .about_blog_slider_right_next1 { /* top:55%;*/ } /*#content2 .author_blog main_post_detail .post_category_right span { font: bold 16px/20px Helvetica,sans-serif; }*/ /*----------------------------------blog detail ------------------------------*/ .about_slider_left { margin: 20px 0; width: 100%; } .slider_navigation_link .slider_navigation_link_bot{ font:normal 14px/20px Helvetica,sans-serif; padding-top: 35px; } .slider_navigation_link .slider_navigation_link_bot span{ float: left; font: 14px/20px Helvetica,sans-serif; padding: 0 24px; width: 50%; color:#8296A5; } .slider_navigation_link:hover .slider_navigation_link_bot{ font:normal 14px/20px Helvetica,sans-serif; } .slider_navigation_link.act .slider_navigation_link_bot{ font:normal 14px/20px Helvetica,sans-serif; } .overview{ background: url("../images/overview_icon1.png") no-repeat center top; } .slider_navigation_link:hover .overview{ background: url("../images/overview_icon1_s.png") no-repeat center top; } .slider_navigation_link.act .overview{ background: url("../images/overview_icon1_s.png") no-repeat center top; } .facultystaff{ background: url("../images/staff_icon1.png") no-repeat center top; } .slider_navigation_link:hover .facultystaff{ background: url("../images/staff_icon1_s.png") no-repeat center top; } .slider_navigation_link.act .facultystaff{ background: url("../images/staff_icon1_s.png") no-repeat center top; } .accreditation{ background: url("../images/accreditation_icon1.png") no-repeat center top; } .slider_navigation_link:hover .accreditation{ background: url("../images/accreditation_icon1_s.png") no-repeat center top; } .slider_navigation_link.act .accreditation{ background: url("../images/accreditation_icon1_s.png") no-repeat center top; } .paymentoptions{ background: url("../images/payment_icon1.png") no-repeat center top; } .slider_navigation_link:hover .paymentoptions{ background: url("../images/payment_icon1_s.png") no-repeat center top; } .slider_navigation_link.act .paymentoptions{ background: url("../images/payment_icon1_s.png") no-repeat center top; } /*---------------------------------coures---------------------------------------------*/ .catalog_nav ul { float: none; list-style: none outside none; margin: 0 auto; padding: 0; width: 100%; } .seminar_content_right .map{ width: 100%; } .location{ text-align:left; float:left; padding-top: 15px; margin: 0; } .inner_box_left{ width:100%; margin: 35px 0 0 0%; } .inner_box_right{ width:100%; margin: 35px 0 0 0%; } .seminar_slider_right_next { display: none; height: 92px; margin: 0; position: absolute; right: 0; top: 35%; width: 100px; } /* */ .catalog_nav{ display:none; } .catalog_event_fild{ display:none; } .seminar_slider_left{ display:none; } .seminar_slider_right_next{ display:none; } .seminar_slider_right_prev{ display:none; } .catalog_slider_left{ margin: 0; width: 100%; } } /* @media screen and (max-width:450px) { .slicknav_nav { float: right; margin: 0; position: abosulte; width: 450px; z-index: 111; padding-top:18px; } #container4_parallax .parl-heading { height: 300px; } #container4_parallax .parl-heading p { font: italic 20px/30px Helvetica,sans-serif; } .icon_image_box { display: block; float: left; height: 75px; margin: 1%; max-width: 75px; text-align: center; width: 100%; } .icon-box { margin: 20px auto; max-width: 326px; text-align: center; width: 100%; } #container2_slider #tab { margin: 0px auto; padding-bottom: 0px; } #container3_works_outer { border-top: none; } .catalog_heading_related_course{ width:92%; } .seminar_slider_right_next{ display:none; } .seminar_slider_right_prev{ display:none; } .seminar_slider_left{ display:none; } .seminar_slider_right_text1{ padding-top: 45px; text-align: left; } .seminar_slider_right_text2{ text-align: left; } .seminar_content_left .doller_box .client_img{ display:none; } .seminar_content_left .doller_box_head{ width:100%; } .seminar_content_right .map{ display: none; } .seminar_content_right .icon_box_img1{ width:71px; } }*/ @media screen and (max-width:450px) { .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 450px; z-index: 111; padding-top:18px; } #container4_parallax .parl-heading { height: 300px; } #container4_parallax .parl-heading p { font: italic 20px/30px Helvetica,sans-serif; } .icon_image_box { display: block; float: left; height: 75px; margin: 1%; max-width: 75px; text-align: center; width: 100%; } .icon-box { margin: 20px auto; max-width: 326px; text-align: center; width: 100%; } #container2_slider #tab { margin: 0px auto; padding-bottom: 0px; } #container3_works_outer { border-top: none; } .catalog_heading_related_course{ width:92%; } .seminar_slider_right_text1{ padding-top: 45px; text-align: left; } .seminar_slider_right_text2{ text-align: left; } .seminar_content_left .doller_box .client_img{ display:none; } .seminar_content_left .doller_box_head{ width:100%; } .seminar_content_right .map{ display: none; } .seminar_content_right .icon_box_img1{ width:71px; } } @media screen and (max-width:400px) { .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 400px; z-index: 111; padding-top:25px; } .slider_navigation_link .slider_navigation_link_bot{ font:normal 13px/20px Helvetica,sans-serif; padding-top: 35px; } .slider_navigation_link:hover .slider_navigation_link_bot{ font:normal 13px/20px Helvetica,sans-serif; } .slider_navigation_link.act .slider_navigation_link_bot{ font:normal 13px/20px Helvetica,sans-serif; } .slider_navigation_link { margin: 0 1%; width: 23%; } .slider_navigation_link:hover{ margin: 0 1%; width: 23%; } /*-----------------------Courses---------------------------*/ .catalog_event_post_content .post_box_left { height: auto; margin: 10px auto; text-align: center; width: 100%; } .catalog_event_post_content .post_box_right_outer { margin: 0; width: 100%; } .catalog_event_post_content .post_box_left_text { background: url("../images/coment-img.jpg") no-repeat scroll center center rgba(0, 0, 0, 0); color: #8397A6; float: left; font: 16px/25px Helvetica,sans-serif; margin: 15px auto; padding: 0 0 0 37%; text-align: center; width: 32%; } .catalog_event_post_content .post_box_left_text_webinar { background: url("../images/pc-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); color: #8397A6; float: left; font: 16px/25px Helvetica,sans-serif; margin: 15px auto; padding: 0 0 0 37%; text-align: center; width: 32%; } .seminar_slider_right_text1, .catalog_slider_right_text1{ color: #FFFFFF; font: bold 30px/38px Helvetica,sans-serif; margin: 0; padding-bottom: 15px; padding-top: 40px; width: 100%; } .seminar_content_left .doller_box_credits{ width: 100%; text-align: left; float:left; } .seminar_slider_right_text1 { height:auto; } } @media screen and (max-width:360px) { /*-----------------------------------NAV----------------------------------------*/ header{ width:100%; margin:0; padding:0; background:#383343; float:left; height:70px; position: fixed; z-index:1101; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); opacity: 1; } .header_inner{ width:100%; margin:0; padding:0; float:left; } .header_left{ margin:0; width:100%; } .header_left_logo{ margin:0 364px 0 0; max-width:190px; width: 100%; } .header_left h1 .logo{ width:100%; float:left; height:auto; } .header_left .logo a{ margin:15px 0 0 10px; float:left; } .header_left .logo img{ width:100%; max-width:270px; } .header_right .need-text { padding: 46px 60px 40px 0; text-align: left; margin-right:0; } .header_right .sign { max-width: 100px; width: 100%; } .header_right .sign { display:none; } .header_right .need-text { display:none; } .header_right .need-text { margin-right: 0; padding: 21px 59px 29px 0; text-align: center; } /*-----------------------------------MAIN IMAGE----------------------------------------*/ #image_panel .content_heading { color: #FFFFFF; float: left; font: 38px/43px Helvetica, sans-serif; margin: 0; text-align: left; width: 100%; font-weight:bold; padding-bottom:10px; } #image_panel .content_box { bottom: 50%; display: inline-block; float: left; height: 250px; left: 0; margin: 0 auto; margin-left:15px; max-width: 92%; position: absolute; right: 0; top: 46%; -moz-transform: translateY(-50%) translateX(0%); -webkit-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); vertical-align: middle; width: 100%; z-index: 10; } #image_panel .content_text { font: 15px/22px Helvetica,sans-serif; margin: 0; text-align: left; width: 100%; font-weight:300; padding-bottom:10px; } #image_panel_img { width:100%; height:460px; display:block; position:relative; } #image_panel_img img{ margin: 0 auto; position: absolute; min-width: 100%; /* you can use % */ height:400px; z-index:-20; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image_panel .button_box { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 16px/66px Helvetica, sans-serif; height: 70px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 0px; text-decoration: none; width: 130px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #image_panel .button_box1 { float: left; margin:10px 0; text-align: right; width: 100%; } #image_panel .button_box1 .learnmore{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; display: block; font: bold 16px/66px Helvetica, sans-serif; height: 70px; margin: 0 auto; opacity: 1; padding: 0 20px; text-align:center; padding-right:40px; padding-top: 0px; text-decoration: none; width: 130px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; float:right; } #image_panel .button_box1 .learnmore:hover{ background: url("../images/learn-arrow3.png") no-repeat scroll 132px center #548dca; border: 3px solid #FFFFFF; color: #fff; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container6_email .subscribe a { background: url("../images/learn-arrow.png") no-repeat scroll 125px center #8397a6; float: left; border: 0px; color: #FFFFFF; display: block; font: bold 16px/75px Helvetica,sans-serif; height: 75px; margin-left:60px; opacity: 1; padding: 0 20px; padding-right:40px; padding-top:5px; text-align: center; text-decoration: none; width: 120px; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } #container6_email .subscribe a:hover{ /* learn-arrow.png*/ background: url("../images/learn-arrow3.png") no-repeat scroll 130px center #486AB2; color: #FFFFFF; text-decoration: none; -o-transition:color .2s ease-out, background .2s ease-in; -ms-transition:color .2s ease-out, background .2s ease-in; -moz-transition:color .2s ease-out, background .2s ease-in; -webkit-transition:color .2s ease-out, background .2s ease-in; transition:color .2s ease-out, background .2s ease-in; } /*-----------------------------------UPCOMING COURSES----------------------------------------*/ #container1_courses #courses_box .credits_text { float: left; margin: 0; text-align: center; width: 100%; } #container1_courses .cour_nav { display:none; } #container1_courses{ margin: 30px auto; width: 100%; max-width: 1100px; } #container1_courses .book-icon{ margin: 0px auto; width:76px; height:71px; text-align:center } #container1_courses .cour_heading{ color: #383343; font: 36px/40px Helvetica, sans-serif; padding: 15px; text-align:center; font-weight:200; } #container1_courses #courses_box .credits_text { font: 12px/18px Helvetica,sans-serif; margin-bottom:30px; } /*-----------------------------------HOW IT WORKS----------------------------------------*/ #container3_works .container3_heading h1 { color: #373343; float: left; font: 36px/40px Helvetica, sans-serif; text-align: center; width: 100%; padding-top:30px; font-weight:200; } #container3_works .container3_heading span { font: 20px/22px Helvetica, sans-serif; font-weight:100; } /*------------------------------------QUOTE----------------------------------------*/ #container4_parallax_outer { float: left; margin: 0; position: relative; width: 100%; background:#fff; } #container4_parallax_inner { margin: 0; } #container4_parallax{ margin: 0 auto; width: 100%; } #container4_parallax .parl-img{ margin: 0 auto; overflow:hidden; width: 5%; /* you can use % */ height:400px; z-index:-10; } #container4_parallax .parl-heading { bottom: 40%; height: 200px; margin: 0 auto; max-width: 90%; right: 0; top: 40%; vertical-align: middle; width: 100%; z-index: 10; } #container4_parallax .parl-heading p { color: #FFFFFF; font: italic 18px/22px Helvetica, sans-serif; text-align: left; font-weight:100; vertical-align: middle;} #container4_parallax .parl-heading p span { color: #FFFFFF; font: italic 18px/22px Helvetica, sans-serif; text-align: left; font-weight:bold; vertical-align: middle; } .quotetext { color: #FFFFFF; font: italic 18px/22px Helvetica, sans-serif; text-align: left; padding-right:16px; font-weight:200; vertical-align: middle; } .namequote { color: #FFFFFF; font: 14px/14px Helvetica, sans-serif; text-align: center; font-weight:bold; vertical-align: middle; } #container4_parallax .parl-heading .quot { color: #605965; float: left; margin: -30px 10px 0 0; max-width:10px; height:auto; } #container4_parallax .parl-heading .quot1 { color: #605965; float:right; margin:-70px 10px 0 0; } #slide-2 { height:250px; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; width: 100%; background-position: 50% 0px; /*background-position: 50% -100px;*/ } #container6_email .content-left_text_input { width: 300px; } .slicknav_menu { display: block; float: right; right: 0; margin: 0px 0px 0px 0px; /* position: absolute;*/ position:relative; width: 60px; } .slicknav_nav ul { float: right; list-style-type: none; margin:0 0px 0 0; padding: 0; text-align:center; list-style-type: none; border-top: 0px solid #FFFFFF; border: 0px solid #FFFFFF; background:#373343; width: 100%; opacity: .98; } .slicknav_nav ul li { margin:0 0 0px 0px; padding:0; float:right; /*border-bottom:solid 1px #e9e9e9;*/ width:100%; } .slicknav_nav ul li a { color:#FFFFFF; vertical-align:middle; font-weight:bold; font-family: Helvetica, sans-serif; text-decoration:none; display:block; font-size: 21px; line-height:21px; height: 50px; background:#373343; padding-top: 20px; } .slicknav_nav ul li a:hover { color: #ffffff; text-decoration: none; background:#19ABB6;} .slicknav_nav { float: right; margin: 0; /* position: absolute;*/ position: relative; width: 325px; z-index: 111; padding-top:18px; } #outer_box_header { margin-top:65px; } .outer_box { /* float: center;*/ position: relative; width: 100%; background: #fff; } .outer_box_in { margin: 0 10px; } /*--------------------slider------------------------*/ .about_slider_left{ width:100%; float:left; margin:0 0 0 0; } .about_slider_left img{ width: 100%; float:left; } .about_slider_right{ width:100%; float:left; margin:0 0 0 0; } .about_slider_right_text1,.catalog_slider_right_text1{ display:none; } /* */ .catalog_nav{ display:none; } .speaking_slider_right_text1{ display:none; } .contact_slider_right_text1{ display:none; } .about_slider_right_text2{ color:#ffffff; margin:0 0 0 0; width:100%; font:bold 30px/38px Helvetica,sans-serif; padding-top:15px; padding-bottom:15px; } /*--------------------slider_navigation------------------------*/ .slider_navigation{ margin: 0 auto; max-width: 400px; width: 100%; } .slider_navigation_link{ width:25%; float:left; height:50px; margin:0 0 0 0; } .slider_navigation_link:hover{ width:25%; float:left; margin:0 0 0 0; } .slider_navigation_link .slider_navigation_link_top{ display: none; } .slider_navigation_link:hover .slider_navigation_link_top{ display: none; } .slider_navigation_link.act .slider_navigation_link_top{ width:100%; float:left; visibility:visible; opacity: 1; } .slider_navigation_link_top img{ display: none; } .slider_navigation_link .slider_navigation_link_bot{ width:100%; float:left; color:#8296A5; font:12px/15px Helvetica,sans-serif; font-weight:bold; text-decoration:none; padding-top:20px; height:20px; text-align:center; } .slider_navigation_link:hover .slider_navigation_link_bot{ width:100%; float:left; color:#8296A5; font:12px/15px Helvetica,sans-serif; font-weight:bold; } .slider_navigation_link.act .slider_navigation_link_bot{ width:100%; float:left; color:#8296A5; font:12px/12px Helvetica,sans-serif; font-weight:bold; text-decoration:none; } .overview{ background: url("../images/blank.png")no-repeat center top; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .overview{ background: url("../images/blank.png")no-repeat center top; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .overview{ background: url("../images/blank.png")no-repeat center top; opacity: 1; } .facultystaff{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .facultystaff{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .facultystaff{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 1; } .accreditation{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .accreditation{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .accreditation{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 1; } .paymentoptions{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 0.6; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link:hover .paymentoptions{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 1; -o-transition:opacity .2s ease-out, opacity .2s ease-in; -ms-transition:opacity .2s ease-out, opacity .2s ease-in; -moz-transition:opacity .2s ease-out, opacity .2s ease-in; -webkit-transition:v .2s ease-out, opacity .2s ease-in; transition:opacity .2s ease-out, opacity .2s ease-in; } .slider_navigation_link.act .paymentoptions{ background: url("../images/blank.png")no-repeat center top; min-width:0%; height:0px; opacity: 1; } .icon-box { margin: 20px auto; max-width: 261px; text-align: center; width: 100%; } .icon_image_box { display: block; float: left; height: 60px; margin: 1%; max-width: 60px; text-align: center; width: 100%; } /***footer ***/ #powered_inner2 { width: 95%; } #powered_inner { width: 75%; } #powered_outer { height: 100%; } /***footer ***/ .subscribe_text2 { text-align: center; } .slider_navigation_link .slider_navigation_link_bot span { float: left; font: bold 12px/16px Helvetica,sans-serif; padding: 0 5px; width: 68%; } .line-break{ display:block; } .catalog_slider_right_text2{ color:#ffffff; margin:0 0 0 0; width:100%; font:bold 30px/38px Helvetica,sans-serif; padding-top:15px; padding-bottom:15px; } .br-mob{ display: block; } .searchfaculty_button{ width:126px; border-radius:0; -webkit-border-radius:0; } } /***** added by KG **************/ .circular-large { width: 300px; height: 300px; margin: 0 auto; /* this will center the image */ border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); } .circular-medium� { width: 150px; height: 150px; margin: 0 auto; /* this will center the image */ border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); } .circular-small { width: 100px; height: 100px; margin: 0 auto; /* this will center the image */ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; box-shadow: 0 0 4px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .8); } .wp-about-author-containter h3, .wp-about-author-containter p{ margin:0 0 10px 0; padding:0; } .wp-about-author-containter-top{ background: #f2f7fc; border-top: 4px solid #000; clear: both; margin: 20px 0; overflow: hidden; padding: 20px; } .wp-about-author-containter-around{ background: #f2f7fc; border: 1px solid #000; clear: both; margin: 20px 0; overflow: hidden; padding: 20px; } .wp-about-author-containter-none{ background: #f2f7fc; border-top:none; clear: both; margin: 20px 0; overflow: hidden; padding: 20px; } .wp-about-author-pic{ background: #fff; border: 1px solid #e7e7e7; float: left; margin: 0 -122px 0 0; padding: 10px; } .wp-about-author-pic.wp-about-author-circle, .wp-about-author-pic.wp-about-author-circle img { border-radius: 50%; } .wp-about-author-text{ margin: 0 0 0 140px; display: table; } .wp-about-author-text > h3 { margin-top: 0; } .wp-about-author-text p { margin: 0 0 5px 0; } .wp-about-author-text p.wpa-nomargin { margin: 0; } .wpa-social-icons{ margin:0 3px; } .author_img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .widecolumn { width: 100%; float: left; margin-top: 50px; } .leftsection { width: 70%; float: left; /* display: block;*/ } .post_data { width: 100%; /* float: left;*/ display: block; } .author_desc { float: left; height: auto; margin: 0 3%; text-align: center; width: 60px; } .author_desc .author_img { margin: 0 auto; width: 100%; } .author_desc .author_img img { height: auto; margin: 0 auto; text-align: center; width: 100%; } .author_descdetail { margin: 0 0 0 130px; } .author_descdetail .author_blog { float: left; margin: 0; width: 100%; } .author_descdetail .author_blog .author_name { color: #3F3645; float: left; font: bold 14px/20px Helvetica,sans-serif; margin: 0; text-align: left; width: 50%; } .author_descdetail .author_blog .author_name span { color: #3F3645; float: left; font: italic 200 14px/20px Helvetica,sans-serif; margin: 0; text-align: left; /* width: 50%;*/ } .author_blog .post_time { color: #3F3645; /* float: left;*/ float: right; font: bold 14px/20px Helvetica,sans-serif; margin: 10px 0; text-align: right; width: 50%; } .author_blog .main_post { background: none repeat scroll 0 0 #F5F8FA; float: left; margin: 20px 0; padding: 2% 4%; width: 92%; } .author_blog .main_post .post_title { border-bottom: 1px solid rgb(238,242,244); color: #5B8FCB; float: left; font: bold 22px/23px Helvetica,sans-serif; margin: 0; padding-bottom: 10px; padding-top: 10px; text-align: left; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; width: 100%; } .author_blog .main_post .post_title a { color: #5B8FCB; float: left; font: bold 22px/23px Helvetica,sans-serif; text-align: left; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } .author_blog .main_post .post_title a:hover { color: #4C64AD; float: left; font: bold 22px/23px Helvetica,sans-serif; text-align: left; transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s; } .author_blog .main_post .entrytext { color: #3F3645; float: left; font: 300 18px/28px Helvetica,sans-serif; margin: 20px 0; text-align: left; width: 100%; } .author_blog .main_post .post_category { float: right; margin: 20px 0; text-align: right; width: 100%; } .author_blog .main_post .post_category span { background: url("../images/read-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0); color: #8397A6; font: 11px/24px Helvetica,sans-serif; margin: 20px 0; padding-left: 15px; text-align: right; } .border_black_blog { border-bottom: 1px solid rgb(238,242,244); float: left; margin-bottom: 50px; padding-top: 30px; width: 100%; } .rightsection { width: 25%; float: left; margin-left: 5%; } .rightsection .cat_list { width: 100%; /* text-align: right;*/ } .rightsection .cat_list .cat_heading { /* width: 100%;*/ text-align: right; background-color:#8A9BAA; font:bold 16px/24px Helvetica,sans-serif; padding: 5%; color:white; } .rightsection .cat_list .categories { list-style: none outside none; text-align: right; padding: 5px; background-color: rgb(251,252,253); } .rightsection .cat_list .cat_listul { list-style: none outside none; background-color: rgb(251,252,253); color:rgb(166,190,199); text-align: right; padding: 5px; } .rightsection .cat_list .cat_listul li a { /* list-style: none outside none; background-color: rgb(251,252,253);*/ font:bold 12px/24px Helvetica,sans-serif; color:#8A9BAA; text-align: right; padding: 5px; } .rightsection .author_list { width: 100%; } .rightsection .author_list .author_heading { /* width: 100%;*/ text-align: right; background-color:#8A9BAA; font:bold 16px/24px Helvetica,sans-serif; padding: 5%; color:white; } .rightsection .author_list .author_listul { list-style: none outside none; background-color: rgb(251,252,253); color:rgb(166,190,199); text-align: right; padding: 5px; } .rightsection .author_list .author_listul li a { /* list-style: none outside none; background-color: rgb(251,252,253);*/ font:bold 12px/24px Helvetica,sans-serif; color:#8A9BAA; text-align: right; padding: 5px; } .paginationdiv { margin: 5%; } .paginationdiv a { /* margin: 5%;*/ color: #8397A6; font:bold 14px/24px Helvetica,sans-serif; } .about_slider_right_text_detail1 { color: #FFFFFF; font: bold 45px/50px Helvetica,sans-serif; margin: 20% 0 0 5%; width: 95%; } .about_slider_right_text_detail2 { color: #FFFFFF; font: bold 16px/50px Helvetica,sans-serif; margin: 0 0 0 5%; width: 95%; } /***** detail page *****/ .widecolumn2 { width: 100%; float: left; margin-top: 50px; } .leftsection2 { width: 70%; float: left; /* display: block;*/ } .rightsection2 { width: 25%; float: left; margin-left: 5%; } .rightsection2 .cat_list { width: 100%; /* text-align: right;*/ } .rightsection2 .cat_list .cat_heading { /* width: 100%;*/ text-align: right; background-color:#8A9BAA; font:bold 16px/24px Helvetica,sans-serif; padding: 5%; color:white; } .rightsection2 .cat_list .categories { list-style: none outside none; text-align: right; padding: 5px; background-color: rgb(251,252,253); } .rightsection2 .cat_list .cat_listul { list-style: none outside none; background-color: rgb(251,252,253); color:rgb(166,190,199); text-align: right; padding: 5px; } .rightsection2 .cat_list .cat_listul li a { /* list-style: none outside none; background-color: rgb(251,252,253);*/ font:bold 12px/24px Helvetica,sans-serif; color:#8A9BAA; text-align: right; padding: 5px; } .rightsection2 .author_list { width: 100%; } .rightsection2 .author_list .author_heading { /* width: 100%;*/ text-align: right; background-color:#8A9BAA; font:bold 16px/24px Helvetica,sans-serif; padding: 5%; color:white; } .rightsection2 .author_list .author_listul { list-style: none outside none; background-color: rgb(251,252,253); color:rgb(166,190,199); text-align: right; padding: 5px; } .rightsection2 .author_list .author_listul li a { /* list-style: none outside none; background-color: rgb(251,252,253);*/ font:bold 12px/24px Helvetica,sans-serif; color:#8A9BAA; text-align: right; padding: 5px; } .border_black_blogdetail { border-bottom: 3px solid #000000; float: left; margin-bottom: 30px; padding-top: 0; width: 100%; } .author_blog .main_post_detail { /* background: none repeat scroll 0 0 #F5F8FA;*/ float: left; /* margin: 20px 0;*/ padding: 0 4%; width: 92%; } .author_blog .main_post_detail .entrytext { color: #3F3645; float: left; font: 300 18px/28px Helvetica,sans-serif; margin: 20px 0; text-align: left; width: 100%; } .author_blog .main_post_detail .post_category_detail { float: left; /* margin: 20px 0; text-align: right;*/ width: 100%; } .author_blog .main_post_detail .post_category_left { float: left; /* margin: 20px 0; text-align: right;*/ width: 50%; } .author_blog .main_post_detail .post_category_right { float: left; padding-top: 15px; /* margin: 20px 0;*/ text-align: right; width: 50%; } .author_blog .main_post_detail .post_category_right span { background: url("../images/read-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0); color: #8397A6; font: 11px/24px Helvetica,sans-serif; margin: 20px 0; padding-left: 15px; text-align: right; } .author_detail { /* float: left;*/ /* width: 100%;*/ margin: 0 0 0 85px; } .author_detail_in { float: left; margin: 0; width: 100%; } .border_black_blogdetail2 { border-bottom: 3px solid #000000; float: left; /* margin-left: 50px;*/ margin-left: 0; margin-bottom: 30px; padding-top: 0; width: 100%; } .author_desc2 { float: left; height: auto; margin: 0 3%; text-align: center; width: 60px; } .author_desc2 .author_img2 { margin: 0 auto; width: 100%; } .author_desc2 .author_img2 img { height: auto; margin: 0 auto; text-align: center; width: 100%; } .author_img2 img { border-radius: 50%; } .author_descdetail2 { margin: 0 0 0 130px; } .author_blog2 { float: left; margin: 0; width: 100%; font: 300 14px/28px Helvetica,sans-serif; } .author_name2 { color:#3F3645; /* float: left;*/ font: bold 18px/28px Helvetica,sans-serif; margin: 0; text-align: left; width: 100%; margin-bottom: 13px; } .morepostlink { float: right; font: bold 16px/28px Helvetica,sans-serif; margin-bottom: 15px; } .morepostlink a { float: right; font: bold 16px/28px Helvetica,sans-serif; color:#5B8FCB; } .morepostlink a:hover { float: right; font: bold 16px/28px Helvetica,sans-serif; color:#4C64AD; } .relatedpost { margin: 0 0 0 85px; } .related_post_in { float: left; margin: 0; width: 100%; } .relatedpost_maindiv { width: 100%; float: left; } .related_title { color: #000000; font: bold 20px/20px Helvetica,sans-serif; margin: 0 0 15px; text-align: left; width: 100%; } .relatedpost_maindiv .secondpost { width: 45%; float: left; margin-bottom: 20px; } .relatedpost_maindiv .firstpost { width: 45%; margin-right: 10%; float: left; margin-bottom: 20px; } .relatedpost_maindiv .secondpost li { list-style: none; margin-bottom: 20px; font: 300 16px/28px Helvetica,sans-serif; } .relatedpost_maindiv .secondpost li a { list-style: none; font: 300 16px/28px Helvetica,sans-serif; color : #5B8FCB; } .relatedpost_maindiv .secondpost li a:hover { color: #4C64AD; } .relatedpost_maindiv .firstpost li { list-style: none; margin-bottom: 20px; font: 300 16px/28px Helvetica,sans-serif; } .relatedpost_maindiv .firstpost li a { list-style: none; color : #5B8FCB; font: 300 16px/28px Helvetica,sans-serif; } .relatedpost_maindiv .firstpost li a:hover { color: #4C64AD; } .blog_comments { margin: 0 0 0 85px; } .about_blog_slider_right_next { display: block; background-color: #4581B5; height: 92px; color:#ffffff; /* margin: 0; position: absolute; right: 0; top: 35%; width: 100px; background-color: #4581B5; text-align: center;*/ } .about_blog_slider_right_next1 { display: block; height: 92px; margin: 0; position: absolute; right: 0; top: 35%; width: 100px; /* background-color: #4581B5;*/ text-align: center; color:#ffffff; } .about_blog_slider_right_next1 a { color: #ffffff; text-align: center; /* margin: 5px; */ font: 20px/25px Helvetica,sans-serif; } .about_blog_slider_right_prev { display: block; background-color: #4581B5; height: 92px; color:#ffffff; /* left: 0; margin: 0; position: absolute; top: 35%; width: 100px; background-color: #4581B5; text-align: center;*/ } .about_blog_slider_right_prev1 { display: block; height: 92px; left: 0; margin: 0; position: absolute; top: 46%; width: 100px; /* background-color: #4581B5;*/ text-align: center; color:#ffffff; } .about_blog_slider_right_prev1 a { color: #ffffff; text-align: center; /* margin: 5px; */ /* padding-top: 15px;*/ font: 20px/25px Helvetica,sans-serif; } .author_blog .post_time .hupso_c { /* text-align: center;*/ /* width: 60%;*/ float: right; } .author_blog .post_time .hupso-share-buttons { margin-left: 39%; /* width: 62%;*/ } .post_category_left .hupso_c { text-align: right; } .post_category_left .hupso-share-buttons { width: 66%; } /* */ /***** added by KG **************/ #basic-modal-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#000;} /* Container */ #simplemodal-container {height:10%; width:50%; color:#bbb; background-color:#FFFFFF; border:4px solid #548DCA; padding:12px;} #simplemodal-container .simplemodal-data { color: #000000; font-size: 15px; padding: 8px; text-align: center;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} /*----------COURSE PAGE CSS ADDED BY GAURAV on 03-May-2014 ------*/ /*====================Course_1==================*/ .nform1 > div{width:29%; margin-right:40px !important; box-sizing:border-box;} .nform1 > div:first-child{margin-left:0} .nform1 input[type="hidden"], .nform1 .wrapper-dropdown-1, .nform1 .wrapper-dropdown_filter-1, .nform1 .wrapper-dropdown_show-1{width:100% !important;} .nform1 .catalog_event_fild_mid{float:right !important; margin-right:0px !important} .nform1 .wrapper-dropdown_show-1 .dropdown_show{z-index:999;} .nform > form > input[type="text"],.nform > form > input[type="date"], .nform > form > select{width:13% !important; float:left; margin:1%; border:none; padding:10px 13px;} .nform > form > select{padding:18px 13px; } .nform > form > input[type="submit"]{background: url(../images/learn-arrow3.png) no-repeat scroll 90px center #8397A6; border:none; color: #FFFFFF; display: block; font: bold 15px/50px Helvetica,sans-serif; margin: 1% auto; opacity: 1; padding: 0 10px 0 30px; padding-top: 2px; text-align: left; text-decoration: none; width: 150px; float:right; text-transform:capitalize; margin-left:40px; float:left;} .nform > form > input[type="submit"]:hover{background: url(../images/learn-arrow3.png) no-repeat scroll 95px center #558DCA; color: #FFFFFF; text-decoration: none; -o-transition: color .2s ease-out, background .2s ease-in; -ms-transition: color .2s ease-out, background .2s ease-in; -moz-transition: color .2s ease-out, background .2s ease-in; -webkit-transition: color .2s ease-out, background .2s ease-in; transition: color .2s ease-out, background .2s ease-in;} #field_of_study_keyword input{margin-left:0; border:0; padding:7px 10px} .nform > div:first-child{margin-left:0} .nform > .catalog_event_fild_mid{width:29%;} .nform > .catalog_event_fild_mid input{width:100% !important;} .nform form input#title{width:13%; margin:1% 28px;padding:7px 10px;} .nform form select{padding: 17px 10px;margin:1% 0px; margin-left: 15px; margin-right:3px; } .nform form input#price{width:13%; margin:1% 15px 1% 5px;padding:7px 10px; } .nform form input#datestart{width:29% !important; margin:1% 3px; margin-left:40px;padding:7px 10px;} .nform form input#dateend{width:13%; margin:1% 3px;padding:7px 10px;} .nform .catalog_event_fild_right{width:11%; float:left; margin:1% 5px 1% 4px;} .nform #dd_sign.wrapper-dropdown_filter-1 .dropdown{display:none; list-style:none; position:absolute; top:100%;width:100%; left:0} .nform #dd_sign.wrapper-dropdown_filter-1.active .dropdown{display:block} .nform #dd_sign.wrapper-dropdown_filter-1.active .dropdown li a{ display: block; text-decoration: none; color: #9e9e9e; padding: 0px 20px; background: #e8eef2;} .nform #dd_sign.wrapper-dropdown_filter-1.active .dropdown li:hover a{ background: #8397a6; color: #FFFFFF;} .nform #dd_sign.wrapper-dropdown_filter-1{width:100%; box-sizing:border-box; padding:7px 10px;position:relative} .nform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ced6dc !important; } .nform ::-moz-placeholder{ /* Firefox 19+ */ color: #ced6dc; } .nform ::-ms-input-placeholder{ /* IE 10+ */ color: #ced6dc; } .nform ::-moz-placeholder{ /* Firefox 18- */ color: #ced6dc; } .course-m .catalog_event_fild_left{margin-left:0;} .course-m > div{width:29%; margin-right:40px !important; box-sizing:border-box;} .course-m input[type="hidden"], .course-m .wrapper-dropdown-1, .course-m .wrapper-dropdown_filter-1, .course-m .wrapper-dropdown_show-1{width:100% !important;} .course-m .catalog_event_fild_mid{float:right !important; margin-right:0px !important} .course-m .wrapper-dropdown_show-1 .dropdown_show{z-index:999;} form input#keyword{margin-left:0; padding:7px 10px; width:29% !important; margin:1% 0; cursor:auto;} form input#datestart{ cursor:auto;} #ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{z-index:9999 !important;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ form input#keyword{line-height:1;} .nform form input#datestart{line-height:1;} }