body{ margin:0; font:14px/25px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; min-width:960px; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} figure{ margin:0; padding:0; } img{border:0;} a{ color:#7c841d; text-decoration:none; } a:hover{ text-decoration:underline; color:#4d4d4f; } form, fieldset{ margin:0; padding:0; border:0; } input, textarea, select{ font:12px Arial, Helvetica, sans-serif; vertical-align:middle; outline:none; } input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner{ border: 0; padding: 0; } .avatar img{vertical-align:top;} #wrapper{ width:100%; position:relative; overflow:hidden; } #header{ overflow:hidden; margin:0 0 -72px; position:relative; } #header:after{ content:""; width:100%; height:1px; position:absolute; bottom:71px; left:0; background:#ededed; } #dropdownheader{ /*margin:0 0 -72px;*/ position:relative; min-height: 203px; } #dropdownheader:after{ content: ""; display: block; clear: both; } #dropdownheader:before{ content:""; width:100%; height:1px; position:absolute; bottom:71px; left:0; background:#ededed; } .header-holder{ width:944px; margin:0 auto; } .header-holder:after{ content:''; display:block; clear:both; } .logo{ float:left; width:190px; margin:25px 0 0 -66px; padding:0 127px 79px 98px; height:100px; text-indent:-9999px; overflow:hidden; position:relative; z-index:10; } .logo a{ display:block; height:100%; } #header .top-panel{ overflow:hidden; padding:0 2px 0 0; } .top-panel .add-nav{ float:right; padding:13px 0 0; font:800 13px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; } .top-panel .add-nav ul{ float:left; padding:0; margin:0; list-style:none; } .top-panel .add-nav li{ float:left; margin:0 0 0 17px; } .top-panel .add-nav a{color:#4d4d4f;} .top-panel .add-nav .active a, .top-panel .add-nav a:hover{ color:#c1cd23; text-decoration:none; } .top-panel .link-list{ float:right; padding:0; margin:0 0 0 21px; list-style:none; font:800 13px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } .top-panel .link-list li{float:left;} .top-panel .link-list a{ float:left; color:#fff; padding:13px 15px 15px 22px; background:#7c841d; border:solid #0; border-width:0 0 1px 1px; text-shadow:0 1px 0 #0a466b; text-decoration:none; } .top-panel .link-list a.register{ background:#c1cd23; padding:13px 9px 15px 25px; border:solid #0; border-width:0 1px 1px 0; text-shadow:0 1px 0 #1b71a6; } .top-panel .link-list a.register span{padding:0 23px 0 0;} .top-panel .link-list a span{ padding:0 15px 0 0; display:inline-block; vertical-align:top; background:url(../images/sprite_digital_marketing.png) no-repeat 100% 3px; } .top-panel .link-list a:hover{ background:#0; border-color:#0; text-decoration:none; } .top-panel .link-list a.register:hover{ background:#0; border-color:#0; } #nav{ overflow:hidden; width:584px; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:53px 0 0 9px; text-transform:uppercase; } #nav ul{ float:right; padding:0; margin:0; list-style:none; overflow:hidden; } #nav ul li{ float:left; margin:0 0 10px 29px; } #nav ul .active{margin-left:17px;} #nav ul li:first-child{margin-left:0;} #nav a{color:#4d4d4f;} #nav a:hover{ color:#c1cd23; text-decoration:none; } #nav .active a{ float:left; color:#c1cd23; padding:0 0 0 12px; background:url(../images/bg-nav.png) no-repeat 0 50%; } #main{width:100%;} #main:after{ content:''; display:block; clear:both; } #main h1{ margin:0 0 24px; font:800 30px/32px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; } #main h2{ margin:0 0 10px; font:20px/32px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } #main h3{ margin:0 0 5px; font:800 18px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; } #main h4{ margin:0; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; color:#7c841d; } .gallery{ width:100%; overflow:hidden; position:relative; z-index:1; } .gallery .frame{ width:100%; height:462px; min-width:1200px; overflow:hidden; } .gallery .slideset{ overflow:hidden; width:99999px; } .gallery .slide{ float:left; text-align:center; position:relative; } .gallery img{ vertical-align:top; width:100%; } .gallery .btn-prev{ text-indent:-9999px; overflow:hidden; position:absolute; top:190px; left:0; width:49px; height:84px; z-index:30; background:#4d4d4f url(../images/sprite_digital_marketing.png) no-repeat -409px 27px; } .gallery .btn-next{ text-indent:-9999px; overflow:hidden; position:absolute; top:190px; right:0; width:49px; height:84px; z-index:30; background:#4d4d4f url(../images/sprite_digital_marketing.png) no-repeat -478px 30px; } .gallery .text-block{ width:822px; position:absolute; top:130px; left:50%; margin:0 0 0 -339px; text-align:left; } #main .gallery h2{ margin:0 0 12px; font:300 48px/46px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; text-transform:uppercase; } *+html #main .gallery h2{line-height:50px;} .gallery h2 span{ display:inline-block; vertical-align:top; padding:1px 18px 2px 8px; background:url(../images/DigitalMarketing/bg-title.png); } *+html .gallery h2 span{display:inline;} .gallery h2 span:first-child{padding:0 18px 3px 8px;} #main .gallery h3{ margin:0 0 30px; font:800 18px/21px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:0 135px 0 2px; text-transform:uppercase; } .gallery .mark{ display:inline-block; vertical-align:top; margin:2px 0 0; background:#c1cd23; padding:0 2px; font:800 18px/18px 'Open Sans', Arial, Helvetica, sans-serif; } *+html .gallery .mark{ display:inline; line-height:22px; margin:0; } .more{ display:inline-block; vertical-align:top; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:13px 24px 16px; background:#52bdec; border-radius:5px; text-align:center; text-transform:uppercase; } *+html .more{display:inline;} .more:hover{ background:#1d7599; text-decoration:none; color:#fff; } .box-holder{ width:944px; margin:0 auto; position:relative; z-index:10; } .box-holder:after{ content:''; display:block; clear:both; } .box-holder .box{ float:left; width:202px; margin:0 0 0 18px; padding:27px 10px 48px; text-align:center; } .box-holder .box:first-child{margin:0;} .box-holder .box img{ vertical-align:top; margin:0 0 12px; } #main .box-holder .box h2{ margin:0; font:400 italic 18px/19px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; } .box-holder .box span{ display:block; padding:3px 0 0; font:800 24px/26px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; } .box-holder .box:hover{ width:202px; text-decoration:none; padding:27px 9px 47px; border:solid #d0d0d1; border-width:0 1px 1px; border-bottom-color:#c2c2c2; -webkit-box-shadow: 0px 0px 4px 0px rgba(00, 00, 00, 0.28); -moz-box-shadow: 0px 0px 4px 0px rgba(00, 00, 00, 0.28); box-shadow: 0px 0px 4px 0px rgba(00, 00, 00, 0.28); } .box-holder .box:hover h2 span{text-decoration:underline;} .section{ width:100%; border-top:1px solid #ededed; background:#f9f9f9 url(../images/DigitalMarketing/bg-section.png); } .section-holder{ width:944px; margin:0 auto; padding:26px 0 26px; } .social-section{padding:0 4px;} .social-section .heading-row{overflow:hidden;} #main .social-section h2{ display:inline-block; vertical-align:top; margin:0 7px 0 0; font:800 16px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; text-transform:uppercase; } .social-section .text{ display:inline-block; vertical-align:top; padding:2px 0 0; font:400 italic 16px/18px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; } .social-section .text a{ color:#7c841d; text-decoration:none; } .social-section .text a:hover{text-decoration:underline;} .social-box{ width:961px; padding:25px 0 32px 2px; margin:0 -4px 0 -23px; } .social-box:after{ content:''; display:block; clear:both; } .social-box .box{ position:relative; float:left; padding:18px 7px 12px 12px; width:200px; margin:0 0 0 19px; border:solid #e0e0e1; border-right-color:#cccccd; border-width:0 1px 1px; background:#fff; min-height:168px; font:14px/20px 'Open Sans', Arial, Helvetica, sans-serif; -webkit-box-shadow:0 0 9px -3px rgba(0, 0, 0, 0.65); -moz-box-shadow:0 0 9px -3px rgba(0, 0, 0, 0.65); box-shadow:0 0 9px -3px rgba(0, 0, 0, 0.65); } .social-box .box .border{ position:absolute; top:0; left:-1px; width:221px; height:6px; z-index:5; background:#c1cd23; } .social-box .box:hover .border{ background:#7c841d; } .social-box .box .meta{ overflow:hidden; font:400 12px/14px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; margin:0 0 24px; padding:0 0 0 2px; } .social-box .box .facebook{ float:left; margin:1px 3px 0 0; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat -561px 0; } .social-box .box .twitter{ float:left; margin:1px 0 0 2px; width:16px; height:14px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat -590px 0; } .social-box .box .message{ float:left; margin:2px 2px 0 0; width:16px; height:15px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat -615px 0; } .social-box .box .date{ display:inline-block; vertical-align:top; overflow:hidden; padding:0 0 5px 6px; font-style:normal; } .social-box .box p{margin:0;} .social-box .box a{color:#7c841d;} .social-box .box a:hover{color:#4d4d4f;} .section.section-1{border-bottom:1px solid #ededed;} .section.section-2{border-bottom:1px solid #dadada;} .section.section-3{margin:0 0 30px;} .section.section-3 .section-holder{padding-bottom:0;} .banner{ background:url("../images/DigitalMarketing/banner.jpg"); background-size: cover; height: 341px; color:#fff; margin: 0 0 38px; } .banner-holder{ width:374px; margin: 0 auto; padding: 42px 0 36px; } .banner-holder h2{ text-transform: uppercase; color:#fff !important; font:24px/30px 'Open Sans Extrabold', Arial, Helvetica, sans-serif !important; margin: 0 0 15px !important; } .banner-holder .our{ display: block; position: relative; font:20px/24px 'open_sansitalic', Arial, Helvetica, sans-serif !important; text-align: center; margin: 0 0 13px; } .banner-holder .our:after, .banner-holder .our:before{ content:""; position: absolute; top: 50%; left: 1px; height: 1px; width: 135px; background:#fff; margin: 2px 0 0; } .banner-holder .our:after{ left: auto; right: 8px; } .banner-holder h1{ font:70px/74px 'Open Sans Extrabold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; color:#fff !important; margin: 0 0 4px !important; } .banner-holder time{ font-size:28px; line-height: 32px; text-transform: uppercase; text-align: center; letter-spacing: 1px; display: block; margin: 0 0 27px; } .banner-holder time strong{ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; font-weight: normal; } .banner-holder .find-more{ text-align: center; display:inline-block; vertical-align:top; width: 100%; } .banner-holder .find-more a{ /* error? */ display: block; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff !important; display: inline-block; font: 800 14px/16px "Open Sans",Arial,Helvetica,sans-serif; padding: 14px 21px 15px; text-align: center; vertical-align: top; background: none repeat scroll 0 0 #52bdec; } .banner-holder .find-more a:hover{ text-decoration:none; background:#1d7599; } .video-block{ overflow:hidden; padding:33px 6px 9px 27px; } .video-block .video-holder{ float:right; position:relative; background:#fff; border:1px solid #c0c0bf; padding:9px 8px 2px; margin:50px 0 0 20px; -webkit-box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); -moz-box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); } .video-block .video-holder img{display:block;} .section-potentional .video-holder .btn-play, .video-block .video-holder .btn-play{ position:absolute; top:50%; left:50%; width:54px; height:54px; text-indent:-9999px; overflow:hidden; margin:-29px 0 0 -24px; background:url(../images/sprite_digital_marketing.png) no-repeat 0 -526px; } .video-block .holder{ overflow:hidden; padding:23px 0 0 2px; } #main .video-block h1{margin:0 0 23px;} .video-block p{margin:0 0 10px;} .video-block .mark{font-weight:700;} .video-block .btn-holder{ overflow:hidden; padding:18px 0 0; margin:0 0 0 -1px; } .btn-request{ display:inline-block; background:#7c841d; font:800 14px/17px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:13px 16px; text-align:center; text-transform:uppercase; border-radius:5px; width:225px; } *+html .btn-request{display:inline;} .btn-request em{font:400 italic 14px/17px 'Vollkorn', Arial, Helvetica, sans-serif;} .btn-request:hover{ background:#4d4d4f; text-decoration:none; color:#fff; } .btn-request.dark{background:#4d4d4f;} .btn-request.dark:hover{background:#7c841d;} .box-section{ width:944px; margin:0 auto; overflow:hidden; } .bg { background: url(../images/bg-section.png); } .box-section .holder{ margin:0 -16px 7px 0; padding:28px 0 0 4px; } .box-section .info-box { display:inline-block; vertical-align:top; margin:0 18px 26px -2px; width:260px; background:#e8ebbc; padding:16px 24px 0 16px; min-height:336px; font:13px/20px 'Open Sans', Arial, Helvetica, sans-serif; } *+html .box-section .info-box { display:inline; } .box-section .info-box.blue { background: none repeat scroll 0% 0% #A7D0EE; } .box-section .info-box.blue .info{ background:#A7D0EE; } .box-section .info-box.light-blue { background: none repeat scroll 0% 0% #D5E6F7; } .box-section .info-box.light-blue .info { background: #D5E6F7; } .box-section .info-box.dark-blue { background: none repeat scroll 0% 0% #c1cd23; } .box-section .info-box.dark-blue .info { background: #52BDEC; } .box-section .info-box.light-green { background: none repeat scroll 0% 0% #CAE6CE; } .box-section .info-box.light-green .info { background:#CAE6CE; } .box-section .info-box.jaffa { background: none repeat scroll 0% 0% #f58448; } .box-section .info-box.jaffa .info { background:#f58448; } .box-section .info-box.sandy-brown { background: none repeat scroll 0% 0% #f7ab5d; } .box-section .info-box.sandy-brown .info { background:#f7ab5d; } .box-section .info-box { background: none repeat scroll 0% 0% #CAE6CE; } .box-section .info-box.green { background:none repeat scroll 0% 0% #98d1A6; } .box-section .info-box.green .info { background:#98d1A6; } .box-section .info-box.dark-green { background-color: #7AC385; } .box-section .info-box.dark-green .info { background-color: #7AC385; } .box-section .info-box.yellow{background:#1d7599;} .box-section .info-box.orange{background:#f3763a;} .box-section .info-box.white{background:#fff;} .box-section .info-box.cream {background:#F1F4F5;} .box-section .info-box.nobg {background:none transparent;} .box-section .info-box.cream:after { content: ""; height: 310px; display: inline-block; vertical-align: middle; } .box-section .info-box .circle { background: #fff; border-radius: 100%; width: 233px; height: 233px; text-align: center; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; margin-left: 10px; overflow: hidden; } .box-section .info-box .circle .circle-wrap { padding-top: 50px; display: inline-block; vertical-align: middle; } .box-section .info-box .circle strong { display: block; text-transform: uppercase; font: 800 22px/24px 'Open Sans', Arial, Helvetica, sans-serif; } .box-section .info-box .circle em { font: italic 18px/18px 'Vollkorn', Arial, Helvetica, sans-serif; } #main .box-section .info-box h2{ margin:0 0 13px; text-transform:uppercase; font:800 16px/18px 'Open Sans', Arial, Helvetica, sans-serif; } .box-section .info-box h2 span{ display:block; padding:4px 0 0; text-transform:none; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; } .item-list{ padding:0 0 12px; margin:0; list-style:none; overflow:hidden; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .item-list li{ padding:0 0 9px 27px; background:url(../images/DigitalMarketing/bg-item-list.png) no-repeat; } .item-list .home-study{background-position:0 0;} .item-list .duration{background-position:-1000px 1px;} .item-list .price{background-position:-2000px 1px;} .item-list .classroom{background-position:-2999px 0;} .box-section .info-box .img-holder{ margin:0 -24px 0 -16px; overflow:hidden; position:relative; } .box-section .info-box .img-holder img{display:block;} .box-section .info-box .info{ position:absolute; bottom:12px; right:14px; width:76px; height:56px; padding:14px 4px; border-radius:42px; text-align:center; -webkit-box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, 0.7); -moz-box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, 0.7); box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, 0.7); } .box-section .info-box .info span{ display:block; padding:27px 0 0; font:12px/12px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; background:url(../images/DigitalMarketing/bg-item-list.png) no-repeat -3971px 0; } .box-section .info-box .info span strong{font-weight:700;} /* .box-section .info-box .info.classroom{background:#1d7599;} .box-section .info-box.orange .info.classroom{background:#f3763a;} */ .box-section .info-box .info.classroom span{background-position:-4970px 2px;} .box-section .info-box .text-holder{ display:none; } .box-section .info-box:hover .text-holder{display:block;} .box-section .info-box:hover .img-holder{display:none;} .box-section .info-box p{margin:0 0 14px;} .box-section .info-box .details{ font-weight:800; color:#4d4d4f; } .category-list{ padding:0; margin:-15px -13px 0 2px; list-style:none; overflow:hidden; border-top:1px solid #c9c9ca; } .category-list li{ border-bottom:1px solid #c9c9ca; overflow:hidden; padding:14px 0 15px; } .category-list img{ float:left; margin:0 13px 0 0; } #main .info-box .category-list h2, #main .category-list h2{ overflow:hidden; margin:0; padding:6px 0 0; font:italic 18px/18px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:none; } #main .category-list h2 a{color:#4d4d4f;} #main .category-list h2 span{ display:block; font:800 22px/24px 'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:-3px 0 0; } #main .category-list h2 a:hover{text-decoration:none;} #main .category-list h2 a:hover span{text-decoration:underline;} .bro-list{ padding:0; margin:-15px -13px 0 2px; list-style:none; overflow:hidden; } .bro-list li{ position:relative; text-align:center; overflow:hidden; padding:107px 0 15px; background: #fff; height: 235px; } .bro-list img{ float:left; margin:0 0px 0 96px; display:block; } #main .info-box .bro-list h2, #main .bro-list h2{ clear:both; overflow:hidden; margin:0; padding:6px 0 0; font:italic 18px/18px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:none; } #main .bro-list h2 a{color:#4d4d4f;} #main .bro-list h2 span{ display:block; font:800 22px/24px 'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:-3px 0 0; } #main .bro-list h2 a:hover{text-decoration:none;} #main .bro-list h2 a:hover span{text-decoration:underline;} .info-panel{ background:#e1e1e1; margin-top: -72px; } .info-panel .holder{ width:682px; padding:0 0 13px 262px; margin:0 auto; text-align:right; } .info-panel .info-list{ display:inline-block; vertical-align:top; overflow:hidden; font:italic 13px/15px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:14px 0 0; margin:0 1px 0 0; list-style:none; } .info-panel .info-list li{ float:left; margin:0 -2px 0 0; padding:0 16px 0 13px; text-align:left; position:relative; } .info-panel .info-list li:after{ content:''; position:absolute; top:3px; right:0; width:1px; height:30px; background:#4d4d4f; } #main .info-panel .info-list h2{ font: 12px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; margin:0; } #main .info-panel .info-list h2 a{color:#4d4d4f;} #main .info-panel .info-list h2 span{ display:block; word-spacing:2px; margin:0 0 -1px; font:700 13px/16px 'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; } #main .info-panel .info-list .active h2 a{ color:#7c841d; } #main .info-panel .info-list h2 a:hover{text-decoration:none;} #main .info-panel .info-list h2 a:hover span{text-decoration:underline;} #main .info-panel .info-list .active h2 a:hover, #main .info-panel .info-list .active h2 a:hover span{text-decoration:none;} .info-panel .info-list.add-navigation{ text-transform: uppercase; color: #4d4d4f; padding-top: 25px; } .info-list.add-navigation li{ font: 12px/15px 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 9px 21px; margin: 0; } .info-list.add-navigation li a{ color: #4d4d4f; } .info-list.add-navigation li a:hover{ text-decoration: none; } .info-list.add-navigation li.active a, .info-list.add-navigation li a:hover{ color:#7c841d; } .info-list.add-navigation li:after{ left: 9px; right: auto; height: 12px; top: 3px; } .info-list.add-navigation li:first-child:after{ display: none; } .detail-section{ overflow:hidden; padding:14px 6px 3px 13px; } .detail-section .detail-holder{ float:right; width:458px; margin:0 0 0 35px; } .detail-section .img-holder{ border:1px solid #c0c0bf; background:#fff; padding:9px; margin:0 0 28px; -webkit-box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); -moz-box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); } .detail-section .img-holder img{display:block;} .detail-section .detail-block{ position: relative; padding:23px 23px 97px; background:#fff; margin:0 1px; border:solid #f6f6f6; border-width:0 1px; -webkit-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.5); box-shadow: 0px -3px 8px 0px rgba(00, 00, 00, 0.21); } .detail-section .detail-block .tag-logo { position: absolute; right: -7px; top: 11px; padding: 18px 0px 0px 40px; width: 140px; height: 73px; background: url("../images/tag-bg.png") no-repeat scroll 0px 0px transparent; box-sizing: border-box; } .detail-section .detail-block .title-holder{ overflow:hidden; margin:0 0 44px; } .detail-section .detail-block .title-holder img{ float:left; margin:0 11px 0 0; } #main .detail-section .detail-block h2{ margin:0; padding:3px 0 0; font:800 18px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; } #main .detail-section .detail-block h2 span{ display:block; text-transform:none; padding:3px 0 0; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; } .detail-section .detail-block .detail-list{ margin:0 0; padding:0 5px; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-section .detail-block .detail-list dt{ float:left; padding:0 3px 0 0; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-section .detail-block .detail-list dd{ overflow:hidden; margin:0; padding:0 0 14px; } .detail-section .detail-block .detail-list dd strong{ float:left; padding:0 3px 0 0; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-section .text-holder{ padding:0 0 0 3px; overflow:hidden; } #main .detail-section .text-holder h1{ margin:0 0 21px; font:800 30px/36px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } .detail-section .text-holder p{margin:0 0 15px;} #main .detail-section .text-holder h2{ margin:0 0 15px; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:4px 0 0; } .detail-section .text-holder ul{ padding:0; margin:0 0 5px; list-style:none; font:14px/16px Arial, Helvetica, sans-serif; color:#4d4d4f; } .detail-section .text-holder ul li{ padding:0 0 14px 15px; background:url(../images/DigitalMarketing/bullet.png) no-repeat 0 4px; } .detail-section .text-holder .btn-holder{ overflow:hidden; padding:9px 20px 0 0; margin:0 0 0 -2px; } .detail-section .text-holder .more{ margin:0 5px 0 0; padding:14px 22px 15px; } .detail-section .text-holder .btn-request{ padding:13px 15px; width:220px; } .col-section{ overflow:hidden; padding:42px 0 61px; font:14px/25px Arial, Helvetica, sans-serif; } .col-section .holder{ width:938px; margin:0 auto; padding:0 0 0 6px; } .col-section .col{ float:left; width:445px; margin:0 0 0 35px; } .col-section .col:first-child{margin:0;} #main .col-section .col h2{ font:800 18px/20px 'open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; margin:0 0 3px; text-transform:uppercase; } #main .col-section .col h3{ margin:0 0 2px; font:italic 18px/30px 'Vollkorn', Arial, Helvetica, sans-serif; color:#7c841d; text-transform:none; } .col-section .col p{margin:0 0 15px;} .col-section .col ul{ padding:0; margin:0; list-style:none; } .col-section .col ul li{ padding:0 0 5px 16px; background:url("../images/DigitalMarketing/bullet.png") no-repeat -1000px 9px; } .col-section .col ul a{color:#4d4d4f;} .quote-holder{ width:944px; margin:0 auto 31px; } .quote-section{ overflow:hidden; width:862px; padding:23px 39px 17px; border:1px solid #e7e7e8; background:#fff url("../images/DigitalMarketing/bg-quote-section.png") repeat-y; -webkit-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.3); box-shadow: 0px 0px 6px 0px rgba(00, 00, 00, 0.25); } .section-quote .quote-section{ margin-bottom:64px; padding-bottom:11px; } .quote-section .title-holder{ float:left; margin:0 21px 0 0; padding:0 39px 0 0; width:223px; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; } #main .quote-section .title-holder h2{ margin:0 0 6px; padding:53px 0 0; font:800 24px/29px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; background:url("../images/DigitalMarketing/student_quote.png") no-repeat 1px 0; } .quote-section .title-holder a{color:#4d4d4f;} .quote-section blockquote{ overflow:hidden; font:italic 22px/30px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; margin:0; padding:16px 0 10px; } .quote-section blockquote q{ display:block; margin:0 0 13px; } .quote-section blockquote cite{ display:block; font:700 14px/18px 'Vollkorn', Arial, Helvetica, sans-serif; } .btn-panel{ width:942px; padding:0 0 0 2px; margin:0 auto 21px; } .btn-panel:after{ content:''; display:block; clear:both; } .btn-get{ font:800 14px/17px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; float:left; background:#c1cd23; border-radius:5px; padding:14px 25px 14px 26px; text-transform:uppercase; margin:0 14px 0 0; } .btn-get:hover{ background:#7c841d; color:#fff; text-decoration:none; } .btn-panel .social-block{ float:left; background:#7c841d; border-radius:5px; padding:13px 19px 14px 15px; } #main .btn-panel .social-block h3{ float:left; margin:0 19px 0 0; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; } .btn-panel .social-block .social-networks{ float:left; padding:0; margin:0 14px 0 0; list-style:none; } .btn-panel .social-block .social-networks li{ float:left; margin:0 7px 0 0; } .btn-panel .social-block .social-networks a{ float:left; width:19px; height:17px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat 0 -795px; } .btn-panel .social-block .social-networks .facebook{background-position:0 -795px;} .btn-panel .social-block .social-networks .twitter{ background-position:-26px -795px; width:21px; height:18px; } .btn-panel .social-block .social-networks .email{ background-position:-54px -795px; width:23px; height:18px; } .btn-panel .social-block .social-networks .facebook:hover{background-position:0 -820px;} .btn-panel .social-block .social-networks .twitter:hover{background-position:-26px -820px;} .btn-panel .social-block .social-networks .email:hover{background-position:-54px -820px;} .btn-panel .drop-block{ float:left; position:relative; } .btn-panel .drop-block .btn-open{ float:left; width:16px; height:17px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat -98px -795px; } .btn-panel .drop-block:hover .btn-open{background-position:-98px -820px;} .btn-panel .drop-block .drop-holder{ position:absolute; top:100%; left:-2px; padding:3px 0 0; z-index:50; display:none; } .btn-panel .drop-block .drop{ padding:5px 4px 8px; width:149px; font:13px/16px Arial, Helvetica, sans-serif; color:#1f5bae; background:#fff; border:1px solid #dcdddd; border-top-color:#dfe0e0; border-radius:5px; -webkit-box-shadow:inset 0px -1px 0px 0px #f4f4f4, inset 0px 1px 0px 0px #e6e6e6, inset 1px 0px 0px 0px #e4e4e4, 0px 0px 5px 0px rgba(00, 00, 00, 0.3); -moz-box-shadow:inset 0px -1px 0px 0px #f4f4f4, inset 0px 1px 0px 0px #e6e6e6, inset 1px 0px 0px 0px #e4e4e4, 0px 0px 5px 0px rgba(00, 00, 00, 0.3); box-shadow:inset 0px -1px 0px 0px #f4f4f4, inset 0px 1px 0px 0px #e6e6e6, inset 1px 0px 0px 0px #e4e4e4, 0px 0px 5px 0px rgba(00, 00, 00, 0.3); } .btn-panel .drop-block:hover .drop-holder{display:block;} .btn-panel .drop .social-list{ padding:0 6px 4px; margin:0; list-style:none; overflow:hidden; border-bottom:1px solid #d5d6d6; } .btn-panel .drop .social-list li{ overflow:hidden; padding:7px 0 0; } .btn-panel .drop .social-list li:first-child{padding:0;} .btn-panel .drop .social-list a{ color:#1f5bae; float:left; padding:0 0 1px 20px; background:url("../images/DigitalMarketing/bg-social-list.png") no-repeat 0 1px; } .btn-panel .drop .social-list a.twitter{background-position:0 1px;} .btn-panel .drop .social-list a.facebook{background-position:0 -99px;} .btn-panel .drop .social-list a.email{background-position:0 -199px;} .btn-panel .drop .social-list a.print{background-position:0 -299px;} .btn-panel .drop .social-list a.gmail{background-position:0 -399px;} .btn-panel .drop .social-list a.stumbleupon{background-position:0 -499px;} .btn-panel .drop .social-list a.favorites{background-position:0 -599px;} .btn-panel .drop .social-list a.more-1{background-position:0 -699px;} .btn-panel .drop .link-holder{ overflow:hidden; padding:9px 6px 8px; font-size:12px; line-height:16px; border-bottom:1px solid #d4d6d6; } .btn-panel .drop .link-holder a{color:#3063be;} .btn-panel .drop .holder{ overflow:hidden; font-size:10px; line-height:12px; padding:4px 1px 0 4px; } .btn-panel .drop .add{ float:left; color:#939292; padding:0 0 0 10px; background:url("../images/DigitalMarketing/bg-social-list.png") no-repeat 0 -797px; } .btn-panel .drop .privacy{ float:right; color:#939292; padding:0 15px 0 0; background:url("../images/DigitalMarketing/bg-social-list.png") no-repeat 100% -899px; } .container{ width:944px; padding:25px 0 0; } .container:after{ content:''; display:block; clear:both; } #main .container h1{ margin:0 0 16px; font:800 30px/34px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-align:center; } #main .container h2{ text-align:center; color:#4d4d4f; margin:0 0 10px; } .container-holder{ position:relative; padding:51px 0 103px; } .container-holder:after{ width:1px; height:100%; content:""; position:absolute; top:10px; left:471px; background:#a7a7a8; } .section-career .link, .container-holder .link{ position:absolute; bottom:-28px; left:50%; width:54px; height:54px; text-indent:-9999px; overflow:hidden; margin:0 0 0 -27px; z-index:50; background:url("../images/sprite_digital_marketing.png") no-repeat -740px -790px; } .container .row{ overflow:hidden; padding:5px 0 14px 7px; } .container .text-block{ display:inline-block; vertical-align:middle; position:relative; width:382px; margin:0 76px 0 21px; padding:16px 9px 16px 21px; background:#fff; word-spacing:-1px; border:1px solid #e1e1e1; border-right-color:#cbcbcb; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); } *+html .container .text-block{display:inline;} .container .text-block p{margin:0 0 6px;} .container .text-block:after{ content:''; position:absolute; top:50%; width:24px; height:35px; margin:-18px 0 0; background:url("../images/sprite_digital_marketing.png") no-repeat -155px -795px; } .container .text-block.right:after{right:-24px;} .container .text-block.left{margin:0 0 0 85px;} .container .text-block.left:after{ background-position:-189px -795px; left:-24px; } .container .text-block .divider{ position:absolute; top:50%; right:-229px; width:191px; height:1px; margin:1px 0 0; background:url("../images/divider.png") 100% 0 } .container .text-block.right .divider{right:-222px;} .container .text-block.left .divider{ left:-230px; margin:-2px 0 0; } .container .img-holder{ display:inline-block; vertical-align:middle; text-align:center; width:413px; padding:0 0 20px; } *+html .container .img-holder{display:inline;} .container .img-holder img{vertical-align:top;} .text-section{ overflow:hidden; width:944px; margin:0 auto; padding:25px 0 0; font:14px/24px Arial, Helvetica, sans-serif; } .text-section .holder{ overflow:hidden; padding:0 0 40px 30px; } .text-section .column{ float:left; width:430px; margin:0 0 0 49px; } .text-section .column:first-child{margin:0;} .text-section .column p{margin:0 0 15px;} .text-section .btn-holder{ padding:15px 0 69px; text-align:center; overflow:hidden; } .text-section .more{ padding:14px 18px 15px; margin:0 8px 0 0; width:221px; } .detail-section.tuition{padding:32px 6px 2px 27px;} .detail-section.tuition .detail-holder{margin:0 0 0 13px;} .detail-section.tuition .text-holder{ padding:22px 0 0 3px; word-spacing:-1px; } .detail-section.tuition .btn-holder{padding:11px 26px 30px 2px;} .detail-section .meet{ display:inline-block; vertical-align:top; margin:0 0 0 2px; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; } .btn-view{ display:inline-block; vertical-align:top; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:14px 18px 15px 19px; border-radius:5px; text-align:center; text-transform:uppercase; margin:0 12px 0 0; background:#c1cd23; } *+html .btn-view{display:inline;} .btn-view:hover{ background:#7c841d; text-decoration:none; color:#fff; } .slide-container{ margin:0 auto; padding:29px 0 29px 20px; position:relative; width:912px; } .slide-container .tutors-gallery{ border-bottom:2px solid #dfdfdf; margin:0 0 25px; padding:0 12px 10px; position:relative; } .slide-container .mask{ overflow:hidden; position:relative; z-index:1; } .slide-container .mask .slideset{ float:left; width:99999px; } .slide-container .mask .slide{ float:left; padding:0 20px 20px; text-align:center; width:256px; } .tutors-list .avatar, .slide-container .slide .avatar{ border:15px solid #e8ebbc; /* #d6efff; */ border-radius:94px; display:block; margin:0 auto 21px; position:relative; width:158px; } .tutors-list .item-active .avatar, .tutors-list .avatar.active{border-color:#c1cd23;} .tutors-list .avatar img, .slide-container .slide .avatar img{ border-radius:79px; } /** here */ .tutors-list .avatar .hover-box, .slide-container .slide .avatar .hover-box{ background: rgba(124, 132, 29,0.8); border-radius:94px; left:-9999px; position:absolute; top:-9999px; } .tutors-list .avatar:hover .hover-box, .slide-container .slide .avatar:hover .hover-box{ bottom:-15px; left:-15px; right:-15px; top:-15px; } .tutors-list .avatar .hover-box span, .slide-container .slide .avatar .hover-box span{ background:url("../images/sprite_digital_marketing.png") no-repeat -800px -790px; height:38px; left:50%; margin:-18px 0 0 -18px; overflow:hidden; position:absolute; text-indent:-9999px; top:50%; width:38px; } #main .tutors-list h2, #main .slide-container .slide h2{ font-size:16px; font-weight:800; line-height:20px; margin:0 0 4px; text-transform:uppercase; } #main .slide-container .slide h2 a{ color:#4d4d4f; } .tutors-list .profession, #main .slide-container .slide .profession{ font:italic 18px/20px 'Vollkorn', serif; } .slide-container .btn-prev, .slide-container .btn-next{ background:url("../images/sprite_digital_marketing.png") no-repeat -840px -790px; height:43px; left:-5px; overflow:hidden; position:absolute; text-indent:-9999px; top:67px; width:25px; z-index:10; } .slide-container .btn-next{ background-position:-870px -790px; left:auto; right:-5px; } .slide-container .button-holder{ text-align:center; } .slide-container .button-holder a{ border-radius:6px; color:#fff; display:inline-block; font-size:14px; font-weight:900; line-height:16px; min-width:158px; padding:14px 10px 15px; text-transform:uppercase; vertical-align:top; } .area{ background:#f6f6f6; font:14px/25px Arial, Helvetica, sans-serif; margin:0 0 -7px; padding:51px 0 53px; } .area-holder{ margin:0 auto; width:918px; } #main .area h2{ margin:0; font:20px/30px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } #main .area h3{ margin:0 0 44px; text-align:center; } .area-frame{ padding:0 5px 0 0; } .area-frame:after{ content:''; display:block; clear:both; } .area .block{ float:right; width:371px; padding:47px 31px 89px; margin:6px 0 0 50px; background:#fff; border:1px solid #ededed; -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.4); } #main .area .block h2{ margin:0 0 19px; font:20px/30px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; } .area .block .option-list{ padding:0; margin:0; list-style:none; overflow:hidden; font:16px/25px 'Open Sans', Arial, Helvetica, sans-serif; } .area .block .option-list li{ padding:0 0 20px 48px; background:url("../images/DigitalMarketing/tutor_tick_box.png") no-repeat 0 10px; } .area .holder{ overflow:hidden; padding:0 0 0 2px; } .area p{margin:0 0 15px;} .area .btn-holder{ padding:23px 16px 0 0; margin:0 0 0 -1px; } .area .btn-holder .btn-view{margin:0 7px 0 0;} .enroll-block{ position:relative; text-align:center; padding:14px 201px 41px 195px; font:14px/25px 'Open Sans', Arial, Helvetica, sans-serif; } #main .enroll-block h1{margin:0 0 24px;} #main .enroll-block h2{margin:0 0 9px;} .enroll-block p{margin:0 0 14px;} .enroll-block .link-list{ padding:0 0 0 2px; display:inline-block; vertical-align:top; margin:0; list-style:none; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; } .enroll-block .link-list li{ float:left; padding:0 10px 2px 13px; background:url("../images/separator-2.png") no-repeat 0 3px; } .enroll-block .link-list li:first-child{background:none;} .enroll-block .link-list a{color:#7c841d;} .section-tutors .link, .land-banner .link, .section-about .link, .enroll-block .link{ position:absolute; bottom:-27px; left:50%; width:54px; height:54px; margin:0 0 0 -28px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat -296px -795px; } .table-holder{ position:relative; width:913px; padding:29px 0 82px 31px; margin:0 auto 30px; z-index:10; } .info-table{ width:100%; margin:0 0 28px; border-collapse:collapse; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .info-table .head td{ border-color:#fff; padding:15px 0; } .info-table .head td+td .text{margin:0 0 0 6px;} .info-table .head td+td+td .text{margin:0 4px 0 0;} .info-table .text{ display:inline-block; text-transform:uppercase; font:800 12px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; background:#717172; border-bottom:1px solid #969697; width:79px; padding:3px 5px 2px; border-radius:5px; } .info-table td{ padding:9px 11px 13px; width:444px; vertical-align:middle; border:solid #ddeaf0; border-width:0 1px 1px 0; } .info-table .tag-logo { float:right; z-index: 9999; margin-top:-10px; } .info-table td+td{ width:142px; text-align:center; } .info-table td+td+td{ width:87px; text-align:center; } .info-table td+td+td+td{ width:117px; text-align:center; border-width:0 0 1px 0; } .info-table .mark td{background:#f6fcfe;} #main .info-table h2{ margin:0 0 4px; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; word-spacing:-2px; } .info-table .list{ padding:0; margin:0; list-style:none; overflow:hidden; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } .info-table .list li{ float:left; padding:0 10px 3px 12px; background:url("../images/separator-3.png") no-repeat 0 3px; } .info-table .list li:first-child{ background:none; padding-left:0; } .info-table .list a{color:#4d4d4f;} .info-table .list .course{ padding:0 0 0 18px; background:url("../images/DigitalMarketing/bg-course.png") no-repeat 0 5px; } .btn-enroll{ display:inline-block; vertical-align:top; font:800 14px/17px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; margin:-2px 0 0; padding:9px 16px 10px 17px; background:#c1cd23; border-bottom:1px solid #0; border-radius:5px; text-transform:uppercase; } .btn-enroll:hover{ color:#fff; text-decoration:none; background:#7c841d; border-bottom-color:#0; } .table-holder .holder{ overflow:hidden; font:14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:0 89px 0 12px; } .btn-download{ display:inline-block; vertical-align:top; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:10px 10px; text-transform:uppercase; background:#f58025; border-radius:5px; min-width:252px; text-align:center; border-bottom:1px solid #b8debe; } .btn-download:hover{ text-decoration:none; color:#fff; } .table-holder .btn-download{ float:right; margin:5px 0 0 30px; } .table-holder .holder p{margin:0;} .table-holder .btn-like{ position:absolute; bottom:-30px; left:50%; margin:0 0 0 -28px; width:54px; height:54px; text-indent:-9999px; overflow:hidden; z-index:30; background:url("../images/sprite_digital_marketing.png") no-repeat -360px -795px; } .program-section{ background:#f6f6f6; margin:-31px 0 59px; padding:60px 0 47px; position:relative; } .program-section .holder{ width:944px; margin:0 auto; } #main .program-section h2{ margin:0 0 38px; text-align:center; font:20px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } .program-section .frame{width:100%;} .program-section .frame:after{ content:''; display:block; clear:both; } .program-holder{ float:right; width:434px; margin:0 0 0 66px; padding:7px 3px 0 0; } .program-block{ margin:0 0 20px; padding:25px 27px 17px; background:#fff; min-height:130px; -webkit-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.5); box-shadow: 0px 0px 6px 0px rgba(00, 00, 00, 0.44); } .program-block img{ float:left; margin:0 10px 0 0; } .program-block .text-holder{ overflow:hidden; padding:3px 0 0; } #main .program-block h3{ margin:0 0 5px; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:none; } .program-block p{margin:0 0 10px;} .program-section .text-block{ overflow:hidden; padding:0 0 0 32px; } .program-section .text-block p{margin:0 0 15px;} .program-section .btn-search{ position:absolute; bottom:-26px; left:50%; margin:0 0 0 -28px; width:54px; height:54px; text-indent:-9999px; overflow:hidden; background:url("../images/sprite_digital_marketing.png") no-repeat -425px -795px; } .compare-block{ overflow:hidden; width:915px; padding:0 0 63px 29px; margin:0 auto; } #main .compare-block h2{ margin:0 0 44px; font:20px/22px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-align:center; } .compare-block .text-holder{overflow:hidden;} .compare-block .text-holder .holder{ float:left; width:430px; margin:0 0 0 53px; } .compare-block .text-holder .holder:first-child{margin:0;} .compare-block .text-holder p{margin:0;} .table-section{ overflow:hidden; width:913px; margin:0 auto; padding:0 0 0 31px; font:12px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-align:center; } .detail-table{ text-align:left; width:879px; padding:0 0 30px; font:700 12px/14px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-table .row{overflow:hidden;} .detail-table .row .col{ float:left; width:125px; position:relative; text-align:center; padding:9px 10px; height:47px; border-right:1px solid #ddeaf0; background:url("../images/DigitalMarketing/bg-col.png") repeat-x 0 100%; } .detail-table .row .col:first-child{ width:269px; padding:9px 12px; text-align:left; font:700 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-table .row .col.col-1{width:126px;} .detail-table .row.mark .col{background:#f6fcfe url("../images/DigitalMarketing/bg-col.png") repeat-x 0 100%;} .detail-table .row .col .holder{ display:table; width:100%; height:100%; } .detail-table .row .col .frame{ display:table-cell; vertical-align:middle; } .detail-table .row .col .text{ display:block; text-align:center; font:400 12px/15px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-table .row .col.active{z-index:100;} .detail-table .row .col.active:after{ position:absolute; top:0; left:-7px; content:""; width:7px; height:100%; z-index:50; background:url("../images/DigitalMarketing/bg-shadow.png") repeat-y; } .detail-table .row .col.active:before{ position:absolute; top:0; right:-7px; content:""; width:7px; height:100%; z-index:50; background:url("../images/DigitalMarketing/bg-shadow.png") repeat-y -9px 0; } .detail-table .head{ font:800 12px/14px 'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:7px 0 0; } .detail-table .head .col{ border:0; height:86px; width:145px; border-radius:5px 5px 0 0; padding:0; } .detail-table .head .col:first-child{ padding:0 12px; width:270px; } .detail-table .head .col.col-1{width:147px;} .detail-table .head .col.active{ -webkit-box-shadow:0px 0px 7px 0px rgba(00, 00, 00, 0.6); -moz-box-shadow:0px 0px 7px 0px rgba(00, 00, 00, 0.6); box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.6); } .detail-table .head .col.active:after, .detail-table .head .col.active:before{display:none;} .detail-table .img{display:block;} .detail-table .row.last{ overflow:visible; width:100%; } .detail-table .row.last:after{ content:''; display:block; clear:both; } .detail-table .shadow{ position:absolute; bottom:-20px; left:-7px; width:159px; height:20px; background:url("../images/DigitalMarketing/bg-shadow-b.png") no-repeat; } .table-section .caption-holder{padding:12px 91px 84px 51px;} .table-section .caption-holder p{margin:0;} #main .enroll-block.enrollform h2{margin:0 0 13px;} .enroll-block.enrollform .link{ margin:0 0 0 -27px; bottom:-26px; } .info-section{ width:916px; margin:0 auto; padding:20px 0 42px 28px; overflow:hidden; font:16px/19px 'Open Sans', Arial, Helvetica, sans-serif; } .info-section .info{ float:left; margin:0 23px 0 0; padding:12px 20px 11px; width:392px; background:#fff; border:solid #fff; border-width:1px 0 0 1px; text-align:center; color:#4d4d4f; -webkit-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.2); -moz-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.2); box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.2); } .info-section .info.active{ text-decoration:none; color:#fff; background:#c1cd23; /* border:solid #7c841d; */ } #main .info-section .info.active h2{color:#fff;} .info-section .info:hover{text-decoration:none;} .info-section .info .holder{ display:table; height:104px; width:100%; } .info-section .info .frame{ display:table-cell; vertical-align:middle; } #main .info-section .info h2{ margin:0 0 15px; text-transform:uppercase; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .info-section .info .price{ display:block; margin:-10px 0 7px; font:800 30px/34px 'Open Sans', Arial, Helvetica, sans-serif; } .info-section .info .text{ font:italic 13px/15px 'Vollkorn', Arial, Helvetica, sans-serif; display:block; margin:0 0 7px; } .info-section .info .text-1{ font:italic 16px/18px 'Vollkorn', Arial, Helvetica, sans-serif; display:block; margin:0 0 6px; } .info-section .info p{margin:0 0 13px;} .info-section .info p strong{font-weight:800;} .detail-form{ width:944px; margin:0 auto; font:16px/18px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-form .holder{ margin:0 0 87px; overflow:hidden; } #main .detail-form h2{ margin:0 0 37px; text-align:center; text-transform:uppercase; font:20px/24px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-form h2 span{font-weight:800;} .detail-form .row{ padding:1px 0 0 72px; width:872px; margin:0 0 9px; position:relative; } .detail-form .row:after{ content:''; display:block; clear:both; } .detail-form label{ float:left; width:195px; padding:6px 16px 0 0; text-align:right; } .detail-form .select-row{overflow:hidden;} .detail-form select{ float:left; width:97px; } .detail-form select.long{width:375px;} .detail-form input[type="text"]{ float:left; width:355px; height:18px; padding:7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .detail-form input[type="password"]{ float:left; width:355px; height:18px; padding:7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .detail-form input[type="text"].focus{ border-color:#656566; -webkit-box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; } .detail-form input[type="password"].focus{ border-color:#656566; -webkit-box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; } .detail-form .error input[type="text"]{ border-color:#69c6ef; -webkit-box-shadow: inset 0px -1px 0px 0px #dcf2fb, 0px 0px 0px 1px #e0f3fc, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #dcf2fb, 0px 0px 0px 1px #e0f3fc, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #dcf2fb, 0px 0px 0px 1px #e0f3fc, 0px 1px 0px 0px #fff; } .detail-form input[type="text"].short{width:77px;} .detail-form .error-caption{ display: none; left: 246px; top: 0; margin: 0 0 0 0; position: relative; background: #f3763a; font: bold 12px/14px Arial, Helvetica, sans-serif; color: #fff; width: 254px; /* display: table; */ border-radius: 4px } .detail-form .error .error-caption{ display: block;} .detail-form .error-caption p{margin:0;} .detail-form .error-caption p{margin:0;} .detail-form .error-caption .caption-holder{ position:relative; padding:5px 5px 5px 12px; margin:10px; } .detail-form .error-caption .caption-holder:after{ content:""; display: block; width: 0; height: 0; position:absolute; border: 5px solid transparent; border-top-color: #f3763a; bottom:-10px; left:5px; z-index:1; } .detail-form .error-payment .error-info{display: block;} .detail-form .error-info{ font-size: 12px; line-height: 16px; border-radius: 3px; position: relative; background: #f3763a url(../images/ico-info.png) no-repeat 15px 11px; padding: 10px 10px 9px 54px; color: #fff; font-weight: bold; width: 314px; margin: 0 0 18px 209px; display: none; } .payment-block.error-payment .select-area, .payment-block.error-payment input[type="text"]{border-color: #f58e5d;} .detail-form .error-info:after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0; border-color: #f3753a transparent transparent; position: absolute; top: 100%; left: 21px; } .detail-form .link-info{ float:left; width:26px; height:25px; margin:4px 0 0; text-indent:-9999px; overflow:hidden; background:url(../images/sprite_digital_marketing.png) no-repeat -38px -848px; } .detail-form .option{ float:left; color:#c1cd23; font-size:14px; padding:9px 0 0; line-height:16px; } .detail-form .frame{ overflow:hidden; padding:28px 0 0 282px; } .detail-form .check-row{ overflow:hidden; margin:0 0 36px 1px; } .detail-form .check-row input[type="checkbox"]{ float:left; width:15px; height:15px; margin:2px 13px 0 0; padding:0; } .detail-form .check-row label{ width:auto; font-size:14px; line-height:16px; padding:0; } .detail-form .feedback-row{ overflow:hidden; margin:0 0 36px 1px; } .detail-form .feedback-row input[type="radio"]{ margin:0px 13px 2px 0; padding:0; } .detail-form .feedback-row label{ width:950px; line-height:34px; padding:0; text-align:center; } .detail-form .feedback-row textarea{ padding:7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .detail-form .check-row label a{ color:#7c841d; text-decoration:none; } .detail-form .check-row label a:hover{ color:#4d4d4f; text-decoration:underline; } .detail-form .submit-holder{ overflow:hidden; margin:0 0 40px; } .detail-form input[type="submit"]{ float:left; width:142px; height:45px; background:#c1cd23; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-align:center; cursor:pointer; border:0; padding:0; margin:0 0 0 1px; text-transform:uppercase; border-radius:5px; } .detail-form input[type="submit"]:hover{background:#7c841d;} .detail-form .line{ overflow:hidden; padding:0 0 1px 2px; } .detail-form .ico-list{ float:left; padding:0; margin:0; list-style:none; } .detail-form .ico-list li{ float:left; margin:0 16px 0 0; } .detail-form .ico-list img{display:block;} .detail-form .pay-list{ padding:11px 0 0 1px; margin:0; list-style:none; float:left; } .detail-form .pay-list li{ float:left; margin:0 5px 0 0; } .detail-form .pay-list a{display:block;} .enroll-block.contact{padding:14px 201px 43px 198px;} .btn-message{ position:absolute; bottom:-27px; left:50%; width:54px; height:54px; text-indent:-9999px; overflow:hidden; margin:0 0 0 -27px; background:url(../images/sprite_digital_marketing.png) no-repeat -488px -795px; } .contact-section{ width:939px; padding:66px 0 0 2px; margin:0 auto 40px; font:14px/25px 'Open Sans', Arial, Helvetica, sans-serif; } .contact-section:after{ content:''; display:block; clear:both; } #main .contact-section h2{ margin:0 0 43px; font:20px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } #main .contact-section .contact-info h2{margin-left:-3px;} .contact-section .contact-info{ float:left; width:270px; padding:10px 0 0 2px; margin:0 48px 0 0; position:relative; } #main .contact-section .contact-info span.bold { font-weight: 800; } .contact-section .holder{ border-left: #cdcdcd solid 1px; padding-left: 38px; } .contact-map { width: 939px; background:#fff; margin:0 auto 15px; padding:6px 5px 5px; display: block; -webkit-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.5); -moz-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.5); box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.5); height: 342px; } #map_canvas { height: 342px; width: 939px; display:block; } #main .map-info address { font: 14px/25px 'Open Sans', Arial, Helvetica, sans-serif; font-style: normal; } #main .map-info h4 { margin:0 0 5px; text-transform:uppercase; color:#c1cd23; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; font-style: normal; } #main .contact-section .contact-info h3{ font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; margin:0 0 19px; text-transform:none; } #main .contact-section .contact-info h4{ margin:0 0 5px; text-transform:uppercase; color:#c1cd23; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .contact-section .contact-info address{ margin:0 0 14px; font-style:normal; } .contact-section .contact-info a{ color:#c1cd23; } .contact-section .contact-info a:hover { text-decoration:underline; color:#4d4d4f; } .contact-section .mixcase { font: italic 12px/14px 'Vollkorn', Arial, Helvetica, sans-serif; text-transform: none; } .contact-section .smaller { font-size: smaller; } .contact-section .holder{ overflow:hidden; } .contact-form{ overflow:hidden; font:16px/18px 'Open Sans', Arial, Helvetica, sans-serif; } #main .contact-form h2{padding:10px 0 0 129px;} .contact-form .row{ overflow:hidden; padding:1px 0 9px; } .contact-form label{ float:left; width:114px; text-align:right; padding:8px 16px 0 0; } .contact-form input[type="text"]{ float:left; width:355px; height:18px; padding:7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .contact-form textarea{ float:left; width:362px !important; height:207px !important; padding:7px 3px 7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; overflow:auto; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .contact-form .submit-holder{ overflow:hidden; padding:26px 0 0 129px; } .contact-form input[type="submit"]{ float:left; width:142px; height:45px; text-align:center; text-transform:uppercase; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; background:#c1cd23; border-radius:5px; border:0; cursor:pointer; margin:0; padding:0; color:#fff } .contact-form input[type="submit"]:hover{background:#7c841d;} .video-block.faq{padding:33px 6px 55px 27px;} #main .video-block.faq h1{text-transform:none;} .video-block.faq .btn-holder{padding:21px 0 0 1px;} .video-block.faq .btn-holder .btn-get{padding:13px 34px 15px 35px;} .faq-block{ overflow:hidden; width:910px; margin:0 auto; padding:46px 0 131px 20px; } .faq-block .faq-list{ border-top:1px solid #c9c9ca; list-style:none; line-height:24px; margin:0; padding:0; } .faq-block .faq-list li{ border-bottom:1px solid #c9c9ca; overflow:hidden; padding:13px 32px 15px; vertical-align:top; } #main .faq-block .faq-list h2{ font-size:16px; font-weight:800; line-height:24px; margin:0; text-transform:uppercase; } .faq-block .faq-list h2 a{ background:url(../images/DigitalMarketing/arrow01.png) no-repeat 0 8px; color:#4d4d4f; padding:0 0 0 55px; } .faq-block .faq-list .active h2 a{background-position:0 -92px;} #main .faq-block .faq-list .slide{ padding:36px 83px 5px 54px; } #main .faq-block .faq-list h3{ font-size:20px; font-weight:400; line-height:24px; margin:0 0 21px; text-transform:none; } #main .faq-block .faq-list p{margin:0 0 27px;} .enroll-block.testimonials{padding:29px 201px 57px;} .btn-testimonials{ position:absolute; bottom:-28px; margin:0 0 0 -28px; left:50%; width:54px; height:54px; text-indent:-9999px; overflow:hidden; background:url(../images/sprite_digital_marketing.png) no-repeat -550px -795px; } .testimonials-block{ width:912px; padding:33px 0 24px 32px; margin:0 auto; } .testimonials-block .block{ padding: 12px 13px 18px 19px; margin: 1px 0px 30px; text-indent: 0px; font-size: 14px; line-height: 25px; border-radius: 1px; display: inline-block; background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.55); -moz-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.55); width: 405px; } .testimonials-block .block .replied { font-size: 14px; line-height: 25px; background: #F4F4F4 none repeat scroll 0% 0%; margin: 25px -13px -18px -19px; padding: 14px 18px 33px; color: #717172; } .testimonials-block p{margin:0 0 11px;} .testimonials-block footer{ margin:0 0 0 -6px; } .quote-section blockquote cite .avatar, .testimonials-block footer .avatar{ border:8px solid #7c841d; border-radius:49px; display:inline-block; margin:0 7px 0 0; overflow:hidden; vertical-align:middle; } .testimonials-block .by { display: inline-block; vertical-align: top; font-weight: 800; text-indent: 0px; padding: 0px 4px 0px 0px; } .testimonials-block .block .replied .name { display: block; } .testimonials-block .block strong.title { font-size: 15px; line-height: 25px; display: block; font-weight: 800; text-transform: uppercase; margin: 0px 0px 11px; } .good, .excellent { color: #7AC285; } .bad, .poor { color: #F05B61; } .blog-title{ overflow:hidden; padding:0 0 2px 339px; margin:-5px 0 0; } #main .blog-title h1{ font:18px/35px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; margin:0; } #main .blog-title h1 strong{ display:block; margin:-3px 0 0; font:800 30px/32px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } .post-section{ width:923px; margin:0 auto; padding:3px 0 42px 21px; } .post-section .post{ position:relative; overflow:hidden; padding:38px 0 39px 10px; } .post-section .post:after{ content:""; position:absolute; bottom:0; left:10px; width:881px; height:5px; background:#ebf6fd; } .post-section .post .img-holder{ float:left; padding:5px; margin:0 39px 0 0; border:1px solid #d0d0d1; -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.37); box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.37); } .post-section .post .img-holder img{display:block;} .post-section .post .holder{ overflow:hidden; } .post-section .post .date{ font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; display:block; margin:0 0 13px; } #main .post-section .post h2{ text-transform:uppercase; font:800 20px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#c1cd23; margin:0 0 11px; } #main .post-section .post h2 a{color:#c1cd23;} #main .post-section .post h2 a:hover{ color:#4d4d4f; text-decoration:none; } .post-section .post .by{ display:inline-block; vertical-align:top; margin:0 0 22px; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; color:#7c841d; } .post-section .post .by a:hover{color:#7c841d;} .post-section .post p{margin:0 0 10px;} .paging{ width:864px; padding:0 40px 78px; margin:0 auto; overflow:hidden; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; text-align:right; text-transform:uppercase; } .paging ul{ float:right; padding:0 13px 0 9px; margin:0; list-style:none; } .paging ul li{ float:left; padding:0 8px 3px 7px; background:url(../images/separator-4.png) no-repeat 100% 2px; } .paging a{color:#4d4d4f;} .paging a:hover{ color:#c1cd23; text-decoration:none; } .paging .current{font-weight:800;} .paging .btn-prev{ float:right; padding:0 0 0 14px; background:url(../images/DigitalMarketing/bg-paging.png) no-repeat 0 3px; } .paging .btn-next{ float:right; padding:0 12px 0 0; background:url(../images/DigitalMarketing/bg-paging.png) no-repeat 100% -136px; } .main-holder{ width:944px; margin:0 auto; padding:78px 0 0; } #twocolumns{ overflow:hidden; padding:0 20px 46px 32px; } #content{ overflow:hidden; padding:6px 0 0; } .article-block{ overflow:hidden; word-spacing:0px; } .article-block .date{ display:block; margin:0 0 14px; word-spacing:0; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } #main .article-block h2{ font:800 30px/34px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; word-spacing:0; text-transform:uppercase; } .article-block .by{ display:block; margin:0 0 23px; color:#7c841d; word-spacing:0; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; } .article-block .holder{ padding:0 0 14px; font:16px/28px 'Open Sans', Arial, Helvetica, sans-serif; } .article-block p{margin:0 0 10px;} .article-holder{ overflow:hidden; margin:0 31px 51px; background:url(../images/divider-1.png) repeat-x; } .article-holder .holder{ float:left; padding:18px 0 0; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; } .article-holder .holder.right{ float:right; text-align:right; } .article-holder .btn-prev{color:#4d4d4f;} .article-holder .article-list{ padding:7px 0 0; margin:0; list-style:none; font:800 20px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#c1cd23; width:400px; } .article-holder .article-list a{color:#c1cd23;} .facebook-holder{ overflow:hidden; padding:0 0 42px 32px; } .facebook-holder img{display:block;} .enroll-block.accreditation{padding:29px 200px 40px;} .btn-accreditation{ position:absolute; bottom:-28px; left:50%; margin:0 0 0 -28px; width:54px; height:54px; text-indent:-9999px; overflow:hidden; background:url(../images/sprite_digital_marketing.png) no-repeat -613px -795px; } .partner-info{ padding:0 10px 0 24px; margin:-27px 0 43px; list-style:none; } .partner-info li{ overflow:hidden; padding:0 0 36px; } .partner-info .img-holder{ display:inline-block; vertical-align:middle; width:189px; height:98px; margin:0 19px 0 0; padding:44px 17px 43px 0; text-align:center; background:url(../images/DigitalMarketing/bg-img-holder.png) no-repeat; } .partner-info .img-holder:hover{background-position:-256px 0;} *+html .partner-info .img-holder{display:inline;} .partner-info .holder{ display:inline-block; vertical-align:middle; width:681px; } *+html .partner-info .holder{display:inline;} #main .partner-info h2{ margin:0 0 13px; font:20px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } #main .partner-info h2 a{color:#4d4d4f;} .partner-info p{margin:0;} .main-holder .btn-holder{padding:0 0 33px 30px;} .main-holder .btn-holder .btn-get{padding:13px 34px 15px;} #sidebar{ float:right; width:272px; margin:0 0 0 33px; padding:9px 11px 0 0; } #sidebar .img-holder{ display:inline-block; vertical-align:top; padding:5px; margin:0 0 19px; border:1px solid #d0d0d1; -webkit-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.5); box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.5); } #sidebar .img-holder img{display:block;} #sidebar .category-list{ margin:0; border:0; } #sidebar .category-list h2 span{margin:1px 0 0;} #sidebar .category-list li{padding:20px 1px 21px;} .partner-section{ width:944px; margin:0 auto; padding:31px 0 52px; } .partner-section .title-holder{ overflow:hidden; padding:0 4px 33px; font:400 italic 16px/18px 'Vollkorn', Arial, Helvetica, sans-serif; color:#4d4d4f; } .partner-section .title-holder .title{ display:inline-block; vertical-align:top; margin:0 8px 0 0; font:800 16px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#7c841d; text-transform:uppercase; } .partner-section .title-holder .text{ display:inline-block; vertical-align:top; padding:2px 0 0; } .partner-section .partner-list{ padding:0 0 0 4px; margin:0; list-style:none; overflow:hidden; text-align:center; display:table; background:url(../images/separator.png) repeat-y; } .partner-section .partner-list li{ display:table-cell; vertical-align:middle; width:188px; height:94px; padding:0 0 2px; background:url(../images/separator.png) repeat-y 100% 0; } .partner-section .partner-list .hover{display:none;} .partner-section .partner-list img{ vertical-align:top; position:relative; } .partner-section .partner-list a:hover img{display:none;} .partner-section .partner-list a:hover .hover{display:inline-block;} .land-banner{ background: url("../images/DigitalMarketing/banner1.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0); color: #fff; height: 413px; margin: 0; position: relative; } .land-banner .down{ position: absolute; bottom: -25px; left: 50%; background:#f3763a; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; bottom: -25px; width: 54px; height: 54px; margin: 0 0 0 -27px; display: block; text-indent: -9999px; overflow: hidden; } .land-banner .down:after{ content:""; position: absolute; background:url(../images/sprite_digital_marketing.png) no-repeat -563px -48px; width: 28px; height: 17px; bottom: 16px; margin: 0 0 0 -14px; left: 50%; } .land-banner .down:hover{opacity: .7;} .land-banner-holder{ margin: 0 auto; padding: 44px 0 44px; width: 366px; } .land-banner-holder h2{ color: #fff !important; font: 24px/30px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; margin: 0 0 15px !important; text-transform: uppercase; } .land-banner-holder .our{ display: block; position: relative; font:20px/24px 'open_sansitalic', Arial, Helvetica, sans-serif !important; text-align: center; margin: 0 0 13px; } .land-banner-holder .our:after, .land-banner-holder .our:before{ content:""; position: absolute; top: 50%; left: 1px; height: 1px; width: 135px; background:#fff; margin: 2px 0 0; } .land-banner-holder .our:after{ left: auto; right: 8px; } .land-banner-holder h1{ font:70px/74px 'Open Sans Extrabold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; color:#fff !important; margin: 0 0 29px !important; } .land-banner-holder .banner-box{ border:3px solid #fff; width:335px; margin: 0 auto; padding: 5px 5px 10px; } .land-banner-holder .banner-box h2{ font: 20px/34px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; color:#fff !important; text-transform: capitalize !important; text-align: center; margin: 0 0 3px !important; } .land-banner-holder time{ font-size:20px; line-height: 24px; display: block; text-align: center; margin: 0 0 8px; } .landing .main-holder{ padding: 0; } .features-block{ padding: 63px 0 55px; background:#f6f6f6; } .features-block:after{ content:""; display: block; clear: both; } .features-block-holder{ width: 944px; margin: 0 auto; } .features-block .block-holder{ text-align: center; width: 174px; float: left; margin: 0 0 0 18px; padding: 0 21px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 24px; } .features-block .block-holder:first-child{margin-left: 0;} .features-block p{margin: 0;} .features-block span{ display:inline-block; vertical-align:top; background:url("../images/sprite_digital_marketing.png"); margin: 0 0 14px; } .features-block .certified{ background-position:-596px -48px; width: 54px; height: 47px; } .features-block .tutor{ background-position:-655px -48px; width: 49px; height: 49px; margin: -1px 0 13px; } .features-block .portfolio{ background-position:-709px -48px; width: 46px; height: 53px; margin: -4px 0 12px; } .features-block .student{ background-position:-760px -48px; width: 52px; height: 39px; margin: 2px 0 20px; } .features-block .study{ background-position:-817px -48px; width: 43px; height: 53px; margin: -4px 0 12px; } .landing .book{ text-align: center; padding: 40px 0 44px; } .landing .book a{ display:inline-block; vertical-align:top; width: 225px; background:#c1cd23; text-transform: uppercase; text-align: center; padding: 14px 5px; font: 14px/18px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color:#fff; } .landing .book a:hover{ text-decoration: none; background:#1d7599; } .tutorial{ background:url("../images/tutorial.jpg"); height: 523px; width: 940px; margin: 0 0 110px; } .tutorial-holder{ color:#fff; font-size: 16px; line-height: 24px; width: 390px; margin: 0 auto; padding: 243px 0 0; text-align: center; } .tutorial-holder p{margin: 0;} .tutorial h2{ font: 24px/30px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; color:#fff !important; text-transform: uppercase; } .booking-holder{margin: 0 0 47px;} .booking-holder:after{ content:""; display: block; clear: both; } .findus{ width: 300px; float: left; margin: 0 0 0 -7px; } .findus h3{ font-weight: normal !important; text-transform: capitalize !important; font-size: 20px !important; padding: 7px 10px 7px 0; margin: 0 0 38px !important; } .findus .image-holder{ border:5px solid #fff; width: 261px; height: 222px; box-shadow: 0 0 10px rgba(0,0,0,0.5); margin: 0 0 42px 2px; } .findus .academy{ font: 14px/20px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; display: block; padding: 0 0 0 2px; margin: 0 0 14px; } .findus address{ padding: 0 0 0 2px; font-style: normal; margin: 0 0 9px; } .findus .title{ color:#c1cd23; text-transform: uppercase; font-weight: normal; display: block; padding: 0 10px 0 0; } .findus dl, .findus dd{ margin: 0; } .findus dt{ margin: 0 22px 0 0; float: left; position: relative; } .findus .email a{ color:#4d4d4f !important; display:inline-block; vertical-align:top; padding: 2px 0 0; } .findus dt:before{ content:""; position: absolute; top: 9px; right: -12px; background:#4d4d4f; width: 1px; height: 14px; } .form_landing{ width: 630px; float: right; background: #f6f6f6; margin: 0 -7px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 34px 51px 39px; } .form-heading{ text-align: center; font-size: 16px; padding: 55px 0 54px; } .form-heading .click{ width: 100%; text-align: center; margin: 0 0 13px; } .form-heading .click span{ display:inline-block; vertical-align:top; background:url(../images/sprite_digital_marketing.png); background-position: -865px -48px; width: 48px; height: 43px; } .form-heading .book-place{ font: 30px/36px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; color: #c1cd23; text-transform: uppercase; display: block; margin: 0 0 9px; } .form-heading p{margin: 0;} .book-form .row{margin: 0 0 10px;} .book-form .row:after{ content:""; display: block; clear: both; } .book-form .col{ width: 180px; float: left; } .book-form label{ font-size: 16px; line-height: 20px; display:inline-block; vertical-align:top; padding: 6px 0 0; } .book-form input[type="text"], .book-form input[type="email"], .book-form input[type="tel"]{ margin: 0; padding: 4px 10px; border:1px solid #cccbcb !important; height: 34px; width: 377px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#f6f6f6; font-size: 16px; line-height: 24px; color:#4d4d4f; -webkit-appearance: none; border-radius:0; } .book-form .select-area{ float: none; display:inline-block; vertical-align:top; border:1px solid #cccbcb !important; width: 97px !important; margin: 1px 0 0; } .book-form .select-area .center { padding: 8px 8px 10px; overflow: hidden; } .book-form .book-btn{ width: 100%; padding: 28px 0 28px 180px; } .book-form input[type="submit"]{ font: 14px/20px "Open Sans Extrabold",Arial,Helvetica,sans-serif !important; color:#fff; text-transform: uppercase; width: 142px; padding: 12px 10px 13px; display:inline-block; vertical-align:top; background:#c1cd23; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:none; cursor: pointer; -webkit-appearance: none; } .book-form input[type="submit"]:hover{opacity: .7;} .footer-holder{ background:#717172; overflow:hidden; } .footer-frame{ width:944px; margin:0 auto; padding:24px 0 38px; } #footer .contact-block{ float:left; width:421px; padding:0 60px 0 2px; font:14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; } .footer-frame .title{ display:block; margin:0 0 13px; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } #footer .contact-block p{margin:0 0 14px;} #footer .contact-block .contact-list{ padding:0; margin:0; list-style:none; overflow:hidden; font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; } #footer .contact-block .contact-list li{ float:left; margin:0 18px 0 0; } #footer .contact-block .contact-list .email{ float:left; padding:5px 0 4px 32px; color:#fff; background:url(../images/sprite_digital_marketing.png) no-repeat ; background-position: -416px -68px; z-index:1; } #footer .contact-block .contact-list a.email{ z-index:2; background:none; } #footer .contact-block .contact-list .phone{ float:left; padding:5px 0 10px 32px; background:url(../images/sprite_digital_marketing.png) no-repeat -414px -183px; } #footer .social-block{ float:left; width:266px; padding:0 10px 0 1px; } #footer .social-block .social-networks{ padding:6px 0 24px; margin:0; list-style:none; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; } #footer .social-block .social-networks li{ float:left; margin:0 15px 0 0; } #footer .social-block .social-networks a{ color:#fff; padding:0 0 0 20px; background:url(../images/sprite_digital_marketing.png) no-repeat 0 -224px; } #footer .social-block .social-networks .facebook{ padding:0 0 0 24px; background-position:0 -224px; } #footer .social-block .social-networks .twitter{ background-position:0 -324px; padding:0 0 0 21px; } #footer .social-block .social-networks .watch{background-position:0 -425px;} #footer .social-block .newsletter-form{ overflow:hidden; background:#4d4d4f; border:solid #676769; border-width:1px 0; border-bottom-color:#525254; border-radius:5px; width:211px; margin:0 0 0 -2px; padding:0 0 0 9px; } #footer .social-block .newsletter-form input[type="text"]{ float:left; width:171px; margin:0 10px 0 0; padding:5px 0; height:15px; font:12px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; border:0; background:none; outline:none; } #footer .social-block .newsletter-form input[type="submit"]{ float:left; width:29px; height:25px; border:solid #6f6f70; border-width:0 0 0 1px; text-align:left; text-indent:-9999px; overflow:hidden; cursor:pointer; background:url(../images/sprite_digital_marketing.png) no-repeat -669px 7px; font-size:0; line-height:0; } #footer .list-holder{ overflow:hidden; padding:2px 0 0 1px; } #footer .list-holder ul{ font:12px/14px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; list-style:none; text-transform:uppercase; } #footer .list-holder ul li{padding:0 0 10px;} #footer .list-holder ul a{color:#fff;} #footer .bottom-panel{ background:#4d4d4f; overflow:hidden; font:12px/14px Arial, Helvetica, sans-serif; color:#fff; } #footer .bottom-panel .holder{ width:941px; margin:0 auto; padding:13px 0 17px 3px; } #footer .bottom-panel .by{ float:right; margin:-2px 2px 0 0; } #footer .bottom-panel .by a{color:#fff;} #footer .bottom-panel .by a:hover{text-decoration:underline;} #footer .bottom-panel p{margin:0;} .popup-holder{ position: relative; height: 0; overflow:hidden; } .visible .popup-holder{ height: auto; } #popup2.popup.lightbox, #popup3.popup.lightbox, .popup { width:780px; position:relative; padding:67px 0 69px; margin:0 auto; background:#fff url(../images/DigitalMarketing/popup_bg.png) repeat-y; -webkit-box-shadow: 0px 0px 19px -1px rgba(00, 00, 00, 0.6); -moz-box-shadow: 0px 0px 19px -1px rgba(00, 00, 00, 0.6); box-shadow: 0px 0px 19px -1px rgba(00, 00, 00, 0.6); } .popup:after{ content:''; display:block; clear:both; } .popup .col{ float:left; width:209px; padding:0 10px; text-align:center; } .popup .col img{ vertical-align:top; margin:0 0 15px; } .popup .title{ display:block; margin:0 0 39px; text-align:center; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; color:#fff; } .popup .title span{ display:block; padding:1px 0 0; text-align:center; text-transform:uppercase; font:800 24px/26px 'Open Sans', Arial, Helvetica, sans-serif; } .popup .col .text-block{ padding:32px 15px 10px; position:relative; font:18px/28px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; } .popup .col .text-block:after{ content:""; width:75px; height:1px; background:#fff; position:absolute; top:0; left:50%; margin:0 0 0 -37px; } .popup .col .text-block p{margin:0;} .popup .holder{ padding:3px 40px 0 0; overflow:hidden; } .popup .form{ overflow:hidden; font:16px/18px 'Open Sans', Arial, Helvetica, sans-serif; } .popup .form .row{ overflow:hidden; padding:1px 0 9px; } .popup .form label{ float:left; width:217px; text-align:right; padding:8px 12px; } .popup .form input[type="text"]{ float:left; width:248px; border:1px solid #cecccc; border-radius:1px; height:22px; font:16px/22px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:5px 10px; margin:0; outline:none; -webkit-box-shadow:inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f7f7f7, 0px 1px 0px 0px #fff; -moz-box-shadow:inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f7f7f7, 0px 1px 0px 0px #fff; box-shadow:inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f7f7f7, 0px 1px 0px 0px #fff; } .popup .form textarea{ float:left; width:255px !important; border:1px solid #cecccc; border-radius:1px; font:16px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:3px 3px 3px 10px; margin:0; outline:none; height:134px !important; overflow:auto; -webkit-box-shadow:inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f7f7f7, 0px 1px 0px 0px #fff; -moz-box-shadow:inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f7f7f7, 0px 1px 0px 0px #fff; box-shadow:inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f7f7f7, 0px 1px 0px 0px #fff; } .popup .form .submit-holder{ overflow:hidden; padding:27px 0 0 240px; } .popup .form input[type="submit"]{ float:left; width:142px; height:45px; text-align:center; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; cursor:pointer; padding:0; margin:0; background:#c1cd23; border:0; border-radius:5px; } .popup .form input[type="submit"]:hover{background:#7c841d;} .jcf-hidden { display: block !important; position: absolute !important; left: -9999px !important; } .select-area { border: 1px solid #cecccc; position: relative; overflow: hidden; cursor: default; height: 32px; float: left; margin:0 10px 0 0; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .select-area .center { white-space: nowrap; display:block; padding: 6px 8px 10px; margin:0 23px 0 0; } .select-disabled {background: #eee;} .select-area .select-opener { position: absolute; height: 18px; width: 15px; right: 8px; top: 6px; cursor:pointer; background:url(../images/sprite_digital_marketing.png) no-repeat -17px -848px; } .select-options { position: absolute; overflow: hidden; background: #fff; z-index: 2000; font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; } .select-options .drop-holder { border:solid #cecccc; border-width:0 1px 1px; overflow: hidden; height: 1%; } .select-options ul { list-style: none; padding: 0; margin: 0; } .select-options ul li { width: 100%; float: left; } .select-options ul a { text-decoration: none; padding: 5px 10px; display: block; cursor: default; color: #000; height: 1%; } .select-options .item-selected a { text-decoration: none; background: #ececec; color: #000; } /* custom checkbox styles */ .chk-area { margin:2px 14px 0 2px; float: left; width: 12px; height: 15px; background:url(../images/sprite_digital_marketing.png) no-repeat -107px -858px; } .chk-checked { background:url(../images/sprite_digital_marketing.png) no-repeat -73px -858px; } /**********************************************************************************************************************************************************************/ section> .holder:after{ content:''; display:block; clear:both; } .video-holder img{vertical-align:top;} .section-about{ color:#fff; font-size:20px; line-height:32px; position:relative; text-align:center; } .section-about .bg-stretch{ bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0; z-index:1; } .section-about .holder{ margin:0 auto; padding:85px 0 88px; position:relative; width:546px; z-index:10; } #main .section-about h1{ color:#fff; margin:0 0 24px; } #main .section-about p{margin:0;} .section-academy{} .section-academy .holder{ margin:0 auto; padding:60px 0 70px; width:944px; } .section-academy .cources-lits{ display:inline-block; vertical-align:middle; list-style:none; margin:0; overflow:hidden; padding:0 99px 0 79px; } * + html .section-academy .cources-lits{display:inline;} .section-academy .cources-lits li{ background:rgba(77, 77, 79, 0.1); border-radius:87px; float:left; height:122px; margin:0 -10px 0 0; padding:32px 10px 20px; text-align:center; width:154px; } .section-academy .cources-lits .icon{ background:url(../images/sprite_digital_marketing.png) no-repeat -9999px -99999px; display:block; height:53px; margin: 0 auto 11px; width:52px; } .section-academy .cources-lits .home .icon{background-position:0 -890px;} .section-academy .cources-lits .class .icon{background-position:-74px -884px;} #main .cources-lits h2{ font-size:19px; font-weight:800; line-height:21px; margin:0 0 -5px; text-transform:uppercase; } .section-academy .cources-lits em{ font:italic 14px/16px 'Vollkorn', serif; } .section-academy .txt{ display:inline-block; vertical-align:middle; width:434px; } * + html .section-academy .txt{display:inline;} #main .section-academy .txt h2{ margin:0 0 9px; } #main .section-academy .txt p{margin:0;} .section-potentional{ background:#f6f6f6; } .section-potentional .holder{ margin:0 auto; padding: 62px 0 70px 31px; width:913px; } .section-potentional .video-holder{ box-shadow:0 -2px 10px 2px rgba(32, 32, 32, 0.29); -webkit-box-shadow:0 -2px 10px 2px rgba(32, 32, 32, 0.29); -moz-box-shadow:0 -2px 10px 2px rgba(32, 32, 32, 0.29); border:1px solid #c0c0bf; float:right; margin: -11px 4px 0 50px; padding: 9px 8px 9px 8px; position:relative; } .section-potentional .video-holder .btn-play{ background-position:-140px -890px; height:51px; margin:-25px 0 0 -25px; width:51px; } #main .section-potentional h2{ margin: 0 0 8px; } #main .section-potentional p{margin:0 0 20px;} .section-in-touch{ font-size:20px; line-height:24px; text-align:center; } .section-in-touch .holder{ margin:10px auto; padding: 35px 0 51px; width:944px; } .btn-in-touch{ font:800 14px/17px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; background:#c1cd23; border-radius:5px; padding:14px 25px 14px 26px; text-transform:uppercase; margin:0 14px 0 0; } .btn-in-touch:hover{ background:#7c841d; color:#fff; text-decoration:none; } .section-in-touch p{margin:40px 0 0 0;} /******************************************************************************/ .section-career{ background:#f9f9f9 url(../images/bg-section.png); border-bottom:1px solid #d9d9d9; font-size:20px; line-height:26px; margin:0 0 30px; text-align:center; } .section-career> .holder{ margin:0 auto; padding:67px 0 0; position:relative; width:916px; } .section-career .heading{ margin:0 159px; padding:0 0 46px; position:relative; } #main .section-career h1{ background:#f9f9f9 url(../images/bg-section.png); display:inline-block; margin:0 10px 20px; padding:0 16px; position:relative; vertical-align:top; z-index:10; } .section-career p{margin:0 0 10px;} .section-career .heading .line{ background:url(../images/sprite_digital_marketing.png) no-repeat -200px -890px; bottom:0; position:absolute; right:0; top:25px; width:105px; z-index:1; } .section-career .career-list{ font-size:14px; line-height:25px; list-style:none; margin:0; overflow:hidden; padding:0; text-align:left; } .career-list li{ float:left; padding:0 159px 0 16px; vertical-align:top; width:741px; } .career-list .holder{ border:solid #4d4d4f; border-width:1px 1px 0 0; padding:26px 0 27px 180px; } .career-list li:first-child .holder{border-top:0;} .career-list .nth-child-2n .holder{ border-width:1px 0 0 1px; } .career-list .box{ background:url(../images/box01.png) no-repeat; padding:15px 0 0; position:relative; width:533px; } .career-list .box .b{ background:url(../images/box01.png) no-repeat -535px 100%; padding:0 0 15px; } .career-list .box .c{ background:url(../images/box01.png) repeat-y -1070px 0; padding:10px 20px 13px 30px; } .career-list p{margin:0;} .career-list p strong{font-weight:700;} .career-list .nth-child-2n .holder{ padding:26px 0 27px 26px; } .career-list .box .arrow{ background:url(../images/sprite_digital_marketing.png) no-repeat -80px -960px; height:44px; margin:-22px 0 0; position:absolute; right:-17px; top:50%; width:24px; } .career-list .nth-child-2n .box .arrow{ background-position:0 -960px; height:30px; left:28px; margin:0; right:auto; top:-22px; width:58px; } .career-list .box .arrow .icon{ background:url(../images/sprite_digital_marketing.png) no-repeat -9999px -9999px; position:absolute; } .career-list .decor1 .box .arrow .icon{ background-position:-420px -600px; height:110px; right: -174px; top: -27px; width:163px; } .career-list .decor2 .box .arrow .icon{ background-position:-620px -600px; height:161px; right: -25px; top: -167px; width:115px; } .career-list .decor3 .box .arrow .icon{ background-position:-740px -600px; height:108px; right: -170px; top: -46px; width:159px; } .career-list .decor4 .box .arrow .icon{ background-position:-620px -890px; height:173px; right: -14px; top: -178px; width:89px; } .career-list .decor5 .box .arrow .icon{ background-position:-740px -890px; height:112px; right: -171px; top: -53px; width:159px; } .career-list .last-child .holder{ border-bottom:0; } .career-list .line{ background:url(../images/sprite_digital_marketing.png) no-repeat 0 -1401px; display:block; height:135px; width:450px; } .career-list .nth-child-2n .line{ background-position:-310px -891px; margin:0 0 0 auto; width:299px; } /**************************************************************************************************************************************************************/ .section-tutors{ background:#f9f9f9 url(../images/bg-section.png); border-bottom:1px solid #dbdbdc; } .section-tutors .holder{ margin:0 auto; padding: 42px 0 46px; position:relative; text-align:center; width:940px; } #main .section-tutors h1{ margin:0 0 24px; } .tutors-list{ list-style:none; margin:0 auto; padding: 65px 1px 0 0; width:915px; } .tutors-list li{ overflow:hidden; padding: 0 0 24px; vertical-align:top; } .tutors-list .switchers{ list-style:none; margin:0; overflow:hidden; padding:0; } .tutors-list .switchers li{ float:left; padding: 10px 10px 12px; text-align:center; width:285px; } .active-slide .tutors-list .switchers li{opacity:0.5} .active-slide .tutors-list .switchers li.item-active{opacity:1; } .tutors-list .tab-content{ margin:0 auto; width:820px; } .tutors-list .tab-content> div{ border-bottom:2px solid #c1cd23; margin:0 0 22px; text-align:center; } .tutors-list .tab-content .btn-close{ background:url(../images/sprite_digital_marketing.png) no-repeat -900px -790px; display:block; height:33px; margin: 0 auto 34px; overflow:hidden; text-align:left; text-indent:-9999px; width:32px; } .tutors-list p{margin: 0 28px 40px;} /* js style */ .item-slide{display:none;} .active-slide .tutors-list .switchers li.item-active{pointer-events: none; } #dropdownheader{ /*margin:0 0 -72px;*/ position:relative; min-height: 203px; } #dropdownheader:after{ content: ""; display: block; clear: both; } #dropdownheader:before{ content:""; width:100%; height:1px; position:absolute; bottom:71px; left:0; background:#ededed; } .dropdown_header-holder { width:944px; margin:0 auto; position: relative; } .dropdown_header-holder:after{ content:''; display:block; clear:both; } #dropdownheader .dropdown-top-panel{ overflow:hidden; padding:0 2px 0 320px; } .dropdown-top-panel .add-nav{ float:right; padding:13px 0 0; font:800 13px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; } .dropdown-top-panel .add-nav ul{ float:left; padding:0; margin:0; list-style:none; } .dropdown-top-panel .add-nav li{ float:left; margin:0 0 0 17px; } .dropdown-top-panel .add-nav a{color:#4d4d4f;} .dropdown-top-panel .add-nav .active a, .dropdown-top-panel .add-nav a:hover{ color:#c1cd23; text-decoration:none; } .dropdown-top-panel .dropdown-link-list{ float:right; padding:0; margin:0 0 0 21px; list-style:none; font:800 13px/15px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; } .dropdown-top-panel .dropdown-link-list li{float:left;} .dropdown-top-panel .dropdown-link-list a{ /*float:left; color:#fff; padding:13px 15px 15px 12px; border:solid #68a3bb; border-width:0 0 1px 1px; text-shadow:0 1px 0 #0a466b; text-decoration:none;*/ float:left; color:#fff; padding:13px 15px 15px 22px; background:#7c841d; border:solid #0; border-width:0 0 1px 1px; text-shadow:0 1px 0 #0a466b; text-decoration:none; } .dropdown-top-panel .dropdown-link-list a.register{ background:#c1cd23; padding:13px 9px 15px 25px; border:solid #0; border-width:0 1px 1px 0; text-shadow:0 1px 0 #1b71a6; } .dropdown-top-panel .dropdown-link-list a.register span{padding:0 23px 0 0;} .dropdown-top-panel .dropdown-link-list a span{ padding:0 15px 0 0; display:inline-block; vertical-align:top; background:url(../images/sprite_digital_marketing.png) no-repeat 100% 3px; } .dropdown-top-panel .dropdown-link-list a:hover{ background:#0; border-color:#0; text-decoration:none; } .dropdown-top-panel .dropdown-link-list a.register:hover{ background:#0; border-color:#0; } #dropdown-nav{ width:606px; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; padding:53px 0 0 9px; text-transform:uppercase; position: relative; float: right; } #dropdown-nav:after{ clear: both; content: ""; display: block; } #dropdown-nav>ul{ padding:0; margin:0 0 0 -29px; list-style:none; float: right; position: relative; } #dropdown-nav>ul>li{ float:left; margin:0 0 0 29px; } #dropdown-nav>ul>li>a{color:#4d4d4f;} #dropdown-nav>ul>li>a:hover{ color:#c1cd23; text-decoration:none; } #dropdown-nav>ul>li.hover .drop-down{ display: block; } #dropdown-nav>ul>li.hover>a{ color:#c1cd23; } #dropdown-nav>ul>li.active>a{ color:#c1cd23; padding:0 0 0 12px; background:url(../images/bg-nav.png) no-repeat 0 50%; } #dropdown-nav .drop-down{ padding: 19px 0 0; right: 1px; position: absolute; width: 682px; text-transform: uppercase; z-index: 9999; font: 14px/22px 'Open Sans', Arial, Helvetica, sans-serif; display: none; } .drop-down .three-cols{ overflow: hidden; background: #fff; padding: 14px 17px 20px 20px; border-top: 7px solid #c1cd23; -webkit-box-shadow: -4px 5px 10px 2px rgba(0, 0, 0, 0.2); box-shadow: -4px 5px 10px 2px rgba(0, 0, 0, 0.2); } .drop-down .three-cols .col{ float: left; width: 305px; margin-left: 30px; } .drop-down .three-cols .col:first-child{ margin-left: 0; } .drop-down .three-cols .col strong{ display: block; margin: 0 0 10px; } #dropdown-nav .drop-down ul{ list-style: none; margin: 0; padding: 0; } #dropdown-nav .drop-down ul a{ color: #4d4d4f; } #dropdown-nav .drop-down ul a:hover{ color:#c1cd23; text-decoration: none; } #dropdown-nav .drop-down ul li{ border-top: 1px solid #e1e1e1; padding: 5px 0 9px; } .dropdown-logo{ position: absolute; width:170px; margin:25px 0 0 -66px; padding:0 127px 79px 98px; height:100px; text-indent:-9999px; overflow:hidden; z-index:10; background:url(../images/DMAIlogo.png) no-repeat; top: 0; left: 0; } .dropdown-logo a{ display:block; height:100%; } .inner .dropdown-logo{background: url(../images/DMAIlogo05.png) no-repeat;} .inner .dropdown-logo1{background:url(../images/DMAIlogo.png) no-repeat;} #main { width: 100%; margin-top: -71px; } .three-columns { background: url(../images/bg-section.png); overflow:hidden; padding: 26px 0 0; margin: 0 0 18px; } .three-columns.nobg { background: none; overflow:hidden; padding: 26px 0 0; margin: 0 0 18px; } .three-columns .holder{ margin: 0 auto; width: 944px; } .three-columns .column-frame{ margin:0 -9px 0; letter-spacing: -4px; font-size: 0; line-height: 0; } .three-columns .column-hold{ display:inline-block; vertical-align:top; letter-spacing: 0; font:13px/20px 'Open Sans', Arial, Helvetica, sans-serif; margin:0 0 40px; width:33%; padding:0 9px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .three-columns .column{ position: relative; padding: 16px 24px 0 16px; min-height:335px; } .three-columns .column.text-holder-main{ font:15px/24px 'Open Sans', Arial, Helvetica, sans-serif; padding: 25px 3px 0; } .three-columns .column.text-holder-main a{ color: #4d4d4f; } .three-columns .column.text-holder-main h3{ margin: 0 0 20px !important; font-size: 20px !important; line-height: 24px !important; } .sandy-brown{ background: #f7ab5d; } .jaffa{ background: #f58448; } .blue { background: none repeat scroll 0% 0% #A7D0EE; } .blue .info{ background:#A7D0EE; } .light-blue { background: none repeat scroll 0% 0% #D5E6F7; } .light-blue .info { background: #D5E6F7; } .dark-blue { background: none repeat scroll 0% 0% #52BDEC; } .dark-blue .info { background: #52BDEC; } .light-green { background: none repeat scroll 0% 0% #CAE6CE; } .light-green .info { background:#CAE6CE; } .green { background:none repeat scroll 0% 0% #7AC385; } .green .info { background:#7AC385; } .yellow { background:#1d7599; } .orange{ background:#f3763a; } .white{ background:#fff; } .three-columns .column.sandy-brown .info{ background: #f7ab5d; } .three-columns .column.jaffa .info{ background: #f58448; } .box-section .info-box .tag-line { background: url(../images/tag-bg.png) no-repeat; width: 140px; height: 73px; padding: 17px 20px 0 37px; position: relative; float:right; left:29px; margin-left: -101px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main .three-columns .column h2{ margin:0 0 13px; text-transform:uppercase; font:800 16px/18px 'Open Sans', Arial, Helvetica, sans-serif; } .three-columns .column h2 span{ display:block; padding:4px 0 0; text-transform:none; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; } .three-columns .column .img-holder{ margin:0 -24px 0 -16px; overflow:hidden; position:relative; } .three-columns .column .img-holder img{ display:block; width: 100%; height: auto; } .three-columns .column .info{ position:absolute; bottom:12px; right:14px; width:76px; height:56px; padding:14px 4px; background:#bde1f7; border-radius:42px; text-align:center; -webkit-box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, 0.7); -moz-box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, 0.7); box-shadow: 0px 1px 7px 0px rgba(00, 00, 00, 0.7); } .three-columns .column .info span{ display:block; padding:27px 0 0; font:12px/12px 'Open Sans', Arial, Helvetica, sans-serif; color:#4d4d4f; text-transform:uppercase; background:url(../images/bg-item-list.png) no-repeat -3971px 0; } .three-columns .column .info span strong{font-weight:700;} .three-columns .column .info.classroom{background:#f8ab5d;} .three-columns .column.orange .info.classroom{background:#f3763a;} .three-columns .column .info.classroom span{background-position:-4970px 2px;} .three-columns .column .text-holder{ display:none; } .three-columns .column-hover.hover .text-holder{display:block;} .three-columns .column-hover.hover .img-holder{display:none;} .three-columns .column p{margin:0 0 11px;} .three-columns .column .details{ font-weight:800; color:#4d4d4f; } .extra-block{ font: 20px/30px 'Open Sans', Arial, Helvetica, sans-serif; overflow: hidden; padding: 28px 0 46px; border-bottom: 1px solid #dbdbdc; margin: 0 0 53px; } .extra-block .holder{ position: relative; width: 870px; text-align: center; margin: 0 auto; } .extra-block a{ color: #4d4d4f; } .extra-block p{ margin: 0 0 10px; } .extra-block .logo-hold{ margin: 0 0 20px; } .three-cols .col i { font-size: 11px; font-style: oblique; } .block-quote-holder{ margin:-8px auto 13px; width: 938px; padding:0 0 29px; border-bottom: 1px solid #dbdbdc; } .block-quote-holder:after{ clear: both; content: ""; display: block; } .block-quote-holder .block-quote{ float: left; width: 570px; padding: 11px 30px 0 4px; font: 20px/32px 'Open Sans', Arial, Helvetica, sans-serif; } .block-quote-holder .block-quote .title{ text-transform: uppercase; display: block; margin: 0 0 16px; font:800 15px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .block-quote-holder .block-quote blockquote{ margin: 0; } .block-quote-holder .block-quote blockquote q{ margin: 0 0 14px; display: block; } .block-quote .read-more{ color: #1d7599; font:italic 18px/20px 'Vollkorn', Arial, Helvetica, sans-serif; } .block-quote a{ color: #1d7599; } .satisfied-block{ text-transform: uppercase; overflow: hidden; padding: 0 0 0 47px; font: 22px/27px 'Open Sans', Arial, Helvetica, sans-serif; } .satisfied-block .satisfies{ display: block; margin: 0 0 4px; font:800 50px/60px 'Open Sans', Arial, Helvetica, sans-serif; } .satisfied-block p{ margin: 0 0 20px; } .satisfied-block .provide{ font-size: 12px; line-height: 15px; text-transform: none; } .satisfied-block .provide a:hover{ opacity: .8; } .satisfied-block .provide img{ vertical-align: top; margin: 0 0 0 10px; } .block-full-width { overflow: hidden; background: #FFF none repeat scroll 0% 0%; padding: 16px 13px 5px 34px; margin: 0px 0px 53px; box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.55); border-radius: 1px; width:844px ; font-size: 15px; line-height: 24px; } .block-full-width .text-left { float: left; width: 390px; padding: 13px 0px 0px; text-align: right; } .block-full-width p { margin: 0px 0px 10px; } #testimonials { margin-top: -65px; } .block-quote-holder.inter-change{ margin:0 auto 77px; width: 941px; padding:0; border-bottom: none; -webkit-box-shadow: 0px 0px 6px 0px rgba(00, 00, 00, 0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(00, 00, 00, 0.5); box-shadow: 0px 0px 7px -1px rgba(00, 00, 00, 0.55); border-radius: 1px; } .block-quote-holder.inter-change { overflow: auto; height: auto !important; background: #f6f6f6; } .block-quote-holder.inter-change .block-quote{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: 635px; min-height: 271px; padding: 37px 30px 10px 37px; background: #fff; } .inter-change .satisfied-block{ background: #f6f6f6; padding: 29px 20px 29px 26px; font: 20px/25px 'Open Sans', Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .satisfied-block p{ margin: 0 0 23px !important; } /** * Enrolment page */ #main .enroll-block.enrollform h2{margin:0 0 13px;} .enroll-block.enrollform .link{ margin:0 0 0 -27px; bottom:-26px; } .update .info-section{ padding: 30px 65px 10px 51px; width: 800px; z-index:1; } .info-section{ width:916px; margin:0 auto; padding:20px 0 42px 28px; font:16px/19px 'Open Sans', Arial, Helvetica, sans-serif; } .info-section:after{ content: ''; display: block; clear: both; } .update .info-section .info{ padding: 0; box-shadow: none; -webkit-box-shadow: none; width: 379px; margin: 0 10px; } .info-section .info{ float:left; margin:0 23px 0 0; padding:12px 20px 11px; width:392px; background:#fff; border:solid #fff; border-width:1px 0 0 1px; text-align:center; color:#4d4d4f; -webkit-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.2); box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, 0.2); border-radius: 1px; } .info-section .info.active{ background:#c1cd23; color:#fff; border:solid #a7d0e2; border-width:1px 0 0 1px; text-decoration:none; -webkit-box-shadow: inset 0px 0px 8px 0px rgba(00, 00, 00, 0.5); box-shadow: inset 0px 0px 8px 0px rgba(00, 00, 00, 0.35); border-radius: 1px; } #main .info-section .info.active h2{color:#fff;} .info-section .info:hover{text-decoration:none;} .update .info-section .info .holder{ margin: 0; } .info-section .info .holder{ display:table; height:104px; width:100%; } .update .info-section .info .frame{ padding: 0; vertical-align: top; } .info-section .info .frame{ display:table-cell; vertical-align:middle; } #main .info-section .info h2{ margin:0 0 15px; text-transform:uppercase; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .update .info-section .info .price{ font-size: 40px; line-height: 44px; margin: 0 0 12px; } .update .info-section .info .payment-details{ display: block; margin: 0 0 10px; } .update .info-section .info .payment-details strong{ font-weight: 800; } .info-section .info .price{ display:block; margin:-10px 0 7px; font:800 30px/34px 'Open Sans', Arial, Helvetica, sans-serif; } .update .info-section .info .text{ font-size: 16px; line-height: 19px; } .info-section .info .text{ font:italic 13px/15px 'Vollkorn', Arial, Helvetica, sans-serif; display:block; margin:0 0 7px; } .update .info-section .info .text-1{ margin: 0 0 35px; font-size: 18px; line-height: 22px; } .info-section .info .text-1{ font:italic 16px/18px 'Vollkorn', Arial, Helvetica, sans-serif; display:block; margin:0 0 6px; } .info-section .info p{margin:0 0 13px;} .info-section .info p strong{font-weight:800;} .update .detail-form .info-section label{ float: none; display: block; width: 100%; text-align: center; padding: 0; position: relative; } .detail-form .info-section .heading{ font-weight: 400; font-size: 24px; line-height: 28px; display: block; margin: 0 0 6px; text-transform: uppercase; } .detail-form .info-section .status{ display: none; } .detail-form input[type="radio"]{ position:fixed; left:0; top:0; opacity:0; z-index: -1; } .detail-form .fake-input{ display: inline-block; width:44px; height:44px; border:8px solid #c1cd23; vertical-align: middle; position: relative; margin-right: 5px; position: absolute; left: 50%; top: -31px; margin: 0 0 0 -25px; opacity: 0; overflow: hidden; } .detail-form .fake-label{ display: block; padding: 31px 5px 18px; cursor:pointer; border: 1px solid #d7d9d9; height: 179px; } .detail-form input[type=radio] + .fake-input{border-radius:100%;background-color: #fff;} .detail-form [type="radio"] + .fake-input:before{ content:''; position: absolute; top: 50%; left: 50%; background-color: #fff; background: url(../images/DigitalMarketing/tick.png) no-repeat; width: 23px; height: 18px; margin: -8px 0 0 -12px; z-index: 999; } .detail-form [type="radio"] + .fake-input:after{ content: ''; position: absolute; width: 45px; height: 45px; left: 0; top:0; border-radius: 50%; background-color: #fff; z-index: 2; } .detail-form [type="radio"]:checked + .fake-input{opacity:1;} .detail-form [type="radio"]:checked + .fake-input + .fake-label{ background: #c1cd23; color: #fff; border-color: transparent; } .detail-form .info-section [type="radio"]:checked ~ .fake-label .status{ display: block; } .detail-form input:disabled + .fake-input, .detail-form input:disabled ~ .fake-label{opacity: .5;} .detail-form{ width:944px; margin:0 auto; font:16px/18px 'Open Sans', Arial, Helvetica, sans-serif; } .update .detail-form .holder{ margin: 0 0 70px; margin-bottom: 1px; } .update #main .detail-form h2.step-4{ position: relative; left: 40px; margin: 0 0 35px; } #main .detail-form h2{ margin:20px 0 14px; text-align:center; text-transform:uppercase; font:20px/24px 'Open Sans', Arial, Helvetica, sans-serif; } .detail-form h2 span{font-weight:800;} .detail-form .row{ padding:1px 0 0 72px; width:872px; margin:0 0 9px; position:relative; } .detail-form .row:after{ content:''; display:block; clear:both; } .detail-form label{ float:left; width:195px; padding:6px 16px 0 0; text-align:right; } .update .detail-form label{ width: 236px; } .detail-form .select-row{overflow:hidden;} .detail-form select{ float:left; width:97px; } .detail-form select.long{width:375px;} .detail-form input[type="text"], .detail-form input[type="email"], .detail-form input[type="tel"]{ float:left; width:355px; height:18px; padding:7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .detail-form .recalculate-block{ text-align: left; float:left; padding: 13px 10px 0; margin: 0 88px; } .detail-form .container { width:800px; clear:both; display:block; } .detail-form .recalculate-block label{ font-weight: 800; display: inline-block; vertical-align: top; float: none; width: 119px; text-align: left; padding: 7px 4px 0 0; } .detail-form .recalculate-block input[type="text"]{ width: 212px; border: 1px solid #cecccc; box-shadow: none; -webkit-box-shadow: none; float: none; display: inline-block; vertical-align: top; padding: 7px 13px; margin: 0 15px 0 0; } .detail-form .recalculate-block .btn-enroll{ padding: 9px 19px 10px 21px; margin: -1px 0 0; width: 98px; color: white; } .detail-form .recalculate-block a { color: #4d4d4f; } .detail-form .recalculate-block a:hover { text-decoration:none; } .detail-form input[type="text"].focus{ border-color:#656566; -webkit-box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #dbdbdc, 0px 0px 0px 1px #e0e0e0, 0px 1px 0px 0px #fff; } .detail-form .error input[type="text"]{ border-color:#69c6ef; -webkit-box-shadow: inset 0px -1px 0px 0px #dcf2fb, 0px 0px 0px 1px #e0f3fc, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #dcf2fb, 0px 0px 0px 1px #e0f3fc, 0px 1px 0px 0px #fff; } .detail-form input[type="text"].short{width:77px;} .detail-form .link-info{ float:left; width:26px; height:25px; margin:4px 0 0; text-indent:-9999px; overflow:hidden; background:url(../images/sprite_digital_marketing.png) no-repeat -38px -848px; } .detail-form .option{ float:left; color:#c1cd23; font-size:14px; padding:9px 0 0; line-height:16px; } .update .detail-form .frame{ padding: 19px 0 49px 253px; } .update .detail-form .frame.indent-block{ padding: 20px 20px 0; width: 602px; margin: 0 0 0 auto; } .detail-form .check-row{ overflow:hidden; margin:0 0 36px 1px; } .detail-form .check-row input[type="checkbox"]{ float:left; width:15px; height:15px; margin:2px 13px 0 0; padding:0; } .detail-form .check-row label{ width:auto; font-size:14px; line-height:16px; padding:0; max-width: 550px; text-align: left; } .detail-form .check-row label a{ color:#1d7599; text-decoration:none; } .detail-form .check-row label a:hover{ color:#4d4d4f; text-decoration:underline; } .detail-form .submit-holder{ overflow:hidden; margin:0 0 40px; } .update .detail-form .confirmation-holder input[type="submit"]{ white-space: normal; height: auto; padding: 14px 5px; width: 188px; line-height: 17px; } .detail-form input[type="submit"]{ float:left; width:142px; height:45px; background:#c1cd23; font:800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-align:center; cursor:pointer; border:0; padding:0; margin:0 0 0 1px; text-transform:uppercase; border-radius:5px; } .detail-form input[type="submit"]:hover{background:#7c841d;} .detail-form .line{ overflow:hidden; padding:0 0 1px 2px; } .detail-form .ico-list{ float:left; padding:0; margin:0; list-style:none; } .detail-form .ico-list li{ float:left; margin:0 16px 16px 0; } .detail-form .ico-list img{display:block;} .update .detail-form .ico-list a:hover, .update .detail-form .pay-list a:hover{ text-transform: none; opacity: 0.8; } .detail-form .pay-list{ padding:11px 0 0 1px; margin:0; list-style:none; float:left; } .detail-form .pay-list li{ float:left; margin:0 5px 5px 0; } .detail-form .pay-list a{display:block;} .update .confirm { display:block; width:40%; height:250px; vertical-align: middle; margin-left:30%; border: 1px solid #cecccc; text-align: center; } .update .confirm .top { border:1px solid #c1cd23; background: #c1cd23; height:180px; overflow:hidden; } div.top> div:nth-child(1) { padding-top: 20px; padding-bottom: 5px; font:italic 13px/15px 'Vollkorn', Arial, Helvetica, sans-serif; } div.top> div:nth-child(2) { color: white; text-transform:uppercase; padding:0; font:20px/32px 'Open Sans', Arial, Helvetica, sans-serif; } div.top> div:nth-child(3) { color: white; padding-bottom: 10px; text-transform:uppercase; font:800 34px/38px 'Open Sans', Arial, Helvetica, sans-serif; } div.top> div:nth-child(4) { padding-bottom: 20px; font: 24px/26px 'Open Sans', Arial, Helvetica, sans-serif; color: white; } div.summary{ vertical-align: middle; height: 68px; display:block; } div.summary> div { vertical-align: middle; padding-top: 10px; font: 15px/15px 'Open Sans', Arial, Helvetica, sans-serif; } .update .table-holder{ width: 100%; padding: 29px 10px 0px; } .update .info-section + .table-holder{ padding-bottom: 38px; } .update .error-message { font-size: 12px; line-height: 16px; border-radius: 3px; background: #f3763a url(../images/ico-info.png) no-repeat 15px 11px; padding: 10px 10px 9px 24px; color: #fff; font-weight: bold; width: 80%; margin: 0 0 18px 209px; vertical-align:middle; margin-left: 29%; height: 32px; } .update .error-message .caption-holder { padding-left:30px; } .update .error-message:after { content: ''; width: 0; border-style: solid; border-width: 7px 6px 0; border-color: #f3753a transparent transparent; position:relative; left: 9%; top: 8px; } .update .info-table{ border: solid #d5d5d5; border-width: 1px 1px 0; padding: 30px 30px 10px 51px; width:895px; margin: 0 0 28px; border-collapse: collapse; font: 700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; } .update .info-table td .full-schedule{ position: relative; padding: 0 0 0 21px; } .update .info-table td .full-schedule:hover{ text-decoration: none; } .update .info-table td .full-schedule:before{ content: ''; position: absolute; left: 0; top: 7px; background: url(../images/DigitalMarketing/eye.png) no-repeat; width: 14px; height: 10px; } .update .info-table td .btn-enroll{ padding: 9px 21px 10px 23px; line-height: 18px; } .update .info-table td:last-child { width: 100px; border-width: 0 0 1px 1px; padding: 14px 8px 11px 11px; } .update .info-table .selected{ background: #c1cd23; } .update .info-table .selected td{ color: #fff; } .update .info-table .selected td a { color: #fff; } .update .info-table .selected td .full-schedule:before{ background: url(../images/DigitalMarketing/white_eye.png) no-repeat; } .update .btn-wrap{ display: block; position: relative; } .update .info-table .selected .btn-enroll{ font-size: 0; line-height: 0; background: url(../images/whitetick.png) no-repeat; width: 15px; height: 12px; top: 50%; left: 50%; position: absolute; margin: -8px 0 0 -10px; border-bottom: none; } .update .info-table .selected .btn-enroll:hover { color: inherit; border: none; } .update .info-table td { font-weight: 400; border-color: #d5d5d5; position: relative; font-size: 16px; line-height: 19px; padding: 13px 10px 11px 22px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .update .info-table td { width: 215px; } .update .info-table-popup td { text-align: left; border-width: 0 0 1px 0; border-bottom: 1px solid #d5d5d5; } .update .info-table-popup td { width: 50px; font-weight: 400; border-color: #d5d5d5; position: relative; font-size: 16px; line-height: 19px; padding: 13px 10px 11px 22px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .update .info-table-popup td { text-align: left; border-width: 0 0 1px 0; } .update .info-table-popup td.year { position: relative; color:white; background-color:#c1cd23; border:1px solid; } .update .detail-form .info-table td + td { padding: 7px 8px 11px; width: 106px; } .update .info-table td strong{ display: block; text-transform: capitalize; margin: 0 0 4px; font-weight: 700; } googl.update #fancybox-content{ overflow: visible; } .update #fancybox-content> div{ overflow: visible !important; } .update #fancybox-overlay{ background: rgba(77,77,79,0.3) !important; } .update .popup{ background: #fff; padding: 0; box-shadow: 0 0 20px rgba(77,77,79,.7); } .update .popup .heading{ background: #c1cd23; text-transform: uppercase; color: #fff; padding: 34px 20px 34px 167px; position: relative; } .update .popup .heading:before{ content: ''; position: absolute; background: url(../images/calendar.png) no-repeat; width: 50px; height: 57px; left: 91px; top: 27px; } .update .popup h2, .update .popup h3{ margin: 0; font-weight: 800; font-size: 18px; line-height: 22px; } .update .popup h3{ font-weight: 400; } .update .popup .holder{ padding: 0; } .schedule-content{ width: 689px; margin: 0 auto; } .schedule-list{ margin: 0 0 17px; overflow: hidden; font-size: 18px; line-height: 22px; } .schedule-list dt, .schedule-list dd{ float: left; width: 385px; border: 1px solid #dbdbdc; border-width: 0 0 1px; margin: 0; padding: 10px 40px 9px 120px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .schedule-list dd{ width: 300px; padding-left: 40px; } .schedule-content p{ margin: 0 0 28px; } .schedule-content .ask-query{ display: block; padding: 0 0 0 120px; } .info-table-popup th { background-color: #c1cd23; color:white; padding:5px; } .update .info-table-popup td { width: 85px; border:1px solid #c1cd23; padding:4px; border-collapse: collapse; } .circle { border-radius:50%; width: 48px; height: 33px; font-size: 14px; background: #fff; color: black; text-align: center; } h3.yearheading { -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); writing-mode: lr-tb; position: absolute; top: 50%; left: 50%; } .error-border { border-color: #f58e5d !important; } /** * End Detail Form */ /** * Course Detail page */ .detail-section{ overflow:hidden; padding:14px 6px 3px 13px; } .detail-section .detail-holder{ float:right; width:458px; margin:0 0 0 35px; } .detail-section .img-holder{ border:1px solid #c0c0bf; background:#fff; padding:9px; margin:0 0 28px; -webkit-box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); box-shadow: 0px -2px 10px -1px rgba(00, 00, 00, 0.25); border-radius: 1px; } .detail-section .img-holder img{display:block;} .detail-section .detail-block{ position: relative; padding:23px 23px 97px; background:#fff; margin:0 1px; border:solid #f6f6f6; border-width:0 1px; -webkit-box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.5); box-shadow: 0px -3px 8px 0px rgba(00, 00, 00, 0.21); border-radius: 1px; } .detail-section .detail-block.classroom-based{ padding-bottom: 26px; } .placement-block .icon-hold{ float: left; width: 124px; padding: 6px 10px 0 0; } .placement-block .img-hold{ width: 89px; height: 89px; padding: 10px; border-radius: 100%; background: #fff; text-align: center; } .placement-block .img-hold:after{ display: inline-block; vertical-align: middle; height: 89px; content: ""; } .placement-block img{ display: inline-block; vertical-align: middle; } .placement-block .txt-holder{ overflow: hidden; } .placement-block .txt-holder .title{ display: block; margin: 0 0 10px; font-weight: 800; text-transform: uppercase; } .placement-block .txt-holder .title a{ color: #fff; } .placement-block .txt-holder p{ margin: 0 0 10px; } .detail-block .more { margin-top: 18px; margin-left:0px; padding: 13px 27px 16px; } .detail-block .btn-request { margin-left: 4px; margin-top: 18px; } .placement-block { padding: 20px 35px 50px; background: #7c841d; color: #fff; font: 14px/22px 'Open Sans', Arial, Helvetica, sans-serif; } .placement-block.thinner { padding: 20px 21px 15px; } .placement-block.extra-thinner{ font: 800 18px/20px 'Open Sans', Arial, Helvetica, sans-serif; padding: 10px 15px 10px; margin-bottom: 10px; } .placement-block .icon-hold { float: left; width: 124px; padding: 6px 10px 0 0; } .placement-block.thinner .icon-hold { float: left; width: 124px; padding: 6px 2px 0 0; } .placement-block .img-hold { width: 89px; height: 89px; padding: 10px; border-radius: 100%; background: #fff; text-align: center; } .placement-block img { display: inline-block; vertical-align: middle; } .placement-block .img-hold:after { display: inline-block; vertical-align: middle; height: 89px; content: ""; } table.timeinfo { padding-top: 40px; border-spacing: 0; border-collapse: collapse; width:100%; } table.timeinfo:after { } table.timeinfo tr:nth-child(2)> td { border-bottom: 1px solid #919699 ; font: 800 15px/15px 'Open Sans', Arial, Helvetica, sans-serif; color: #4d4d4f; } td.schedule { text-align: right; position: relative; font: 15px/15px 'Open Sans', Arial, Helvetica, sans-serif; } td.schedule> a { position: relative; padding-left: 21px; } td.schedule> a:hover { text-decoration: none; } td.schedule> a:before { content: ''; position: absolute; left: 0; top: 6px; background: url(../images/DigitalMarketing/eye.png) no-repeat; width: 14px; height: 10px; } table.timeinfo> tbody> tr> td { display: table-cell; font-weight: 400; border-color: #d5d5d5; font-size: 16px; padding-top:5px; } table.timeinfo> tbody> tr> td> span> time> sup { font-size: 10px; } table.timeinfo> tbody> tr> td + td + td{ text-align: right; } .coursepopup { width:780px; position:relative; padding:67px 0 69px; margin:0 auto; background:#fff url(../images/DigitalMarketing/popup_bg.png) repeat-y; -webkit-box-shadow: 0px 0px 19px -1px rgba(00, 00, 00, 0.6); -moz-box-shadow: 0px 0px 19px -1px rgba(00, 00, 00, 0.6); box-shadow: 0px 0px 19px -1px rgba(00, 00, 00, 0.6); } div.coursepopup { background: #fff; padding: 0; box-shadow: 0 0 20px rgba(77,77,79,.7); } div.coursepopup .heading{ background: #c1cd23; text-transform: uppercase; color: #fff; padding: 34px 20px 34px 167px; position: relative; } div.coursepopup .heading:before{ content: ''; position: absolute; background: url(../images/calendar.png) no-repeat; width: 50px; height: 57px; left: 91px; top: 27px; } div.coursepopup h2, div.coursepopup h3{ margin: 0; font-weight: 800; font-size: 18px; line-height: 22px; } div.coursepopup h3{ font-weight: 400; } div.coursepopup .holder{ padding: 0; } div.coursepopup div.schedule-content { width: 689px; margin: 0 auto; } .confirmation-table{ width: 780px; margin: 0 auto; border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc; border-width: 1px 1px 0; } .confirmation-table th, .confirmation-table td{ vertical-align: top; border: 1px solid #d4d6d6; padding: 28px 21px 23px; border-width: 0 0 1px; text-align: left; width: 214px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .confirmation-table th{ font-weight: 800; } .confirmation-table td{ border-width: 0 0 1px 1px; width: 566px; padding: 27px 19px 23px; } .confirmation-table tr:last-child th, .confirmation-table tr:last-child td{ padding: 25px 19px 25px; } .confirmation-table tr:last-child td{ padding: 25px 19px 25px; } .confirmation-table .order-plan{ display: block; margin: 0 0 6px; font-weight: 800; } .confirmation-table td p{ margin: 0 0 7px; } .confirmation-table .order-notification{ position: relative; display: block; padding: 0 0 5px 12px; color: #c1cd23; } .confirmation-table .order-notification:before{ content: '*'; position: absolute; left: 0; top: 0; } div.holder.confirmation-holder { margin: 0 0 70px; } .update .section.confirmation-section { margin: 0 0 53px; } .update .section.confirmation-section .section-holder { padding: 26px 0 0; } .update .detail-form .confirmation-holder input[type="submit"]{ white-space: normal; height: auto; padding: 14px 5px; width: 188px; line-height: 17px; } #edit.btn-edit { float: left; width: 188px; border: 1px solid #d4d6d6; font: 800 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color: #c9caca; text-align: center; padding: 14px 5px; margin: 0 17px 0 23px; text-transform: uppercase; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; } #edit.btn-edit:hover{ background: #4d4d4f; color: #fff; border-color: #4d4d4f; text-decoration: none; } .thankyou-block{ background: #7c841d; color: #fff; text-align: center; padding: 88px 10px 131px; margin: 0 0 70px; } .thankyou-holder{ width: 944px; margin: 0 auto; } .thankyou-block .icon-holder{ margin: 0 0 12px; } .thankyou-block img{ vertical-align: top; } .thankyou-block .message-text{ display: block; margin: 0 0 26px; padding: 0 0 26px; font:italic 30px/32px 'Vollkorn', Arial, Helvetica, sans-serif; position: relative; } .thankyou-block .message-text:after{ content: ''; position: absolute; background: #c1cd23; width: 73px; height: 1px; left: 50%; bottom: 0; margin: 0 0 0 -33px; } #main .thankyou-block h1{ color: #fff; margin: 0 0 12px; } .thankyou-block .btn-enroll{ background: #c1cd23; border: 1px solid #c1cd23;; padding: 12px 16px 14px 17px; position: relative; left: 7px; } .thankyou-block .btn-enroll:hover{ background: #4d4d4f; border: 1px solid #fff; } .disclaimer-list li { margin: 0 0 10px; } .disclaimer-list{ margin: 0 0 78px; padding: 0; list-style: none; font-size: 18px; line-height: 22px; } .detail-form .feedback-row{ overflow:hidden; margin:0 0 36px 1px; } .detail-form .feedback-row input[type="radio"]{ position:relative; left:0; top:0; opacity:1.0; z-index: 1; margin:0px 13px 2px 0; padding:0; } .detail-form .feedback-row label{ width:950px; line-height:34px; padding:0; text-align:center; } .detail-form .feedback-row textarea{ padding:7px 10px; margin:0 9px 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#4d4d4f; border:1px solid #cecccc; background:#fff; outline:none; -webkit-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; box-shadow: inset 0px -1px 0px 0px #f4f3f3, 0px 0px 0px 1px #f4f3f3, 0px 1px 0px 0px #fff; } .hidden{ display: none; } #main .enroll-block.enrollform h2 .error { color: #f3763a; } .update-form table { width: 95%; } .update-form tr { font-size: 15px; line-height: 20px; } .update-form tr th { font-weight: 700; text-align: left; width: 228px; vertical-align: top; } .update-form tr td { overflow: hidden; padding-bottom:20px; width: 228px; } /* fancybox.css */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; /* should be 20px */ z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; /* border-width should be zero */ } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1101; } #fancybox-close { position:absolute; top:-16px; right:-19px; width:41px; height:41px; text-indent:-9999px; overflow:hidden; z-index:2000; cursor:pointer; background:url(../images/sprite.png) no-repeat -680px -795px; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; } #fancybox-bg-ne { top: -20px; right: -20px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; } #fancybox-bg-se { bottom: -20px; right: -20px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; } #fancybox-bg-sw { bottom: -20px; left: -20px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; } #fancybox-bg-nw { top: -20px; left: -20px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; } #fancybox-title-float-right { padding: 0 0 0 15px; } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } .ajax-loader-wrapper{ position: fixed; display: block; top: 0; width: 100%; height: 100%; z-index: 3000; } .ajax-loader-wrapper .inner { position: absolute; display: block; top: 0; height: 100%; width: 1065px; } .ajax-loader { background: url(../images/ajax-loader.gif) no-repeat center center; position: relative; display: block; top: 31%; width: 50px; height: 50px; background-color: #fff; border-radius: 25px; margin: 0 auto; } .submit-disabled { background: url(../images/ajax-loader.gif) no-repeat center center; display: block; top: 31%; width: 50px; height: 50px; background-color: #fff; border-radius: 25px; margin: 0 auto; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }