.sectionxone{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:0px;} .printxone{ height:840px; background: url("../images/mice.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #fifth-inner-wrapperxone{ width:75%; margin:0 0 0 25%; height:auto; padding-top:220px;} #work-discriptionxone{ float:none; margin: 0; width:90%; background:rgba(107,10,38,0.7);} #work-discriptionxone h2{ color:#fff; margin:0px 0 0px 0; padding:2% 0 0 2%;} #work-discriptionxone p{ width:96%; color:#fff; padding:2%;} .sectionx4{ height:auto; width:100%; position:relative; overflow: hidden;} .ecommercex{ height:800px; background:#fff url("../images/mice2.jpg") center top no-repeat;} #eCom_2x{ position: absolute; left: 200px; top: 200px;} #eCom_1x{ position: absolute; left: 100px; top: 0px;} #eight-inner-wrapperx{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #ecommers-discriptionx{ float:none; margin: 0; width:88%; padding:1%; background:rgba(0,0,0,0.4);} #ecommers-discriptionx h2{ line-height:37px; color:#fff; margin:0; padding:1% 0 2% 0;} #ecommers-discriptionx p{ color:#fff;} .sectionx5{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .printx{ height:840px; background: url("../images/dealer-meet.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx1{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #work-discriptionx1{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx1 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx1 p{ width:96%; color:#fff; padding:2%;} .sectionx6{ height:auto; width:100%; position:relative; overflow: hidden;} .workshop{ height:1600px; background:#fff url("../images/workshop.jpg") center top no-repeat;} #workshop-inner-wrapperx{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #workshop-discriptionx{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(234,121,36,0.6);} #workshop-discriptionx h2{ line-height:37px; color:#fff; margin:0; padding:1% 0 2% 0;} #workshop-discriptionx p{ color:#fff;} .sectionx7{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .awards{ height:840px; background: url("../images/awards.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #awards-inner-wrapper{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #awards-discription{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(0,0,0,0.4);} #awards-discription h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #awards-discription p{ width:96%; color:#fff; padding:2%;} .sectionx8{ height:auto; width:100%; position:relative; overflow: hidden;} .trip{ height:900px; background:#fff url("../images/trip.jpg") center top no-repeat;} #trip-inner-wrapper{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #trip-discription{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(234,121,36,0.6);} #trip-discription h2{ line-height:37px; color:#fff; margin:0; padding:1% 0 1% 0%;} #trip-discription p{ color:#fff; padding:1% 1%;} .sectionx9{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .seminar{ height:840px; background: url("../images/seminars.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #seminar-inner-wrapper{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #seminar-discription{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(0,0,0,0.4);} #seminar-discription h2{ color:#fff; margin:0px 0 0px 0; padding:1% 0 1% 0%;} #seminar-discription p{ width:98%; color:#fff; padding:1% 1%;} .sectionx10{height:auto; width:100%; position:relative; overflow: hidden;} .ecommercetheme{ height:800px; background:#fff url("../images/theme.jpg") center top no-repeat;} #eCom_2theme{ position: absolute; right:0px; top: 200px;} #eCom_1theme{ position: absolute; left: 100px; top: 0px;} #eight-inner-wrappertheme{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #ecommers-discriptiontheme{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme p{ color:#fff;} .sectionx11{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .printxx{ height:840px; background: url("../images/occasion.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #work-discriptionx{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(211,130,3,0.7);} #work-discriptionx h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx p{ width:96%; color:#fff; padding:2%;} .sectionx12{height:auto; width:100%; position:relative; overflow: hidden;} .ecommerceexhibition{ height:800px; background:#fff url("../images/exhibition.jpg") center top no-repeat;} #eCom_2theme{ position: absolute; right:0px; top: 200px;} #eCom_1chair{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme1{ height:800px; width:72%; margin:0 0 0 28%; padding-top:270px;} #ecommers-discriptiontheme1{ float:none; width:65%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme1 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme1 p{ color:#fff;} .sectionx13{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .exhibition{ height:840px; background: url("../images/exhibition2.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx2{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #work-discriptionx2{ float:none; width:80%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx2 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx2 p{ width:96%; color:#fff; padding:2%;} .sectionx14{height:auto; width:100%; position:relative; overflow: hidden;} .travel{ height:800px; background:#fff url("../images/travel.jpg") center top no-repeat;} #travel2{ position: absolute; right:0px; top: 200px;} #travel1{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme2{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme2{float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme2 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme2 p{ color:#fff;} .sectionx15{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .artist{ height:840px; background: url("../images/artist.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx3{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #work-discriptionx3{ float:none; width:50%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx3 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx3 p{ width:96%; color:#fff; padding:2%;} .sectionx16{height:auto; width:100%; position:relative; overflow: hidden;} .roadshow{ height:800px; background:#fff url("../images/roadshow.jpg") center top no-repeat;} #travel2{ position: absolute; right:0px; top: 200px;} #travel1{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme3{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme3{ float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme3 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme3 p{ color:#fff;} .sectionx17{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .fashion{height:840px; background: url("../images/fashionshow.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx4{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #work-discriptionx4{ float:none; width:50%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx4 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx4 p{ width:96%; color:#fff; padding:2%;} .sectionx18{height:auto; width:100%; position:relative; overflow: hidden;} .college-fest{ height:800px; background:#fff url("../images/college-fest.jpg") center top no-repeat;} #travel2{ position: absolute; right:0px; top: 200px;} #travel1{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme4{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme4{ float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme4 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme4 p{ color:#fff;} .sectionx19{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .cultural{height:840px; background: url("../images/culturalshow.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx5{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #work-discriptionx5{ float:none; width:50%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx5 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx5 p{ width:96%; color:#fff; padding:2%;} .sectionx20{height:auto; width:100%; position:relative; overflow: hidden;} .promotion{ height:800px; background:#fff url("../images/promotional-activity.jpg") center top no-repeat;} #travel2{ position: absolute; right:0px; top: 200px;} #travel1{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme5{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme5{float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme5 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme5 p{ color:#fff;} .sectionx21{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .mallactivities{height:840px; background: url("../images/mall-act.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx6{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #work-discriptionx6{ float:none; width:50%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx6 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx6 p{ width:96%; color:#fff; padding:2%;} .sectionx22{height:auto; width:100%; position:relative; overflow: hidden;} .publicrelation{ height:800px; background:#fff url("../images/public-relation.jpg") center top no-repeat;} #travel2{ position: absolute; right:0px; top: 200px;} #travel1{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme6{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme6{float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme6 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme6 p{ color:#fff;} .sectionx23{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .commercial-shoots{height:840px; background: url("../images/commercialshot.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 1100px; top: 600px;} #fifth-inner-wrapperx7{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #work-discriptionx7{ float:none; width:50%; padding:1.5%; background:rgba(0,101,196,0.7);} #work-discriptionx7 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx7 p{ width:96%; color:#fff; padding:2%;} .sectionx24{height:auto; width:100%; position:relative; overflow: hidden;} .product-launch{ height:800px; background:#fff url("../images/produchlaunch.jpg") center top no-repeat;} #travel2{ position: absolute; right:0px; top: 200px;} #travel1{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme7{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme7{float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme7 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme7 p{ color:#fff;} .sectionx25{height:auto; width:100%; position:relative; overflow: hidden;} .ecommerceexhibition8{ height:800px; background:#fff url("../images/aboutus.jpg") center top no-repeat;} #eCom_2theme{ position: absolute; right:0px; top: 200px;} #eCom_1chair{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme8{ height:800px; width:75%; margin:0 0 0 25%; padding-top:200px;} #ecommers-discriptiontheme8{ float:none; width:82%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme8 h2{ line-height:37px; color:#fff; margin:0; padding:10px 0 30px 0;} #ecommers-discriptiontheme8 p{ color:#fff; font-size:16px;} #ecommers-discriptiontheme8 ul{ width:100%; float:left; margin:20px 0;} #ecommers-discriptiontheme8 ul li{ color:#fff; padding:5px 0 5px 0; margin-left:10px; color:#FC3; list-style-type:circle;} .sectionx26{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .exhibition5{ height:840px; background: url("../images/team.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #glass{ position: absolute; left: 960px; top: 600px;} #fifth-inner-wrapperx8{ height:800px; width:75%; margin:0 0 0 25%; padding-top:300px;} #work-discriptionx8{ float:none; width:80%; padding:1.5%; background:rgba(209,132,26,0.7);} #work-discriptionx8 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx8 p{ width:96%; color:#fff; padding:2%; font-size:14px;} .sectionx27{height:auto; width:100%; position:relative; overflow: hidden;} .members{ height:800px; background:#fff url("../images/team-members.jpg") center top no-repeat;} #eCom_2theme{ position: absolute; right:0px; top: 200px;} #eCom_1chair{ position: absolute; left: 30px; top: 0px;} /*#eight-inner-wrappertheme9{ height:800px; width:75%; margin:0 0 0 25%; padding-top:70px;}*/ #eight-inner-wrappertheme9{ height:800px; width:74%; padding:100px 0 0 14.8%; position:fixed; z-index:99999; background:url("../images/team-members.jpg") repeat fixed; left:10%; z-index:0;} #ecommers-discriptiontheme9{ float:none; width:82%; padding:1.5%; background:rgba(29,44,63,0.8);} #ecommers-discriptiontheme9 h2{ line-height:37px; color:#fff; margin:0; padding:10px 0 10px 0;} #ecommers-discriptiontheme9 p{ color:#fff; font-size:14px;} #ecommers-discriptiontheme9 ul{ width:100%; float:left; margin:0px 0;} #ecommers-discriptiontheme9 ul li{ color:#fff; padding:5px 0 5px 0; margin-left:10px; color:#FC3; list-style-type:circle;} .sectionx29{height:auto; width:100%; position:relative; overflow: hidden;} .contactus{ height:800px; width:100%; background:#fff url("../images/contactus.jpg") center top no-repeat;} #eCom_2theme{ position: absolute; right:0px; top: 200px;} #eCom_1chair{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme10{ height:800px; width:75%; margin:0 0 0 25%; padding-top:10px;} #ecommers-discriptiontheme10{ float:left; width:75%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme10 h2{ line-height:37px; color:#fff; margin:0; padding:1%;} #ecommers-discriptiontheme10 p{ color:#fff; width:100%;} .sectionx30{height:auto; width:100%; position:relative; overflow: hidden;} .clients{ height:800px; width:100%; background:#fff url("../images/clients.jpg") center top no-repeat;} #eCom_2theme{ position: absolute; right:0px; top: 200px;} #eCom_1chair{ position: absolute; left: 30px; top: 0px;} #eight-inner-wrappertheme11{ height:800px; width:75%; margin:0 0 0 35% !important; padding-top:200px;} #ecommers-discriptiontheme11{ float:left; width:70%; padding:1.5%;} #ecommers-discriptiontheme11 ul{ width:100%; float:left;} #ecommers-discriptiontheme11 ul li{ float:left; width:31%; margin-left:2%; margin-bottom:2%;} #ecommers-discriptiontheme11 ul li img{ width:100%;} #ecommers-discriptiontheme11 h2{ line-height:37px; color:#000; margin:0; padding:2% 1% 0 20%; font-size:30px; text-transform:uppercase; font-weight:bold;} #ecommers-discriptiontheme11 p{ color:#fff; width:100%;} .sectionx31{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .exhibition5{ height:840px; background: url("../images/team.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} /*#fifth-inner-wrapperx31{ height:800px; width:75%; margin:0 0 0 25%; padding-top:100px; position:fixed; z-index:99999;}*/ #fifth-inner-wrapperx31{ height:800px; width:74%; padding:100px 0 0 14.8%; position:fixed; z-index:99999; background:url("../images/team.jpg") repeat fixed; left:10%; z-index:0;} #work-discriptionx31{ float:none; width:80%; padding:1.5%; background:rgba(29,44,63,0.8);} #work-discriptionx31 h2{ color:#fff; margin:0px 0 0px 0; padding:0 0 0 2%;} #work-discriptionx31 p{ width:96%; color:#fff; padding:2%; font-size:14px;} .sectionx85{ height:auto; width:100%; position:relative; overflow: hidden;} .trip2{ height:900px; background:#fff url("../images/team-bild.jpg") center top no-repeat;} #trip-inner-wrapper{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #trip-discription{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(8,90,135,0.7);} #trip-discription h2{ line-height:37px; color:#fff; margin:0; padding:1% 0 1% 0%;} #trip-discription p{ color:#fff; padding:1% 1%;} .sectionx95{ height:840px; width:100%; position:relative; overflow: hidden; margin-top:800px;} .seminar2{ height:840px; background: url("../images/btl-activity.jpg") repeat fixed; background-position: 0% 100%; overflow:hidden;} #seminar-inner-wrapper{ height:800px; width:75%; margin:0 0 0 25%; padding-top:400px;} #seminar-discription{ float:none; margin: 0; width:87%; padding:1.5%; background:rgba(0,0,0,0.4);} #seminar-discription h2{ color:#fff; margin:0px 0 0px 0; padding:1% 0 1% 0%;} #seminar-discription p{ width:98%; color:#fff; padding:1% 1%;} .sectionx145{height:auto; width:100%; position:relative; overflow: hidden;} .travel25{ height:800px; background:#fff url("../images/educational.jpg") center top no-repeat;} #eight-inner-wrappertheme2{ height:800px; width:75%; margin:0 0 0 25%; padding-top:350px;} #ecommers-discriptiontheme2{float:none; width:50%; padding:1.5%; background:rgba(0,0,0,0.4);} #ecommers-discriptiontheme2 h2{ line-height:37px; color:#fff; margin:0;} #ecommers-discriptiontheme2 p{ color:#fff;} #content2{ position:relative; margin:20px auto; width:80%; min-height:200px; z-index:100; padding:30px; border:1px solid #383838; /* My stipped background */ background: #D1D1D1; /* Old browsers */ background: -moz-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: -o-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */ /*border-radius*/ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; /*box-shadow*/ -webkit-box-shadow:0px 1px 6px #3F3F3F; -moz-box-shadow:0px 1px 6px #3F3F3F; box-shadow:0px 1px 6px #3F3F3F; } #content2 h2{ color:#000; padding:20px 0; position:relative;} .clip{ position:absolute; right:-20px; top:-25px;} ul.social-list{ float:left; position:absolute; left:20px; bottom:20px;} ul.social-list li{ float:left;} /** my "fake" background that will hover the stripes **/ #content2:after{ background:#F9F9F9; margin:10px; position: absolute; content : " "; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; border:1px #E5E5E5 solid; /*border-radius*/ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } /*** form styling **/ /** we remove the red glow around required fields since we are already using the red star */ input:required, textarea:required { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } /** inputs and textarea**/ input:not([type="submit"]), textarea{ outline:none; display:block; width:350px; padding:4px 8px; height:40px !important; border:1px dashed #DBDBDB; color:#999 !important; font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif; font-size:13px; /*border-radius*/ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; /*transition*/ -webkit-transition:background 0.2s linear, box-shadow 0.6s linear; -moz-transition:background 0.2s linear, box-shadow 0.6s linear; -o-transition:background 0.2s linear, box-shadow 0.6s linear; transition:background 0.2s linear, box-shadow 0.6s linear; } input:not([type="submit"]):active, textarea:active, input:not([type="submit"]):focus, textarea:focus{ background:#F7F7F7; border:dashed 1px #969696; /*box-shadow*/ -webkit-box-shadow:2px 2px 7px #E8E8E8 inset; -moz-box-shadow:2px 2px 7px #E8E8E8 inset; box-shadow:2px 2px 7px #E8E8E8 inset; } input:not([type="submit"]){ height: 20px; } /* placeholder */ ::-webkit-input-placeholder { color:#BABABA; font-style:italic; } input:-moz-placeholder, textarea:-moz-placeholder{ color:#BABABA; font-style:italic; } textarea{ min-height:150px; resize:vertical; border:1px dashed #DBDBDB !important; } /** labels**/ /** adding our icon font !! */ label{ color:#7F7E7E; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } label:hover{ color:#191919; } label:before{ color:#C1BFBD; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } label:hover:before{ color:#969696; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } #content2 p{ margin:10px 0 !important; font-size:16px; padding:2px 0; } .indication{ color:#878787; font-size:12px; font-style:italic; text-align:right; padding-right:10px; } .required{ color:#E5224C; } #googlemaps { height: 100%; width: 100%; position:absolute; top: 0; left: 0; z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */ } /** Styling the send button **/ input[type=submit]{ margin-left:10px; cursor:pointer; background:none; border:none; font-family: 'Alice',serif; color:#767676; font-size:18px; padding:10px 4px; border:1px solid #E0E0E0; text-shadow: 0px 1px 1px #E8E8E8; background: rgb(247,247,247); background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%); background: linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%); /*border-radius*/ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; /*box-shadow*/ -webkit-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA; -moz-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA; box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA; /*transition*/ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } input[type=submit]:hover{ color:#686868; border-color: #CECECE; background: rgb(244,244,244); background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%); /*box-shadow*/ -webkit-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0; -moz-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0; box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0; } input[type=submit]:active, input[type=submit]:focus{ position:relative; top:1px; color:#515151; background: rgb(234,234,234); background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(top, rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%); /*box-shadow*/ -webkit-box-shadow:0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0; -moz-box-shadow:0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0; box-shadow:0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0; }