/* -------------------------------------- Reset styles -------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font:400 14px/24px 'ZohoPuvi', sans-serif;margin:0 auto;background:#fff;color:#444}em{font-style:italic} .clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } .clearfix { display: inline-block; } .zsiq_theme1.zsiq_floatmain{display: none !important;} * html .clearfix { height: 1%; } .clearfix { display: block; } *+html .clearfix { display: inline-block; } body { font-family: 'ZohoPuvi', sans-serif!important; letter-spacing: normal; font-size: 14px; line-height: 24px; color: #000; position: relative; } .fl { float: left; } .fr { float: right; } .pr { position: relative; } .pa { position: absolute; } .pf { position: fixed; } .container { width: 1200px; margin: 0 auto; } #backToTop { display: none!important; } /*----------------Header------------------*/ header{display:none;} body{ background: #241514 url("../images/usa-background-creative.jpg") no-repeat 0 0; background-size: cover; min-height: 500px; } .header{text-align:center;padding: 40px 0 0 0;} .header a{display: block;} .header img{width:200px;height: auto;} h1{font-size: 2em;font-family: 'Zoho_Puvi_Bold', sans-serif;padding: 5px 0 10px 0;} .header h3{font-size: 1.5em;font-family: 'Zoho_Puvi', sans-serif;} /*----------------main section styles------------------*/ .seminar-list {text-align: center;margin-top:60px;} .seminar-list li{ width: 35%; margin: 20px; text-align: center; display: inline-block; vertical-align: top; } .seminar-list li a{ width:90%; background: #F5CB19; padding: 60px 5%; text-align: center; display: inline-block; vertical-align: top; border-radius: 3px; min-height: 250px; -moz-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; } .seminar-list li.ny a{ background: #F5CB19 url("../images/ny-creative.png") no-repeat center bottom; background-size:60%; color: #000; } .seminar-list li.la a{ background: #253aa8 url("../images/la-creative.png") no-repeat center 105%; background-size:60%; color: #fff; } .seminar-list li.ny a{ color: #000; } .seminar-list li.la a{ color: #fff; } .seminar-list li p{ font-size: 1.05em; font-family: 'Zoho_Puvi_SemiBold', sans-serif; } .seminar-list li h2{ font-size: 3em; font-family: 'Zoho_Puvi_Black', sans-serif; line-height: 60px; } .seminar-list li .date-time{ font-size: 1em; font-family: 'Zoho_Puvi_Regular', sans-serif; } .seminar-list li .date-time br{display: none;} .seminar-list li .register-btn{ background: #F00B0C; border:1px solid #F00B0C; padding: 10px 30px; display: inline-block; margin: 20px 0 0 0; color: #fff; border-radius: 3px; -moz-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; } .seminar-list li a:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .seminar-list li a:hover .register-btn{ background: transparent; border:1px solid #fff; } .seminar-list li.ny a:hover .register-btn{ border:1px solid #000; color:#000; background: #F5CB19; } /*-------------------Footer---------------*/ .zoho-division{display:none;} footer{ background: transparent; color: #fff; padding: 5px 0; margin: 50px 0 0 0; } footer a{color: #fff;} /*----------Responsive styles-----------*/ @media only screen and (min-width:1500px){ .header {padding: 60px 0 0 0;} .seminar-list {margin-top: 100px;} .seminar-list li{width: 35%;} .seminar-list li a{min-height: 300px;} } @media only screen and (max-width:1200px){ body {background: url(../images/usa-background-creative.jpg) no-repeat right top;} .container{width:90%} .seminar-list li{margin: 5% auto;display: block;width:45%;} .seminar-list li.la a{background: #253aa8 url("../images/la-creative.png") no-repeat center 103%;background-size:60%;} } @media only screen and (max-width:900px){ .seminar-list li{width:60%;} } @media only screen and (max-width:700px){ .seminar-list li{width:70%;} } @media only screen and (max-width:600px){ .seminar-list li{width:90%;} .seminar-list{margin-top:20px;} .seminar-list li a:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } } @media only screen and (max-width:350px){ .seminar-list li h2 {font-size: 2.5em;} .seminar-list li .date-time br{display: block;} .seminar-list li .date-time span{display: none;} }