/*Responsive Menu*/ .top-nav-resp #home-resp:hover{ background-color: #69ba29; transition: all 1s ease; } .top-nav-resp #home-resp{ transition: all 1s ease; } .top-nav-resp ul li a span{ color:#333; } .top-nav-resp ul li a{ padding-left:10px; vertical-align:central; display:table-cell; padding-top:10px; display:block; } .top-nav-resp ul li:hover a{ text-decoration:none !important; transition: all 1s ease; } .top-nav-resp ul li:hover a span{ color:white; text-decoration:none !important; } .top-nav-resp ul li { min-height:40px; cursor:pointer; } .top-nav-resp ul li ul li a { min-height:40px; width:100%; padding-left:20px; display:block; } .top-nav-resp ul li ul li:hover { background-color:#3d3d3d; transition:all .5s ease; } .top-nav-resp ul .about-resp:hover { background-color: #00b9df; transition: all 1s ease; } .top-nav-resp ul .about-resp { transition: all 1s ease; } .top-nav-resp ul .product-resp:hover { background-color: #0075df; transition: all 1s ease; } .top-nav-resp ul .product-resp { transition: all 1s ease; } .top-nav-resp ul .resources-resp:hover { background-color: #f4a700; transition: all 1s ease; } /*.top-nav > ul > #resources:hover > ul li { background-color: #f4a700; }*/ .top-nav-resp ul .clients-resp:hover { background-color: #f05a28; transition: all .5s ease; } /*.top-nav > ul > #clients:hover > ul li { background-color: #f05a28; }*/ .top-nav-resp ul .partner-resp:hover { background-color: #f4015f; transition: all .5s ease; } /*.top-nav > ul > #partner:hover > ul li { background-color: #f4015f; }*/ .top-nav-resp ul .company-resp:hover { background-color: #7a018a; transition: all .5s ease; } /*.top-nav > ul > #company:hover > ul li { background-color: #7a018a; }*/ .top-nav-resp ul .contactus-resp:hover { background-color: #248e44; transition: all .5s ease; } .top-nav-resp ul li ul { /*display:initial;*/ } .top-nav-resp ul li ul li a:hover { color:white; } .top-nav-resp ul li ul li a { color:#3d3d3d; } .top-nav-resp ul li:hover ul li a { color:white; } .top-nav-resp ul li { border-bottom:1px; border-bottom-color:#3d3d3d; border-bottom-style:solid; border-bottom-width:thin; } /**/ /*Footer*/ @media(min-width:993px) { .bottombg #aboutfooter { margin-left:15%; } .bottombg #productfooter{ margin-left:-4%; } .bottombg #resourcesfooter{ padding-left:0%; } .bottombg #clientsfooter{ margin-left:2%; } .bottombg #partnerfooter{ margin-left:2%; } .bottombg #companyfooter{ margin-left:4%; width:auto; } } @media(max-width:992px) { .bottombg #aboutfooter { margin-left:30%; } .bottombg #productfooter{ margin-left:30%; } .bottombg #resourcesfooter{ margin-left:30%; } .bottombg #clientsfooter{ margin-left:30%; } .bottombg #partnerfooter{ margin-left:30%; } .bottombg #companyfooter{ margin-left:30%; } } /**/ .left-margin{ margin-left:3%; margin-top:-2%; /*margin-bottom:-2% !important;*/ } @media(min-width:768px){ .resp-mtop{ margin-top:0px; } } @media(max-width:767px){ .resp-mtop{ margin-top:8%; } .resp-min-height{ min-height:350px !important; } .resp-min-height-1300{ min-height:1300px !important; } } @media(max-width:767px){ .header-image{ margin-top:50px; } } @media(min-width:768px) { .bread-crumb { position: absolute; top: 200px; left: 150px; width: 50%; } .bread-crumb span { color: white; font: 12px/22px swisslight; /*letter-spacing: -1px;*/ background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.7); padding: 10px; position: absolute; } } @media(max-width:767px){ .bread-crumb { position: absolute; top: 55px; left: 20px; width: 80%; } .bread-crumb span { color: white; font: 10px/16px swisslight; /*letter-spacing: -1px;*/ background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.7); padding: 2px; position: absolute; } } @media(max-width:480px){ .wrapper_width_mobile p{ font-size:13px !important; } .dis-block{ display:inline-block !important; } } .height-width-50{ height:50px; width:50px; } #personalized{ background-image:url(vidimages/mobileappimg/personalized.png); } @media(min-width:1023px){ .show-1024{ visibility:hidden; height:0px; width:0; display:none; } } @media(max-width:1024px){ .show-1024{ visibility:visible; max-height:800px; width:auto; } } @keyframes slideDown { 0% { opacity: 0; height: 0; } 100% { opacity: 1; height: 20px; } } details { max-width:400px; cursor:pointer; } details[open] > div { animation-name: slideDown; animation-duration: 20ms; animation-timing-function:cubic-bezier(0, 0, 1, 0); overflow:hidden; /*padding-left: 18px;*/ } details p { margin: 0 0 0 0; padding: 0 0 5px 0; } details ul { margin : 0; padding:0; list-style:none; } summary::-webkit-details-marker { display: none } summary:after { /*background: red;*/ border-radius: 5px; /*content: "+";*/ content: none; color: #3d3d3d; float: left; font-size: 1.5em; font-weight: bold; margin: -25px 0px 0 0; padding: 0; text-align: center; width: 20px; } details[open] summary:after { /*content: "-";*/ content: none; } details ul li{ margin : 0; padding:0; list-style:none; border-bottom:solid; border-bottom-width:1px; color:#3d3d3d; padding-top:7px; padding-bottom:7px; cursor:default; /*box-shadow: 0px 0px 5px rgba(105, 186, 41, 1)*/ } details ul #circular{ border-bottom-color:#69ba29; /*border-top:solid; border-top-width:1px; border-top-color:#3d3d3d;*/ box-shadow: 0px 0px 5px rgba(105, 186, 41, 1) } details ul #Assignment{ border-bottom-color:#00b9df; box-shadow: 0px 0px 5px rgba(0, 185, 223, 1); } details ul #attendance{ border-bottom-color:#0075df; box-shadow: 0px 0px 5px rgba(0, 117, 223, 1); } details ul #result{ border-bottom-color:#f4a700; box-shadow: 0px 0px 5px rgba(244, 167, 0, 1); } details ul #fee{ border-bottom-color:#f05a28; box-shadow: 0px 0px 5px rgba(240, 90, 40, 1); } details ul #behavior{ border-bottom-color:#ca1d5f; box-shadow: 0px 0px 5px rgba(244, 1, 95, 1); } details ul #news{ border-bottom-color:#853aa0; box-shadow: 0px 0px 5px rgba(133, 58, 160, 1); } details ul #homework{ border-bottom-color:#248e44; box-shadow: 0px 0px 5px rgba(36, 142, 68, 1); } details ul #query{ border-bottom-color:#10aba7; box-shadow: 0px 0px 5px rgba(16, 171, 167, 1); } /*Second Row*/ details ul #Calender{ border-bottom-color:#69ba29; /*border-top:solid; border-top-width:1px; border-top-color:#3d3d3d;*/ box-shadow: 0px 0px 5px rgba(105, 186, 41, 1) } details ul #event{ border-bottom-color:#00b9df; box-shadow: 0px 0px 5px rgba(0, 185, 223, 1); } details ul #Activity{ border-bottom-color:#0075df; box-shadow: 0px 0px 5px rgba(0, 117, 223, 1); } details ul #Gallery{ border-bottom-color:#f4a700; box-shadow: 0px 0px 5px rgba(244, 167, 0, 1); } details ul #Blog{ border-bottom-color:#f05a28; box-shadow: 0px 0px 5px rgba(240, 90, 40, 1); } details ul #poll{ border-bottom-color:#ca1d5f; box-shadow: 0px 0px 5px rgba(244, 1, 95, 1); } details ul #task{ border-bottom-color:#853aa0; box-shadow: 0px 0px 5px rgba(133, 58, 160, 1); } details ul #Birthday{ border-bottom-color:#248e44; box-shadow: 0px 0px 5px rgba(36, 142, 68, 1); } details ul #Myclass{ border-bottom-color:#10aba7; box-shadow: 0px 0px 5px rgba(16, 171, 167, 1); } .adjust-highlight{ margin-left:80%;margin-right:0%; } @media (max-width:1024px){ .adjust-highlight{ margin-left:0%;margin-right:0%; } .display-block{ display:block !important; } } @media (max-width:1024px){ .hide-1024{ visibility:hidden; height:0px; width:0px; padding:0px; margin:0px; display:none !important; } } @media(max-width:768px){ .hide-767{ visibility:hidden; height:0px; width:0px; display:none; } } @media(max-width:767px){ .show-767{ visibility:visible; } } @media(min-width:768px){ .show-767{ visibility:hidden; height:0px; width:0px; display:none; } } @media(min-width:993px){ .display-flex{ display:flex; } .display-flex .col-md-3{ padding-top:10px; padding-left:10px; } .display-hightlight{ display:block; padding-top:5px; padding-bottom:5px; } .flex-only{ display:flex; } .resp-pad-tl-10{ padding-top:10px;padding-left:10px; } .resp-mleft-17{ margin-left:15% !important; } } @media(max-width:992px){ /*.display-flex{ display:block; width:100%; float:none; }*/ .resp-pad-tl-10{ padding-top:15px;padding-left:10px; } .line-height-1{ line-height:1; } .padding-lr-zero{ padding-left:0px !important; padding-right:0px !important; } .flex-only{ display:flex; } .display-flex .col-md-3{ padding-top:8px; padding-bottom:12px; display:flex; text-align:left; } .display-hightlight{ display:flex; } /*.display-hightlight-parent{ display:flex; }*/ } @media(min-width:993px){ .slider-image{ width:990px; } } @media(max-width:992px){ .slider-image{ width:300px; } } .grayborder{ border:solid;border-width:0px;border-color:#3d3d3d; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); } [class*="bg55__"] { /*height: 25vh;*/ /*height:100vh;*/ text-indent: 0px; /* fix background */ background-attachment: fixed; /* center it */ background-position:center; /* Scale it nicely to the element */ background-size: cover; /*filter: blur(2px); -webkit-filter: blur(2px);*/ /* just make it look a bit better ;) */ /*:nth-child(2n) { box-shadow: inset 0 0 1em #111;*/ } .bg55__bazz { /*height:100vh;*/ /*width: 100vw;*/ } /*Css slider with text end here ---------------------------*/ .block-head-contact-vid:before { top:60px; background-color:#e5382f; position: absolute; bottom: -3px; left: 15%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-contact-vid:after { top:62px; background-color:#e5382f; position: absolute; bottom: -1px; left: 6.8%; width: 25%; height: 1px; content: ""; display: inline-block; } .block-head-brochures-vid:before { top:70px; background-color:#e5382f; position: absolute; bottom: -3px; left: 7%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-brochures-vid:after { top:72px; background-color:#e5382f; position: absolute; bottom: -1px; left: 4.8%; width: 8%; height: 1px; content: ""; display: inline-block; } .block-head-integration-vid:before { top:70px; background-color:#e5382f; position: absolute; bottom: -3px; left: 8%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-integration-vid:after { top:72px; background-color:#e5382f; position: absolute; bottom: -1px; left: 5.8%; width: 8%; height: 1px; content: ""; display: inline-block; } .block-head-history-vid:before { top:70px; background-color:#e5382f; position: absolute; bottom: -3px; left: 5.5%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-history-vid:after { top:72px; background-color:#e5382f; position: absolute; bottom: -1px; left: 3%; width: 8%; height: 1px; content: ""; display: inline-block; } @media(min-width:768px){ .block-head-about-vid:before { top:70px; background-color:#e5382f; position: absolute; bottom: -3px; left: 10%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-about-vid:after { top:72px; background-color:#e5382f; position: absolute; bottom: -1px; left: 8%; width: 8%; height: 1px; content: ""; display: inline-block; } } @media(max-width:767px){ .block-head-about-vid:before { /*top:70px;*/ background-color:#e5382f; position: absolute; bottom: -3px; left: 50px; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-about-vid:after { /*top:72px;*/ background-color:#e5382f; position: absolute; bottom: -1px; left: 10px; width: 100px; height: 1px; content: ""; display: inline-block; } } .block-head-why-vid:before { top:72px; background-color:#e5382f; position: absolute; bottom: -3px; left: 10.3%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-why-vid:after { top:74px; background-color:#e5382f; position: absolute; bottom: -1px; left: 8%; width: 8%; height: 1px; content: ""; display: inline-block; } .block-head-benefit-vid:before { top:73px; background-color:#e5382f; position: absolute; bottom: -3px; left: 15%; width: 35px; height: 5px; content: ""; display: inline-block; } .block-head-benefit-vid:after { top:75px; background-color:#e5382f; position: absolute; bottom: -1px; left: 12.5%; width: 8%; height: 1px; content: ""; display: inline-block; } @media(max-width:480px) { .social-plugins { position: fixed; top: 300px; left: 0px; z-index: 999999; width: 0px; } .social-plugins ul { padding: 0px; -webkit-transform: translate(-310px, 0); -moz-transform: translate(-310px, 0); -ms-transform: translate(-310px, 0); -o-transform: translate(-310px, 0); transform: translate(-310px, 0); } .social-plugins ul li { display: block; margin: 5px; width: 340px; height: 50px; text-align: right; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .social-plugins ul li a { text-decoration: none !important; color: white; } .social-plugins li.facebook { background: #3b5997; border: 1px solid #3b5997; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } /*.social-plugins li.facebook:hover { background: #3b5997; text-decoration: none; } .social-plugins li.facebook:hover img { background: #395797; transform: rotate(360deg); transition: all 1s; }*/ .social-plugins li.facebook img { background: #395797; transform: rotate(-360deg); transition: all 1s; } .main .social-plugins ul .facebook a { color: #FFF; } i.fa.fa-facebook { color: #fff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /*google plus*/ .social-plugins li.gplus { background: #dd4c3b; border: 1px solid #dd4c3b; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } /*.social-plugins li.gplus:hover { background: #dd4c3b; text-decoration: none; } .social-plugins li.gplus:hover img { background: #dd4c3b; transform: rotate(360deg); transition: all 1s; }*/ .social-plugins li.gplus img { background: #dd4c3b; transform: rotate(-360deg); transition: all 1s; } /*Twitter*/ .social-plugins li.twitter { background: #29c5f6; border: 1px solid #29c5f6; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } /*.social-plugins li.twitter:hover { background: #29c5f6; text-decoration: none; } .social-plugins li.twitter:hover img { background: #29c5f6; transform: rotate(360deg); transition: all 1s; }*/ .social-plugins li.twitter img { background: #29c5f6; transform: rotate(-360deg); transition: all 1s; } /*LinkedIn*/ .social-plugins li.linkedin { background: #006dc0; border: 1px solid #006dc0; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } /*.social-plugins li.linkedin:hover { background: #006dc0; text-decoration: none; }*/ /*.social-plugins li.linkedin:hover img { background: #006dc0; transform: rotate(360deg); transition: all 1s; }*/ .social-plugins li.linkedin img { background: #006dc0; transform: rotate(-360deg); transition: all 1s; } /*--------*/ .main .social-plugins ul .twitter a { color: #FFF; } i.fa.fa-twitter { color: #fff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /*-------*/ /*.social-plugins ul li:hover { -webkit-transform: translate(150px, 0); -moz-transform: translate(150px, 0); -ms-transform: translate(150px, 0); -o-transform: translate(150px, 0); transform: translate(150px, 0); background-color: #FFF; background-position: 255; text-decoration: none; }*/ .social ul li i { margin-left: 20px; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @media(min-width:481px){ .social-plugins { position: fixed; top: 300px; left: 0px; z-index: 999999; width: 0px; } .social-plugins ul { padding: 0px; -webkit-transform: translate(-310px, 0); -moz-transform: translate(-310px, 0); -ms-transform: translate(-310px, 0); -o-transform: translate(-310px, 0); transform: translate(-310px, 0); } .social-plugins ul li { display: block; margin: 5px; width: 340px; height: 50px; text-align: right; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .social-plugins ul li a { text-decoration: none !important; color: white; } .social-plugins li.facebook { background: #3b5997; border: 1px solid #3b5997; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } .social-plugins li.facebook:hover { background: #3b5997; text-decoration: none; } .social-plugins li.facebook:hover img { background: #395797; transform: rotate(360deg); transition: all 1s; } .social-plugins li.facebook img { background: #395797; transform: rotate(-360deg); transition: all 1s; } .main .social-plugins ul .facebook a { color: #FFF; } i.fa.fa-facebook { color: #fff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /*google plus*/ .social-plugins li.gplus { background: #dd4c3b; border: 1px solid #dd4c3b; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } .social-plugins li.gplus:hover { background: #dd4c3b; text-decoration: none; } .social-plugins li.gplus:hover img { background: #dd4c3b; transform: rotate(360deg); transition: all 1s; } .social-plugins li.gplus img { background: #dd4c3b; transform: rotate(-360deg); transition: all 1s; } /*Twitter*/ .social-plugins li.twitter { background: #29c5f6; border: 1px solid #29c5f6; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } .social-plugins li.twitter:hover { background: #29c5f6; text-decoration: none; } .social-plugins li.twitter:hover img { background: #29c5f6; transform: rotate(360deg); transition: all 1s; } .social-plugins li.twitter img { background: #29c5f6; transform: rotate(-360deg); transition: all 1s; } /*LinkedIn*/ .social-plugins li.linkedin { background: #006dc0; border: 1px solid #006dc0; font-size: 13px; color: #FFF; text-decoration: none; padding-top: 10px; } .social-plugins li.linkedin:hover { background: #006dc0; text-decoration: none; } .social-plugins li.linkedin:hover img { background: #006dc0; transform: rotate(360deg); transition: all 1s; } .social-plugins li.linkedin img { background: #006dc0; transform: rotate(-360deg); transition: all 1s; } /*--------*/ .main .social-plugins ul .twitter a { color: #FFF; } i.fa.fa-twitter { color: #fff; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /*-------*/ .social-plugins ul li:hover { -webkit-transform: translate(150px, 0); -moz-transform: translate(150px, 0); -ms-transform: translate(150px, 0); -o-transform: translate(150px, 0); transform: translate(150px, 0); background-color: #FFF; background-position: 255; text-decoration: none; } .social ul li i { margin-left: 20px; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } user agent stylesheeti, cite, em, var, address, dfn { font-style: italic; } @media(min-width:481px) { .watch_media { position: fixed; width: 60px; background: #2F65B2; padding: 0px; right: 0px; top: 370px; z-index: 100; transition: all 1s ease; } .watch_media:hover { position: fixed; width: 260px; background: #2F65B2; padding: 0px; right: 0px; top: 370px; z-index: 100; transition: all 1s ease; } .request-demo { position: fixed; width: 60px; background: #2F65B2; padding: 0px; right: 0px; top: 430px; z-index: 100; transition: all 1s ease; } .request-demo:hover { position: fixed; width: 260px; background: #2F65B2; padding: 0px; right: 0px; top: 430px; z-index: 100; transition: all 1s ease; } } @media(max-width:480px) { .watch_media { position: fixed; width: 60px; background: #2F65B2; padding: 0px; right: 0px; top: 360px; z-index: 100; transition: all 1s ease; } .request-demo { position: fixed; width: 60px; background: #2F65B2; padding: 0px; right: 0px; top: 430px; z-index: 100; transition: all 1s ease; } } /*.social-plugins{ position:fixed; width:70px;background:#2F65B2; padding:5px; left:0px; top:250px; z-index:100; transition:all 0.3s ease; } .social-plugins:hover{ position:fixed; width:260px;background:#2F65B2; padding:5px; left:0px; top:250px; z-index:100; transition:all 0.3s ease; } .social-plugins:hover img{ transition:all 0.3s ease; transform:rotate(360deg); } .social-plugins img{ transition:all 0.3s ease; transform:rotate(0deg); }*/ @media(min-width:993px) { .hiring span { background: transparent; border-radius: 50%; width: 85px; height: 85px; line-height: 85px; font-size: 40px; font-weight: 400; color: #FFF; display: block; margin: 0 auto; text-align: center; -webkit-transition: all .7s ease; -mozkit-transition: all .7s ease; transition: all .7s ease; transform: translate(0,0) rotate(0) scale(0.80); -webkit-transform: translate(0,0) rotate(0) scale(0.80); -mozkit-transform: translate(0,0) rotate(0) scale(0.80); cursor: pointer; } .hiring span:hover { transform: translate(0,0) rotate(360deg) scale(0.60); -webkit-transform: translate(0,0) rotate(360deg) scale(0.60); -mozkit-transform: translate(0,0) rotate(360deg) scale(0.60); } .inline-block{ display:inline-block; } } @media(max-width:992px){ .hiring{ visibility:hidden; height:0px; width:0px; } } @media(min-width:993px){ .tiny-circle-content{ display:block; font-family:swissbold;padding-left:22%; } .pad15{ padding-right:0px !important; } .mar10{ margin-left:10px; } .margin-top-m-10{ margin-top:-10px; } .padleft0{ padding-left:initial; } } @media(max-width:992px){ .padleft0{ padding-left:0px !important; } .tiny-circle-content{ display:initial; font-family:swissbold;padding-left:22%; text-align:left; } .tinycircle #fifteen{ /*background-color: #69ba29;*/ border-bottom:solid; border-bottom-width:1px; border-bottom-color:#69ba29; border-top:solid; border-top-width:1px; border-top-color:#3d3d3d; color:#3d3d3d; padding-top:7px; padding-bottom:7px; box-shadow: 0px 0px 5px rgba(105, 186, 41, 1) } .tinycircle #sixthousand{ /*background-color:#00b9df;*/ border-bottom:solid; border-bottom-width:1px; border-bottom-color:#00b9df; color:#3d3d3d; padding-top:7px; padding-bottom:7px; box-shadow: 0px 0px 5px rgba(0, 185, 223, 1); } .tinycircle #tweleve{ /*background-color:#0075df;*/ border-bottom:solid; border-bottom-width:1px; border-bottom-color:#0075df; color:#3d3d3d; padding-top:7px; padding-bottom:7px; box-shadow: 0px 0px 5px rgba(0, 117, 223, 1); } .tinycircle #ninetynine{ /*background-color:#f4a700;*/ border-bottom:solid; border-bottom-width:1px; border-bottom-color:#f4a700; color:#3d3d3d; padding-top:7px; padding-bottom:7px; box-shadow: 0px 0px 5px rgba(244, 167, 0, 1); padding-left:0px !important; } .tinycircle #best{ /*background-color:#f05a28;*/ border-bottom:solid; border-bottom-width:1px; border-bottom-color:#f05a28; color:#3d3d3d; padding-top:7px; padding-bottom:7px; box-shadow: 0px 0px 5px rgba(240, 90, 40, 1); } .tinycircle #reports{ /*background-color:#f4015f;*/ border-bottom:solid; border-bottom-width:1px; border-bottom-color:#f4015f; color:#3d3d3d; padding-top:7px; padding-bottom:7px; box-shadow: 0px 0px 5px rgba(244, 1, 95, 1); } } .swisslight{ font-family:swisslight; } .swissbold{ font-family:swissbold; } .swissroman{ font-family:swissroman; } .white-font{ color:white; } @font-face{font-family:'swisslight'; src:url('../fonts/Swis721 Lt BT.ttf')} @font-face{font-family:'swissbold';src:url('../fonts/Swiss 721BT Bold.ttf')} @font-face{font-family:'swissroman';src:url('../fonts/Swiss721BT Roman.ttf')} .bgimgcenter{ background-repeat:no-repeat !important; background-position: center center !important; } /*.menu-item{ list-style:none; } .menu-item a{ padding:20px; padding-bottom:10px; border:1px solid #1B3E70; color:#1B3E70; text-decoration:none; }.menu-item a:hover{ background-color:#1B3E70; color:white; } .menu-item .active{ background-color:#1B3E70; color:white; }*/ /*@font-face { font-family: 'bree_reg'; src: url('fonts/breeserif_reg_0-webfont.eot'); src: url('fonts/breeserif_reg_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/breeserif_reg_0-webfont.woff') format('woff'), url('fonts/breeserif_reg_0-webfont.ttf') format('truetype'), url('fonts/breeserif_reg_0-webfont.svg#bree_serifregular') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'proxima_novalight'; src: url('fonts/proximanova-light-webfont.eot'); src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light-webfont.woff') format('woff'), url('fonts/proximanova-light-webfont.ttf') format('truetype'), url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'proxima_nova_rgregular'; src: url('fonts/proximanova-regular-webfont.eot'); src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'proxima_novasemibold'; src: url('fonts/proximanova-semibold-webfont.eot'); src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot'); src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'webreinvent_font1'; src: url('fonts/webreinvent_font1.eot'); src: url('fonts/webreinvent_font1.eot?#iefix') format('embedded-opentype'), url('fonts/webreinvent_font1.woff') format('woff'), url('fonts/webreinvent_font1.ttf') format('truetype'), url('fonts/webreinvent_font1.svg#icomoon') format('svg'); font-weight: normal; font-style: normal }*/ ul, ol { padding: 0; margin: 0 } ul.resp-tabs-list { margin: 0px; padding: 0px; float: left; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4); border: none; width: 100%; text-align: center; } .resp-tabs-list li:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px; } .resp-tabs-list li:last-child:after { border-width: 0px; } .resp-tabs-list li, h2.resp-accordion { position: relative; font-size: 12px; display: inline-block; padding: 6px 16px 5px 16px; margin: 0; list-style: none; cursor: pointer; font-family: "swisslight"; color: #2b2d2f; text-transform: uppercase; line-height: 49px; border-bottom: 3px solid; border-bottom-color: #fff; margin-left: -4px; _background-image: url("img/li_shadow.png"); _background-position: left bottom; _background-repeat: repeat-x; text-decoration:none; } .resp-tabs-list li.hw_engage span { border-color: #70c72b; color: #70c72b; } .resp-tabs-list li.hw_engage.resp-tab-active:after { border-left-color: #70c72b; } .resp-tabs-list li.hw_engage:after { z-index: 8; } .resp-tabs-list li.hw_wirefarme span { border-color: #00b9df; color: #00b9df; } .resp-tabs-list li.hw_wirefarme.resp-tab-active:after { border-left-color: #00b9df; } .resp-tabs-list li.hw_wirefarme:after { z-index: 7; } .resp-tabs-list li.hw_uidesign span { border-color: #0368ae; color: #0368ae; } .resp-tabs-list li.hw_uidesign.resp-tab-active:after { border-left-color: #0075df ; } .resp-tabs-list li.hw_uidesign:after { z-index: 6; } .resp-tabs-list li.hw_uidev span { border-color: #f4a700; color: #f4a700; } .resp-tabs-list li.hw_uidev.resp-tab-active:after { border-left-color: #f4a700; } .resp-tabs-list li.hw_uidev:after { z-index: 5; } /*.resp-tabs-list li.hw_webdev span { border-color: #5fb4ec; color: #5fb4ec; }*/ .resp-tabs-list li.hw_webdev span { border-color: #f05a28; color: #f05a28; } .resp-tabs-list li.hw_webdev.resp-tab-active:after { border-left-color: #5fb4ec; } .resp-tabs-list li.hw_webdev:after { z-index: 4; } .resp-tabs-list li.hw_testing span { border-color: #f57a6e; color: #f57a6e; } .resp-tabs-list li.hw_testing.resp-tab-active:after { border-left-color: #f57a6e; } .resp-tabs-list li.hw_testing:after { z-index: 3; } .resp-tabs-list li.hw_uidelivery span { border-color: #7f8c8d; color: #7f8c8d } .resp-tabs-list li.hw_uidelivery.resp-tab-active:after { border-left-color: #7f8c8d; } .resp-tabs-list li.hw_uidelivery:after { z-index: 2; } .resp-tabs-list li.hw_maintence span { border-color: #7e9745; color: #7e9745 } .resp-tabs-list li.hw_maintence.resp-tab-active:after { border: none; } .resp-tabs-list li.hw_maintence:after { z-index: 1; } .resp-tabs-list li.resp-tab-active { color: #fff; } .resp-tabs-list li.hw_engage { border-bottom-color: #70c72b; } .resp-tabs-list li.hw_wirefarme { border-bottom-color: #00b9df ; } .resp-tabs-list li.hw_uidesign { border-bottom-color: #0075df; } .resp-tabs-list li.hw_uidev { border-bottom-color: #f4a700; } .resp-tabs-list li.hw_webdev { border-bottom-color: #f05a28; } .resp-tabs-list li.hw_testing { border-bottom-color: #f57a6e; } .resp-tabs-list li.hw_uidelivery { border-bottom-color: #7f8c8d; } .resp-tabs-list li.hw_maintence { border-bottom-color: #7e9745; } .resp-tabs-list li.hw_engage.resp-tab-active { background-color: #70c72b; color: white; } .resp-tabs-list li.hw_engage.resp-tab-active span { border-color: white; color: white; } .resp-tabs-list li.hw_wirefarme.resp-tab-active { background-color: #00b9df; } .resp-tabs-list li.hw_uidesign.resp-tab-active { background-color: #0075df; } .resp-tabs-list li.hw_uidev.resp-tab-active { background-color: #f4a700; } .resp-tabs-list li.hw_webdev.resp-tab-active { background-color: #f05a28; } .resp-tabs-list li.hw_testing.resp-tab-active { background-color: #f57a6e; } .resp-tabs-list li.hw_uidelivery.resp-tab-active { background-color: #7f8c8d; } .resp-tabs-list li.hw_maintence.resp-tab-active { background-color: #7e9745; } .resp-tabs-list li.hw_wirefarme.resp-tab-active span, .resp-tabs-list li.hw_uidesign.resp-tab-active span, .resp-tabs-list li.hw_uidev.resp-tab-active span, .resp-tabs-list li.hw_webdev.resp-tab-active span, .resp-tabs-list li.hw_testing.resp-tab-active span, .resp-tabs-list li.hw_uidelivery.resp-tab-active span, .resp-tabs-list li.hw_maintence.resp-tab-active span { border-color: #fff; color: #fff; } /*#hwtab_01 { background: #f5d76e; } #hwtab_02 { background: #01b8b5; } #hwtab_03 { background: url("img/hw_design.jpg") repeat; } #hwtab_04 { background: #27ae60; } #hwtab_05 { background: #3d89bb; } #hwtab_06 { background: #f57a6e; } #hwtab_07 { background: #7f8c8d; } #hwtab_08 { background: url("img/hw_mentenace.jpg") repeat; }*/ .resp-arrow { display: none; } .resp-tabs-list li span, h2.resp-accordion span { margin-top:10px; height: 25px; width: 25px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid; float: left; text-align: center; line-height: 22px; font-family: 'proxima_novasemibold'; font-size: 10px; margin-right: 10px; } .resp-tabs-list li:last-child { border-right: none; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } h2.resp-accordion { cursor: pointer; display: none; } .resp-tab-content { display: none; padding-top: 30px; } .resp-tab-active { background-image: none; _border: 1px solid #c1c1c1; border-bottom: none; _margin-bottom: -1px !important; _padding: 12px 14px 14px 14px !important; } .resp-content-active, .resp-accordion-active { display: block; } .nalgin_right { text-align: right; } .what_cont .row-fluid .span7 { float: right; } .what_cont .row-fluid .span5 { margin-left: 0; margin-right: 2.5641%; } .tab_bredcrumb ul { list-style: none; } .tab_bredcrumb ul li { float: left; font-family: 'proxima_novasemibold'; color: #232425; font-size: 14px; text-transform: uppercase; margin-right: 7px; background: url("img/bred_li.png") no-repeat left 5px; padding-left: 10px; } .tab_bredcrumb ul li:first-child { padding-left: 0px; background: none; } .tab_bredcrumb ul li a { text-transform: none; color: rgba(0, 0, 0, .4); font-family: 'proxima_nova_rgregular'; } .tab_bredcrumb ul li a:hover { color: #37352c; text-decoration: none; } .tab_bredcrumb ul li a.home { background: url("img/bred_home.png") no-repeat left 2px; width: 14px; height: 12px; float: left; padding-top: 5px; opacity: .8 } .tab_bredcrumb ul li a:hover.home { opacity: 1; } .tab_bredcrumb { float: left; margin-bottom: 15px; } .hw_left p { font-size: 17px; line-height: 26px; margin-bottom: 30px; color: #fff; } #hwtab_01 .hw_left p { color: #000; } #hwtab_01 .hw_left h1 { color: #000; background: url("img/engae_h1.png"); } #hwtab_02 .hw_left h1 { background: url("img/wireframe_h1.png"); } #hwtab_03 .hw_left h1 { background: url("img/design_h1.png"); } #hwtab_04 .hw_left h1 { background: url("img/dev_h1.png"); } #hwtab_05 .hw_left h1 { background: url("img/webdev_h1.png"); } #hwtab_06 .hw_left h1 { background: url("img/testing_h1.png"); } #hwtab_07 .hw_left h1 { background: url("img/support_h1.png"); } #hwtab_08 .hw_left h1 { background: url("img/maintence_h1.png"); } .hw_left h1 { text-transform: uppercase; font-family: 'proxima_novasemibold'; font-size: 40px; color: #fff; margin-bottom: 15px; padding: 17px 0 15px 90px; background-position: left center !important; background-repeat: no-repeat !important; letter-spacing: -1px; } .hw_right { position: relative; } .hw_right > img { position: absolute; bottom: 0; } .hw_left { float: left; } .hwdev_right { text-align: center; } .separator { background-color: #000; opacity: 1 !important; } .separator img:first-child { display: none; } .swipe { overflow: hidden; visibility: hidden; position: relative; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float: left; width: 100%; position: relative; } .code { background-color: #eeeeee; padding: 4px; border: 1px dotted #333333; font-family: Courier; font-size: 11px; color: #444444; } .horizontal { width: 432px; height: 555px; display: block; margin: auto; } .horizontal img, #mlens_wrapper_0 img { max-width: none; opacity: 1 !important; } /*start of Brand Page*/ /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 979px) { ul.resp-tabs-list { display: none; } /*.resp-tabs-container h2[aria-controls="tab_item-0"] { background: #f5d76e; border-bottom-color: #eac852; }*/ .resp-tabs-container h2[aria-controls="tab_item-0"] { background: #69ba29; border-bottom-color: #69ba29; } .resp-tabs-container h2[aria-controls="tab_item-1"] { background: #00b9df; border-bottom-color: #00b9df; } .resp-tabs-container h2[aria-controls="tab_item-2"] { background: #0075df; border-bottom-color: #0075df; } .resp-tabs-container h2[aria-controls="tab_item-3"] { background: #f4a700; border-bottom-color: #f4a700; } .resp-tabs-container h2[aria-controls="tab_item-4"] { background: #f05a28; border-bottom-color: #f05a28; } /*.resp-tabs-container h2[aria-controls="tab_item-5"] { background: #f57a6e; border-bottom-color: #de6155; } .resp-tabs-container h2[aria-controls="tab_item-6"] { background: #7f8c8d; border-bottom-color: #707c7d; } .resp-tabs-container h2[aria-controls="tab_item-7"] { background: #f8b070; border-bottom-color: #e19857; }*/ h2.resp-accordion { display: block; } .resp-vtabs .resp-tab-content { } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display: none !important; } .resp-vtabs .resp-tab-content:last-child { } } /**/ img.grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */ filter: #3d3d3d; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .gry{ -webkit-transition: all 1s ease-in-out; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .gry:hover{ -webkit-transition: all 1s ease-in-out; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } img.grayscale:hover { filter: none; -webkit-filter: grayscale(0%); } /**/ /*Home page footer-1 box div*/ @media (max-width: 800px) and (min-width: 480px){ .box_services { clear: both; width: 100% !important; float: none !important; display: block !important; border: 0px solid #dedede !important; } } @media (max-width: 800px) and (min-width: 480px) { .service_icon_margin { margin: 30px 0px 0px 0px !important; } .service_icon_margin_mobile { margin: 0px 0px 0px 120px !important; } } @media (max-width: 480px){ .marginleft25 { margin-left:0px !important; } } @media (max-width: 480px){ .titlemargintop30 { margin-top:-30px !important; } } @media (max-width: 480px){ .box_services { clear: both; width: 100% !important; float: none !important; display: block !important; border: 0px solid #dedede !important; } } @media (max-width: 480px) { .service_icon_margin { margin: 0px 0px 0px 0px !important; } } @media (max-width: 480px){ .box_services .service_icon { width: 35% !important; } .box_services .service_icon1 { width: 35% !important; } .box_services .service_icon2 { width: 35% !important; } .box_services .service_icon3 { width: 35% !important; } .box_services .service_icon4 { width: 35% !important; } } @media (max-width: 480px){ .box_services .service_description { width: 65% !important; float: right !important; display: inline-block !important; } .box_services .service_description_mobile { width: 80% !important; float: left !important; display: inline-block !important; margin-left:13%; } } @media (max-width: 800px) and (min-width: 480px){ .box_services .service_icon { width: 32% !important; } .box_services .service_icon1 { width: 32% !important; } .box_services .service_icon2 { width: 32% !important; } .box_services .service_icon3 { width: 32% !important; } .box_services .service_icon4 { width: 32% !important; } } @media (max-width: 800px) and (min-width: 480px){ .box_services .service_description { /*width: 67% !important;*/ float: right !important; display: inline-block !important; } } @media (max-width: 800px) and (min-width: 480px){ .wrapper_width { max-width: 96% !important; margin: 0px auto !important; } } @media(max-width:480px){ .titlemarginmobiletop30{ margin-top:0px !important; margin-left:13%; } .history-bullet{ margin-left:5% !important; } } .titlemarginmobiletop30{ margin-top:20px; margin-left:28%; } @media(max-width:480px){ .titlemargintop30{ margin-top:30px; } .history-bullet{ margin-left:5% !important; } } .titlemargintop30{ margin-top:30px; } .margintop30{ margin-top:30px; } .marginleft25{ margin-left:25px; } .wrapper_width_mobile { max-width: 100%; width: 960px; margin: 0px auto; } .round360{ transform: translate(0,0) rotate(-360deg) scale(1); transition:all 1s ease-in-out; } /*.round360:hover{ transform: translate(0,0) rotate(360deg) scale(1); transition:all 1s ease-in-out; margin-left:75% !important; margin-bottom:-10% !important; }*/ .wrapper_width { max-width: 100%; width: 960px; margin: 0px auto; } .box_services { width: 49.8%; float: left; display: inline-block; border-right: 1px solid #dedede; border-left: 1px solid #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #fff; min-height: 200px; } .notopleft { border-top: 0px !important; border-left: 0px!important; } .box_services:hover .service_icon { background-position: 0px 0px; } .box_services:hover .service_icon1 { background-position: 0px -102px; } .box_services:hover .service_icon2 { background-position: 0px -102px; } .box_services:hover .service_icon3 { background-position: 0px -102px; } .box_services:hover .service_icon4 { background-position: 0px -102px; } .service1 { background-image: url(vidimages/HomePageimg/1_1.png); background-repeat: no-repeat; background-position: 0px 0px; width: 36px; height: 46px; display: inline-block; margin: 35px 0px 0px 28px; } .service2 { background-image: url(vidimages/HomePageimg/2_1.png); background-repeat: no-repeat; background-position: 0px 0px; width: 46px; height: 36px; display: inline-block; margin: 35px 0px 0px 25px; } /*.service2:hover{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transform:rotate(360deg); }*/ .service3 { background-image: url(vidimages/HomePageimg/3_1.png); background-repeat: no-repeat; background-position: 0px 0px; width: 46px; height: 36px; display: inline-block; margin: 35px 0px 0px 25px; } .service4 { background-image: url(vidimages/HomePageimg/4_1.png); background-repeat: no-repeat; background-position: 0px 0px; width: 46px; height: 36px; display: inline-block; margin: 35px 0px 0px 25px; } .box_services .service_description { width: 62.4%; float: left; display: inline-block; } box_services .service_description_mobile { width: 90%; float: left; display: inline-block; } .box_services:hover a { color: #fff; background-color: #e5382f; border: 1px solid #f0f0f0; border-radius: 3px; } .box_services a { border: 1px solid #929292; margin-bottom: 20px; display: inline-block; padding: 7px 17px 7px; clear: both; color: #4e4e4e; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none; border-radius: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service_icon_margin { margin: 30px 0px 0px 25px; } .notopright { border-top: 0px !important; border-right: 0px!important; } .nobottomright { border-bottom: 0px !important; border-right: 0px!important; } .nobottomleft { border-bottom: 0px !important; border-left: 0px!important; } .box_services .service_icon { width: 26.4%; float: left; display: inline-block; background-image: url(http://www.graphinetmedia.com/application/themes/yuhu/style/../images/bg_services.png); background-repeat: no-repeat; height: 103px; background-position: 0px -102px; /*margin: 30px 0px 0px 0px;*/ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .box_services .service_icon1 { width: 26.4%; float: left; display: inline-block; background-image: url(vidimages/HomePageimg/hexagon/1.png); background-repeat: no-repeat; height: 103px; background-position: 0px 0px; /*margin: 30px 0px 0px 0px;*/ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .box_services .service_icon2 { width: 26.4%; float: left; display: inline-block; background-image: url(vidimages/HomePageimg/hexagon/2.png); background-repeat: no-repeat; height: 103px; background-position: 0px 0px; /*margin: 30px 0px 0px 0px;*/ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .box_services .service_icon3 { width: 26.4%; float: left; display: inline-block; background-image: url(vidimages/HomePageimg/hexagon/3.png); background-repeat: no-repeat; height: 103px; background-position: 0px 0px; /*margin: 30px 0px 0px 0px;*/ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .box_services .service_icon4 { width: 26.4%; float: left; display: inline-block; background-image: url(vidimages/HomePageimg/hexagon/4.png); background-repeat: no-repeat; height: 103px; background-position: 0px 0px; /*margin: 30px 0px 0px 0px;*/ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /*Integration Page*/ .text-center{ text-align:center; } .icon_body{ height:80px; margin-bottom:28px; margin-right:15px; margin-top:28px; } .paddingtop28{ padding-top:28px; } .inner_icon{ /*visibility:hidden;*/ background-position-x:center; background-position-y:center; } .icon_title { display: block; margin: 0 0 1.08em; font-weight: 600; font-size: 19px; line-height: 1.375em; /*text-transform:uppercase;*/ color:#3d3d3d; font-family:swissroman; } .icon_content{ height:100%; margin-bottom:28px; text-align:center; font-family:swisslight; } .qbutton { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; text-transform: uppercase; letter-spacing: 1px; /*-o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;*/ text-shadow: none; background-color: transparent; -webkit-transition: color .1s linear,background-color .1s linear,border-color .1s linear; -moz-transition: color .1s linear,background-color .1s linear,border-color .1s linear; -ms-transition: color .1s linear,background-color .1s linear,border-color .1s linear; -o-transition: color .1s linear,background-color .1s linear,border-color .1s linear; transition: color .1s linear,background-color .1s linear,border-color .1s linear; -webkit-box-sizing: initial!important; -moz-box-sizing: initial!important; box-sizing: initial!important; } .st-explore { font-size: 11px!important; font-weight: 600!important; height: 25px; line-height: 25px; font-family:swissroman; } .st-explore:hover{ background-color:#3d3d3d; border-color:#3d3d3d; -webkit-transition: color 0.3s linear,background-color 0.3s linear,border-color 0.3s linear; -moz-transition: color 0.3s linear,background-color 0.3s linear,border-color 0.3s linear; -ms-transition: color 0.3s linear,background-color 0.3s linear,border-color 0.3s linear; -o-transition: color 0.3s linear,background-color 0.3s linear,border-color 0.3s linear; transition: color 0.3s linear,background-color 0.3s linear,border-color 0.3s linear; color:white; text-decoration:none; } /*Final Circle Home Page*/ .touch_rept { width: auto; height: auto; margin-bottom: 20px; } .touch_rinner { display: inline-block; height: 116px; position: relative; width: 116px; } .touch_rept span.ntalk_bg { /*background-position: -146px 0;*/ } .touch_rept span { width: 116px; height: 116px; display: inline-block; transform: rotate(0deg); background-position: left top; background-repeat: no-repeat; background-image: url("vidimages/HomePageimg/circle.png"); transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; } .touch_rept span { margin-bottom: 10px; display: block; } .touch_all a p { color: #ececec; font-family: 'proxima_novalight'; text-shadow: 1px 1px #0a5a6c; -moz-text-shadow: 1px 1px #0a5a6c; -webkit-text-shadow: 1px 1px #0a5a6c; font-size: 22px; cursor: pointer; } .touch_rinner > p { position: absolute; top: 0; width: 100%; vertical-align: middle; height: 116px; line-height: 116px !important; z-index: 2; } .touch_inner p { font-size: 24px; text-shadow: 1px 1px #55cce6; -moz-text-shadow: 1px 1px #55cce6; -webkit-text-shadow: 1px 1px #55cce6; color: #095060; } .ani_bg { /*background: #2554c7;*/ /*background:#a81c1c;*/ /*background:#501CEB;*/ background:#3d3d3d; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; height: 92px; position: absolute; top: 12px; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; width: 92px; z-index: 1; left: 12px; } .touch_rept:hover .ani_bg { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .touch_rept:hover span { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } /* Shake Effect*/ .shake { display:inline-block } .shake { /*display:block;*/ position:relative; } h2.shake, .shake.inline { display:inline-block } /*h1,p,h2{ color:#FFF; }*/ @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } .shake:hover, .shake:focus { -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.2s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count:initial; -webkit-animation-timing-function: linear; } .our_integration ul li:hover .shake{ -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.2s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count:initial; -webkit-animation-timing-function: linear; } /* Integration Effects */ .our_integration{ width:100%; height:auto; float:left; } .our_integration ul{ margin:0; padding:0; float:left; list-style:none; margin:25px 0; width:100%; } /*.our_integration ul li{ height:350px; float:left; text-align:center; border:1px solid #d4dbe5; margin-bottom:30px; margin-right:2.5%; padding:0 5px; background: #f9f9f9; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }*/ /*.our_integration ul li:hover{ height:350px; float:left; text-align:center; border:1px solid black; margin-bottom:30px; margin-right:2.5%; padding:0 5px; background: #f9f9f9; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }*/ .our_integration ul li span{ margin-top:-44px; display:block; margin-bottom:11px; } .our_integration ul li p{ text-align:center; font-size:14px; line-height:20px; margin:5px 0 13px 0 } /* Circle 360 degree effect */ .circlealign{ text-align:justify ; vertical-align: central; margin-bottom:2%; padding-left:3%; padding-top:2%; } .circle { position: relative; margin: 2% auto; width: 4em; height: 4em; /*border-radius: 50%;*/ /*Uncomment above line if changes require in inner image*/ background: White; } .arc { overflow: visible; position: absolute; top: -1em; right: 50%; bottom: 50%; left: -1em; transform-origin: 100% 100%; transform: rotate(45deg) skewX(30deg); /*change above rotate deg for default arc position*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; margin:0 !important; padding:0 !important; } .arc:before { box-sizing: border-box; display: block; /*border: solid 1px red;*/ border:2px solid #efefef; border-top-color: red; width: 200%; height: 200%; border-radius: 50%; transform: skewX(-30deg); content: ''; /*transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;*/ margin:0 !important; padding:0 !important; } /*.circle .arc:hover { transform: rotate(405deg) skewX(30deg); transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }*/ .circle:hover > .arc{ transform: rotate(405deg) skewX(30deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } /*.circle:hover{ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; background-color:gray; }*/ /*.circlesmall{ position: relative; margin: 3em auto; width: 8em; height: 8em; border-radius: 50%; background: White; border: solid 1px navy; }*/ /*Blue Arc*/ .arcblue { overflow: visible; position: absolute; top: -1em; right: 50%; bottom: 50%; left: -1em; transform-origin: 100% 100%; transform: rotate(45deg) skewX(30deg); /*change above rotate deg for default arc position*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; margin:0 !important; padding:0 !important; } .arcblue:before { box-sizing: border-box; display: block; /*border: solid 1px red;*/ border:2px solid #efefef; border-top-color: #0075df; width: 200%; height: 200%; border-radius: 50%; transform: skewX(-30deg); content: ''; /*transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;*/ margin:0 !important; padding:0 !important; } .circle:hover > .arcblue{ transform: rotate(405deg) skewX(30deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } /**/ /*Yellow Arc*/ .arcyellow { overflow: visible; position: absolute; top: -1em; right: 50%; bottom: 50%; left: -1em; transform-origin: 100% 100%; transform: rotate(45deg) skewX(30deg); /*change above rotate deg for default arc position*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; margin:0 !important; padding:0 !important; } .arcyellow:before { box-sizing: border-box; display: block; /*border: solid 1px red;*/ border:2px solid #efefef; border-top-color: #f4a700; width: 200%; height: 200%; border-radius: 50%; transform: skewX(-30deg); content: ''; /*transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;*/ margin:0 !important; padding:0 !important; } .circle:hover > .arcyellow{ transform: rotate(405deg) skewX(30deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } /**/ /*Orange Arc*/ .arcorange { overflow: visible; position: absolute; top: -1em; right: 50%; bottom: 50%; left: -1em; transform-origin: 100% 100%; transform: rotate(45deg) skewX(30deg); /*change above rotate deg for default arc position*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; margin:0 !important; padding:0 !important; } .arcorange:before { box-sizing: border-box; display: block; /*border: solid 1px red;*/ border:2px solid #efefef; border-top-color: #f05a28; width: 200%; height: 200%; border-radius: 50%; transform: skewX(-30deg); content: ''; /*transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;*/ margin:0 !important; padding:0 !important; } .circle:hover > .arcorange{ transform: rotate(405deg) skewX(30deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } /**/ /*Circle Thick Effect*/ .circlethick45 { position: relative; margin: 2% auto; width: 7em; height: 7em; border-radius: 50%; background: White; border:0px solid gray; } .arcthick45 { overflow: visible; position: absolute; top: -1em; right: 50%; bottom: 50%; left: -1em; transform-origin: 100% 100%; transform: rotate(45deg) skewX(30deg); /*change above rotate deg for default arc position*/ transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; margin:0 !important; padding:0 !important; border:10px red; } .arcthick45:before { box-sizing: border-box; display: block; /*border: solid 1px red;*/ border:15px solid #b3b3b3; border-top-color: #0a5a6c; width: 200%; height: 200%; border-radius: 50%; transform: skewX(-30deg); content: ''; /*transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;*/ margin:0 !important; padding:0 !important; } .circlethick45:hover > .arcthick45{ transform: rotate(405deg) skewX(30deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; } .rotate360{ transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; } .rotate360:hover{ transform:rotate(360deg); transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; } .manage{ height:100px; width:100px; } .manage:hover .background90{ transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); /*opacity:0.9;*/ background-image:initial; } .circlethick90 { position: relative; margin: 2% auto; width: 7em; height: 7em; border-radius: 50%; background: White; border:0px solid gray; background-repeat:no-repeat; background-position:center; background-position-x:center; background-position-y:center; z-index:50; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } .background90{ /*transform:scale(1); transition: initial 2s ease-in-out; -webkit-transition: initial 2s ease-in-out;*/ background: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; height: 100px; position: absolute; /*top: 12px;*/ transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; width: 100px; z-index: 0; /*left: 12px;*/ } .circlethick90:hover .background90{ transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); /*opacity:0.9;*/ position:relative; background-image:initial; } .background90:hover{ /*transform:scale(1); background-color:black !important; transform-origin:center; transition: all 2s ease-in-out; -webkit-transition: all none 2s ease-in-out;*/ /*z-index:0; height:50px; width:50px; z-index:0; background:gray; -webkit-transform:scale(2); transform:scale(2);*/ } .circlethick90:hover { position: relative; margin: 2% auto; width: 7em; height: 7em; border-radius: 50%; background: black; border:0px solid gray; z-index:initial; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; background-repeat:no-repeat; background-position:center; background-position-x:center; background-position-y:center; } .arcthick90 { overflow: visible; position: absolute; top: -1em; right: 50%; bottom: 50%; left: -1em; transform-origin: 100% 100%; transform: rotate(130deg) skewX(30deg); /*change above rotate deg for default arc position*/ transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; margin:0 !important; padding:0 !important; border:10px red; } .arcthick90:before { box-sizing: border-box; display: block; /*border: solid 1px red;*/ border:14px solid #b3b3b3; border-top-color: #8537a5; width: 200%; height: 200%; border-radius: 50%; transform: skewX(-30deg); content: ''; /*transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;*/ margin:0 !important; padding:0 !important; } .circlethick90:hover > .arcthick90{ transform: rotate(490deg) skewX(30deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; } /** * HTML5 / CSS3 Circle with Partial Border * http://stackoverflow.com/q/13059190/1397351 */ .circle55 { position: relative; margin: 6em auto; width: 12em; height: 12em; border-radius: 50%; background: transparent; border:2px solid #efefef; border-top-color: red; /*border-right-color: #efefef; border-bottom-color: #efefef; border-left-color: #efefef;*/ /*change above rotate deg for default arc position*/ transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; /*-webkit-animation: animix 2s 1; -webkit-animation-fill-mode: backwards; -moz-animation: animix 2s 1; -moz-animation-fill-mode: backwards; animation: animix 2s 1; animation-fill-mode: backwards;*/ } .circle55:hover{ transform: rotate(360deg); /*change above roatation if yhou want to transit whole circle according to arc*/ transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; /*-webkit-animation: animix 2s 1; -webkit-animation-fill-mode: forwards; -moz-animation: animix 2s 1; -moz-animation-fill-mode: forwards; animation: animix 2s 1; animation-fill-mode: forwards;*/ } /*//Animate @-webkit-keyframes animix { /*0% { border-top-color: red; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }*/ /*25% { border-top-color: red; border-right-color: #efefef; border-bottom-color: #efefef; border-left-color: #efefef; }*/ /*50% { border-top-color: red; border-right-color: red; border-bottom-color: transparent; border-left-color: transparent; } 75% { border-top-color: red; border-right-color: red; border-bottom-color: red; border-left-color: transparent; } 100% { border-top-color: red; border-right-color: red; border-bottom-color: red; border-left-color: red; }*/ /*}*/ /*@keyframes animix {*/ /*0% { border-top-color: #efefef; border-right-color: #efefef; border-bottom-color: #efefef; border-left-color: #efefef; }*/ /*25% { border-top-color: red; border-right-color: #efefef; border-bottom-color: #efefef; border-left-color: #efefef; }*/ /*75% { border-top-color: red; border-right-color: #efefef; border-bottom-color: #efefef; border-left-color: #efefef; } 100% { border-top-color: red; border-right-color: #efefef; border-bottom-color: #efefef; border-left-color: #efefef; }*/ /*50% { border-top-color: red; border-right-color: red; border-bottom-color: transparent; border-left-color: transparent; } 75% { border-top-color: red; border-right-color: red; border-bottom-color: red; border-left-color: transparent; } 100% { border-top-color: red; border-right-color: red; border-bottom-color: red; border-left-color: red; }*/ /*}*/ @media (min-width:993px){ .tinycircle{ /*margin-left:15%; margin-right:12%;*/ margin-left:12%; margin-right:7%; padding-top:60px;margin-bottom:50px; } } @media (max-width:992px){ .tinycircle{ /*visibility:hidden;*/ padding-top:11%;margin-bottom:1.5%; /*min-height:100px;*/ margin:auto; } } .pagemargin { margin-right: 12%; margin-left: 12%; } .shadowbox{ /*background-color:#00CCFF; width:275px; height:130px; padding-top:15px;*/ } .shadow{ -webkit-box-shadow: 8px 10px 10px rgba(0,0,0,0.5), inset 8px 10px 10px rgba(255,255,255,0.75); -moz-box-shadow: 8px 10px 10px rgba(0,0,0,0.5), inset 8px 10px 10px rgba(255,255,255,0.75); box-shadow: 8px 10px 10px rgba(0,0,0,0.5), inset 8px 10px 10px rgba(255,255,255,0.75); background:#ccc; transition: all 0.5s ease; transform:scale(1); } .shadow:hover,.shadow:active{ -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.75); -moz-box-shadow: 8px 10px 10px rgba(0,0,0,0.5), inset 8px 10px 10px rgba(255,255,255,0.75); box-shadow: 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.75); background:white; transform:scale(1.15); transition: all 0.3s ease; } .shadowcasestudy{ -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.75); -moz-box-shadow: 8px 10px 10px rgba(0,0,0,0.5), inset 8px 10px 10px rgba(255,255,255,0.75); box-shadow: 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.75); background:white; transition: all 2s ease-in-out; transform:scale(1); } .shadowcasestudy:hover{ -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.75); -moz-box-shadow: 8px 10px 10px rgba(0,0,0,0.5), inset 8px 10px 10px rgba(255,255,255,0.75); box-shadow: 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.75); background:#f3f3f3; /*transform:scale(1.02);*/ transition: all 0.8s ease-in-out; } .talk-bubble { margin: 10px; display: inline-block; position: relative; width: 100%; height: auto; background-color: #f4f4f4; } .tri-right.border.right-in:before { content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -40px; top: 30px; bottom: auto; border: 20px solid; border-color: #666 transparent transparent #666; } .tri-right.right-in:after{ content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: 25px; /*change above property to move the angle for right*/ bottom: auto; border: 12px solid; border-color: #f4f4f4 transparent transparent #f4f4f4; } .talktext{ padding: 1em; text-align: left; line-height: 1.5em; font-family:swisslight; } .talktext p{ /* remove webkit p margins */ -webkit-margin-before: 0em; -webkit-margin-after: 0em; } .tri-right.border.left-in:before { content: ' '; position: absolute; width: 0; height: 0; left: -40px; right: auto; top: 30px; bottom: auto; border: 20px solid; border-color: #666 #666 transparent transparent; } .tri-right.left-in:after{ content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 25px; bottom: auto; border: 12px solid; border-color: #e4f3fe #e4f3fe transparent transparent; } /* Case study */ .panel{ font-size:1.6rem; background:#f3f3f3; margin-top:30px; padding:30px; border:10px #ebebeb solid; border-width:10px 0 0; border-radius:3px; } .light{ background:#fff; border:5px #f2f2f2 solid; padding:25px; } .panel.light{ background:#fff; border:5px #f2f2f2 solid; padding:25px; } .pnl-title{ margin:0 0 20px; margin-bottom:20px; font-weight:400; font-family:swissroman; } .thumb{ float:left; margin:0 20px 20px 0; border-radius:3px; display:block; /*border:solid; border-width:1px;*/ /*transform:rotate(90deg);*/ } .panel-content{ overflow:hidden; font-family:swisslight; } .panel p:first-child{ margin-top:0; } .panel p{ font-size:1.6rem; margin:8px 0 0; } .more{ margin:8px 0 0; overflow:hidden; zoom:1; font-family:swisslight; } .more a{ color:#d73000; font-weight:400; display:inline-block; vertical-align:middle; zoom:1; padding-left:2px; margin-top:0; font-family:swisslight; } /*.l-grid-4 { width: 50%; }*/ /*round effect*/ @media(max-width:480px){ .roundeffect .effect{ width:80px; height:80px; margin:auto; border-radius:50%; border:8px solid #ececec; margin-top:5px; margin-bottom:5px; /*position:relative;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .roundeffect .effect img{ height:60%; width:60%; } .roundeffect:hover .effect{ width:80px; height:80px; margin:auto; border-radius:50%; border:8px solid #e96656; margin-top:5px; margin-bottom:5px; /*position:relative;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /*transform:rotate(360deg);*/ } .roundeffect:hover .headercolor{ color:#e96656; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .roundeffect .headercolor{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } } @media(min-width:481px) { .roundeffect .effect { width: 105px; height: 105px; margin: auto; border-radius: 50%; border: 8px solid #ececec; margin-top: 5px; margin-bottom: 5px; /*position:relative;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .roundeffect:hover .effect { width: 105px; height: 105px; margin: auto; border-radius: 50%; border: 8px solid #e96656; margin-top: 5px; margin-bottom: 5px; /*position:relative;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /*transform:rotate(360deg);*/ } .roundeffect:hover .headercolor { color: #e96656; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .roundeffect .headercolor { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } } /*flip effect*/ .flip-container { position:relative; -webkit-perspective:1000; perspective:1000; } .flip-cards { width:100%; height:200px; position:relative; float:left; margin-left:0px; margin-right:15px; -webkit-transition: all 2s ease; transition: all 2s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } @media (max-width: 800px) and (min-width: 480px){ .flip-cards { width:100%; height:200px; position:relative; float:left; margin-left:0px; margin-right:15px; -webkit-transition: all 2s ease; transition: all 2s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } } @media (max-width: 480px) { .flip-cards { width:100%; height:350px; position:relative; float:left; margin-left:0px; margin-right:15px; -webkit-transition: all 2s ease; transition: all 2s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } } .flip-cards:hover { transform: rotateY( 180deg ); -webkit-transform: rotateY(180deg); } .flip-cards div { width:100%; height:200px; position:absolute; border-radius:15px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } @media (max-width: 800px) and (min-width: 480px) { .flip-cards div { width: 100%; height: 200px; position: absolute; border-radius: 15px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } } @media (max-width: 480px){ .flip-cards div { width: 100%; height: 330px; position: absolute; border-radius: 15px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } } .front-card-integrate { z-index: 2; background-image: url('../Content/vidimages/aboutvidyalayaimg/final_integrated.png'); background-repeat:no-repeat; background-position:center; border:solid; border-width:1px; background-color:#00cbfe; background-size:100%; } .front-card-ultimate { z-index: 2; background-image: url('/Content/vidimages/aboutvidyalayaimg/final_ultimate.png'); background-repeat:no-repeat; background-position:center; border:solid; border-width:1px; background-color:#70c72b; background-size:100%; } .front-card-feature { z-index: 2; background-image: url('/Content/vidimages/aboutvidyalayaimg/features_and_functionality.png'); background-repeat:no-repeat; background-position:center; border:solid; border-width:1px; background-color:#0075df; background-size:100%; } .front-card-yourdata { z-index: 2; background-image: url('/Content/vidimages/aboutvidyalayaimg/final_your_data_save.png'); background-repeat:no-repeat; background-position:center; border:solid; border-width:1px; background-color:#f4a700; background-size:100%; } .front-card-support { z-index: 2; background-image: url('/Content/vidimages/aboutvidyalayaimg/final_support.png'); background-repeat:no-repeat; background-position:center; border:solid; border-width:1px; background-color:#f05a28; background-size:100%; } .front-card-proud { z-index: 2; background-image: url('/Content/vidimages/aboutvidyalayaimg/final_Proud_to_lead.png'); background-repeat:no-repeat; background-position:center; border:solid; border-width:1px; background-color:#EEEEEE; background-size:100%; } .reverse-card { -webkit-transform: rotateY(180deg); transform: rotateY( 180deg ); } #card1 { /*background-image: url('/Content/vidimages/beneficiariesimg/benefit-administrators 2.jpg');*/ } #card2 { background-image: url('/images/blog/8_of_hearts.png'); } #card3 { background-image: url('/images/blog/black_joker.png'); } /*expand upwards effect*/ .boxb { width: 205px !important; height: auto; min-height: 205px!important; padding-bottom: 60px; border: 1px solid lightgray; position: relative; margin-right:5%; display:inline-block; } .boxb:hover > .box-shareb{ height:100%; } .boxb:hover > .box-shareblue{ height:100%; } .box-cntb { width: 100%; height: auto; /*width:205px; height:205px;*/ } .box-cntb img { width: 100%; height: auto; } .box-shareb { position: absolute; z-index: 2; bottom: 0; /*background: rgba(150,150,150,0.95);*/ background:#69ba29; width: 100%; height: 50px; overflow:hidden; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; font-family:swisslight; /*width:205px;*/ } .box-shareb:hover { height: 100%; } .box-shareblue:hover { height: 100%; } .box-shareblue { position: absolute; z-index: 2; bottom: 0; /*background: rgba(150,150,150,0.95);*/ background:#00b9df; width: 100%; height: 50px; overflow:hidden; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; /*width:205px;*/ } .share-titleb { height: 50px; width: 100%; text-align: center; line-height: 3.2; padding-top:7px; font-family:swisslight; font-size:13px; } .share-itemsb { width: 100%; height: 50px; } .itemb {display: initial;height: 100%;width:100%;float:left;text-align: left;line-height:1.6;padding-left:5%;font-size:12px} /*.div5 { width:200px; height: 20px; transition: height 1s; -moz-transition: width 1s; -webkit-transition: height 1s; -o-transition: width 1s; -ms-transition: width 1s; } .div5:hover { width:300px; height:200px; background: #999; }*/ /*.grow { padding: 5px 5px 5px 5px; border-radius: 10px; height: 49px; width: 22%; margin: 5px 1% 5px 1%; float: left; position: relative; transition: height 0.5s; -webkit-transition: height 0.5s; text-align: center; overflow: hidden; } .grow:hover { height: 145px; }*/ /*.container1 { max-width:500px; margin-left:auto; margin-right:auto; margin-top:10%; } h1 { font-family: "Open Sans", sans; font-weight:300; text-align:center; color:rgba(255,255,255,0.6) } h2 { color:#2c3e52; font-family: "Open Sans", sans; font-size: 14px; text-align:center; font-weight:700; margin-bottom:50px; } .service-details { height: 250px; overflow: hidden; position: relative; } .service-details img { position: absolute; top: 0; left: 0; height: inherit; width: auto; height: 100%; float: left; transition: all 0.8s; -moz-transition: all 0.8s; } .service-details:hover img { opacity: 0.4 !important; } .service-details .service-hover-text h3 { padding: 0px; margin: 0px; font-size: 25px; font-weight:300; font-family: "Open Sans"; } .service-details .service-hover-text h4 { padding: 0px; padding-bottom: 13px; margin: 0px; font-size: 14px; letter-spacing: 3px; width: 90%; font-family: "Open Sans"; text-transform:uppercase; border-bottom: 2px solid #000; } .service-hover-text{ visibility:hidden; } .service-details .service-hover-text p { padding-top: 13px; font-size: 14px; line-height: 20px; font-family: "Open Sans"; } .service-details .service-hover-text{ width: 42%; height: 89%; position: absolute; top: 0%; left: 50%; padding: 3% 4%; background: #D90E0E; color: rgba(255,255,255,1); transition: all 0.5s step-start; -moz-transition: all 0.4s; } .service-details:hover .service-hover-text { display: block !important; color: rgba(255,255,255,1); background:rgba(217,14,14,0.85); left: 0px; top: 0px; visibility:visible; } .service-details .service-text { width: 50%; height: inherit; background: #000; float: left; position: absolute; left: 50%; } .service-details .service-text p { padding:100px 0px 0px 20px; font-size: 24px; font-family: "Open Sans"; font-weight:700; color: #fff; } .service-details .service-text p span { font-family: "Open Sans" !important; } .service-details .service-text a , .service-white .service-text { padding: 0px 0px 0px 20px; font-size: 14px !important; color:#FF5A22 !important; font-family: "Open Sans" !important; text-decoration: none !important; } .service-details .service-text { float: left; } .service-white { background: #eee !important; width: 50% !important; height: inherit !important; } .service-white p { color: #000 !important; }*/ ul.img-list { list-style-type: none; margin: 0; padding: 0; text-align: center; } ul.img-list li { display: inline-block; height: 150px; margin: 0 1em 1em 0; position: relative; width: 150px; } span.text-content { background: rgba(0,0,0,0.5); color: white; cursor: pointer; display: table; height: 150px; left: 0; position: absolute; top: 0; width: 150px; } span.text-content span { display: table-cell; text-align: center; vertical-align: middle; } span.text-content { background: rgba(0,0,0,0.5); color: white; cursor: pointer; display: table; height: 150px; left: 0; position: absolute; top: 0; width: 150px; opacity: 0; } ul.img-list li:hover span.text-content { opacity: 1; } span.text-content { background: rgba(0,0,0,0.5); color: white; cursor: pointer; display: table; height: 150px; left: 0; position: absolute; top: 0; width: 150px; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } /*============================================*/ body { margin: 0; font-family: Verdana, Tahoma; font-size: 12px; text-align: left; line-height: 20px; background-color: #525252; } .top_section { padding: 5px 0 0; margin: 0; /*height: 90px;*/ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); background: #fff; z-index: 999; } .head20 { font-family: 'Signika Negative', sans-serif; font-size: 20px; } .head22 { font-family: 'Signika Negative', sans-serif; font-size: 22px; } .head18 { /*font-family: 'Average Sans', sans-serif;*/ font-size: 18px; font-family:swissroman !important; } .head28 { /*font-family: 'Signika Negative', sans-serif;*/ font-family:swissroman; font-size: 28px; } .head16 { font-size: 16px; /*font-family: 'Average Sans', sans-serif;*/ font-family:swisslight; } .bannerpart { height: 283px; width: 954px; padding-top: 96px; } .bh1 { padding: 50px 5px 10px 25px; font-family: 'Signika Negative', sans-serif; font-size: 28px; color: #3d3d3d; text-align: left; } .bh2 { /*font-family: 'Average Sans', sans-serif;*/ text-align: left; padding-top: 15px; font-size: 16px; line-height: 28px; color: #2c2c2b; padding-left: 25px; padding-right: 5px; } .page { /*padding-left: 30px; padding-right: 40px;*/ /*padding-left: 10px; padding-right: 12px;*/ } .headerdiv1 { width: 100%; position: fixed; padding-left: 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); } .headerdiv2 { width: 100%; position: fixed; padding-left: 0; -webkit-box-shadow: 0 7px 6px -6px #500095; -moz-box-shadow: 0 7px 6px -6px #500095; -o-box-shadow: 0 7px 6px -6px #500095; -ms-box-shadow: 0 7px 6px -6px #500095; box-shadow: 0 7px 6px -6px #500095; } .mid6 { color: #0072a8; font-weight: 700; } .benifParents { height: 420px; width: 954px; background-image: url(vidimages/beneficiariesimg/benefit-parents.jpg); } .benifAdmin { height: 420px; width: 954px; background-image: url(vidimages/beneficiariesimg/benefit-administrators.jpg); } .benifTeachers { height: 420px; width: 954px; background-image: url(vidimages/beneficiariesimg/benefit-teachers.jpg); } .benifmgmnt { background-repeat: no-repeat; background-size: 100% auto; width: 100%; height: 420px; background-image: url(vidimages/beneficiariesimg/benefit-management.jpg); } .benifstudent { height: 420px; width: 954px; background-image: url(vidimages/beneficiariesimg/benefit-student.jpg); } .arrow { -webkit-transition: all .2s ease-in-out; -moz-transitionn: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; vertical-align: top; color: #4E4E4E; } .arrow:hover { height: 30px; width: 30px; -ms-opacity: .6; opacity: .6; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); -webkit-transition: all .2s ease-out; -moz-transitionn: all .2s ease-out; -o-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; vertical-align: top; text-decoration: none; } .demobox { height: 50px; width: 290px; background-color: #652D8E; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -ms-opacity: .8; opacity: .8; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); } .demobox:hover { height: 50px; width: 290px; background-color: #652D8E; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; -ms-opacity: 1; opacity: 1; -webkit-filter: alpha(opacity=100); -moz-filter: alpha(opacity=100); -o-filter: alpha(opacity=100); filter: alpha(opacity=100); } .dim { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -ms-opacity: 1; opacity: 1; -webkit-filter: alpha(opacity=100); -moz-filter: alpha(opacity=100); -o-filter: alpha(opacity=100); filter: alpha(opacity=100); } .dim:hover { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; -ms-opacity: .4; opacity: .4; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); } .sitemaplink { margin-left: 1px; padding: 4px 3px 3px; text-decoration: none; color: #000 !important; } .sitemaplink:hover { margin-left: 1px; padding: 4px 3px 3px; text-decoration: none; color: #000; border-color: #9e9e9e; background-color: #e1e1e1; } .topborder { background-color: #6a6a6a; height: 7px; } div.social div { float: left; } div.social { width: 217px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } div.social:hover { width: 217px; -ms-opacity: .4; opacity: .4; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } div.social div.social_column1 { width: 35px; padding-top: 10px; } div.social div.social_column2 { width: 137px; text-align: left; padding-left: 10px; padding-top: 14px; } div.bottom div { float: left; } div.bottom { width: 868px; } div.bottom div.bottom_column1, div.bottom div.bottom_column2, div.bottom div.bottom_column3, div.bottom div.bottom_column4 { width: 217px; } .bottomtitle { font-family: Calibri, Verdana; font-size: 15px; color: #fff; text-align: left; font-weight: 700; } .sociallinktxt { font-family: Verdana; font-size: 12px; color: #969696; text-decoration: none; } .sociallinktxt:hover { text-decoration: none; color: #bebdbd; } .Subscribe { font-family: Franklin Gothic Book, Verdana; font-size: 18px; color: #fff; } .subscribetxt { height: 43px; border: 1px solid #a3a0a0; color: #fff; width: 200px; vertical-align: middle; line-height: 36px; background-color: #a3a0a0; } .subscribebutton { height: 40px; width: 94px; text-align: center; border: 1px solid #6a6a6a; background-color: #6a6a6a; color: #fff; font-family: Franklin Gothic Book, Verdana; font-size: 14px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -ms-opacity: 1; opacity: 1; -webkit-filter: alpha(opacity=100); -moz-filter: alpha(opacity=100); -o-filter: alpha(opacity=100); filter: alpha(opacity=100); } .subscribebutton:hover { height: 40px; width: 94px; text-align: center; border: 1px solid #6a6a6a; background-color: #6a6a6a; color: #fff; font-family: Franklin Gothic Book, Verdana; font-size: 14px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -ms-opacity: .4; opacity: .4; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); } div.subscriberow div { float: left; } div.subscriberow { width: 954px; height: 62px; } div.subscriberow div.subscriberow_column1 { width: 880px; vertical-align: top; } div.subscriberow div.subscriberow_column2 { width: 60px; text-align: left; } .bottomtxt { font-family: Tahoma; font-size: 12px; color: #fff; word-spacing: 5px; } .bottomtxt:hover { font-family: Tahoma; font-size: 12px; color: #fff; word-spacing: 5px; text-decoration: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } .bottombg { /*background-color: #1a1a1a;*/ background: #3d3d3d !important; min-height: 180px; height: auto; } .bottombg1 { background-color: #1a1a1a; height: 62px; } .bottomtxt1 { font-family: Verdana; font-size: 11px; color: #969696; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .bottomtxt1:hover { font-family: Verdana; font-size: 11px; color: #969696; text-decoration: none; -ms-opacity: .4; opacity: .4; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .Brochure { color: #0072a8; text-decoration: none; } .Brochure:hover { color: #0072a8; text-decoration: underline; } .tdleft { width: 20%; color: #333; text-align: left; padding-top: 10px; vertical-align: top; } .txt { display: inline-block; height: 20px; padding: 4px 6px; color: #2a2a2a; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; vertical-align: middle; /*background-color: #fff;*/ border: 1px solid #ececec; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; -ms-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; font-size: 13px; background-color:#ececec; float:left; } .txt:focus { border-color: rgba(82, 168, 236, .8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); } .btn { background-color: #0072a8; border: 1px solid #015278; text-align: center; font-family: Verdana; color: #fff; width: 100px; height: 30px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all 500ms ease; -ms-opacity: .8; opacity: .8; -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); } .btn:hover { background-color: #0072a8; border: 1px solid #015278; text-align: center; font-family: Verdana; color: #fff; width: 100px; height: 30px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -ms-opacity: 1; opacity: 1; -webkit-filter: alpha(opacity=100); -moz-filter: alpha(opacity=100); -o-filter: alpha(opacity=100); filter: alpha(opacity=100); } .field-validation-error { color: red; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid red; background-color: #fee; } .validation-summary-errors { font-weight: 700; color: red; } .validation-summary-valid { display: none; } /*=====================Old menu================================*/ #trans-nav { list-style-type: none; height: 34px; padding: 0; margin: 0; } #trans-nav li { float: left; position: relative; padding: 0; line-height: 35px; } #trans-nav li:hover { background-position: 0 -40px; padding-right: 5px; } #trans-nav li a { display: block; /*padding: 0 15px;*/ text-decoration: none; font-family: Arial; font-size: 14px; color: #2554c7; } #trans-nav li:hover > a { color: #b3b3b3; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #trans-nav li ul { -ms-opacity: 0; opacity: 0; position: absolute; left: 0; width: 8em; background: #fdfdfd; list-style-type: none; padding: 0; margin: 0; } #trans-nav li:hover ul { -ms-opacity: 1; opacity: 1; } #trans-nav li ul li { float: none; position: static; /*height: 0;*/ line-height: 0; background: 0 0; } #trans-nav li:hover ul li { height: 35px; line-height: 35px; border: 1px solid #9c9e9c; border-top: solid 0 #000; } #trans-nav li ul li a { background: #727372; color: #f9f9f9; font-family: Verdana; font-size: 12px; text-align: left; } #trans-nav li ul li a:hover { color: #fff; background-color: #9c9e9c; } #trans-nav li { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } #trans-nav li a { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #trans-nav li ul { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #trans-nav li ul li { -webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; transition: height .5s; } /*===================================================MAIN MENU EFFECT FINAL================================================*/ @media(min-width:769px) { #menu-nav li ul li a { background: #727372; color: #f9f9f9; font-family: Verdana; font-size: 12px; text-align: left; height: 34px; } } /*#menu-nav li ul li a:hover { color: #fff; background-color: #9c9e9c; }*/ /*@media screen and (max-width:768px) { #temp5 ul li a { background-color: #727372; } #temp5 ul li a:hover { background-color: black; border-right: 4px solid white; } #temp5 ul li a:focus { background-color: black; border-right: 4px solid white !important; } li a { color: white !important; } #temp5 ul { margin-top:0px !important; } }*/ @media screen and (min-width:1280px) { .marginleft13 { padding-left: 150px; background-color: #3d3d3d; /*width:100px;*/ /*height:auto;*/ height: 53px; margin-top: 10px; } /*.margintopm10{ margin-top:-10px; padding-left:60%; width:110%; }*/ .margintopm10 { margin-top: -10px; margin-left: 0%; padding-left: 32px; /*width: 220px;*/ } } @media screen and (min-width:768px) { #temp5 ul li:hover { background-position: 0 -40px; padding-right: 5px; /*background-color:brown;*/ } .height130{ height:130px; } .font40{ font: bold 30px/35px Helvetica, Sans-Serif; } .paddingtop50{ padding-top:35px; } .whiteline{ width:1.2%; height:130px; background-color:white; float:left; } .paddingl50{ padding-left:50% !important; } /*#temp5 ul{ height:auto; }*/ #temp5 ul li a{ /*height:50px;*/ } /*#temp5 ul li{ padding-top:5px; }*/ #temp5 ul #home{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #aboutus{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #product-service{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #resources{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #clients{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #partner{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #company{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #contactus{ padding-top:5px; padding-bottom:5px; padding-right:18px; padding-left:18px; } #temp5 ul #home:hover { background-position: 0 -40px; padding-right: 15px; background-color: #69ba29; } .top-nav ul #home:hover { /*background-position: 0 -40px; padding-right: 15px;*/ background-color: #69ba29 !important; transition:all .5s ease; } .top-nav ul #aboutus:hover{ background-color:#00b9df; transition:all .5s ease; } .top-nav ul #product-service:hover{ background-color:#0075df; transition:all .5s ease; } .top-nav ul #resources:hover{ background-color:#f4a700; transition:all .5s ease; } .top-nav ul #clients:hover{ background-color:#f05a28; transition:all .5s ease; } .top-nav ul #partner:hover{ background-color:#ca1d5f; transition:all .5s ease; } .top-nav ul #company:hover{ background-color: #853aa0; transition:all .5s ease; } .top-nav ul #contactus:hover{ background-color:#248e44; transition:all .5s ease; } .top-nav ul #home > ul li{ /*background-position: 0 -40px; padding-right: 15px;*/ background-color: #69ba29 !important; transition:all .5s ease; } .top-nav ul #aboutus > ul li{ background-color:#00b9df; transition:all .5s ease; } .top-nav ul #product-service > ul li{ background-color:#0075df; transition:all .5s ease; } .top-nav ul #resources > ul li{ background-color:#f4a700; transition:all .5s ease; } .top-nav ul #clients > ul li{ background-color:#f05a28; transition:all .5s ease; } .top-nav ul #partner > ul li{ background-color:#ca1d5f; transition:all .5s ease; } .top-nav ul #company > ul li{ background-color: #853aa0; transition:all .5s ease; } .top-nav ul #contactus > ul li{ background-color:#248e44; transition:all .5s ease; } #temp5 ul li:before{ position: absolute; top: 19px; right: 0; width: 1px; height: 15px; background: white; content: ''; z-index: 1; } #temp5 ul li:hover:before{ position: absolute; top: 13px; right: 0; width: 1px; height: 15px; background: white; content: ''; z-index: -1; } #temp5 ul li ul li:before{ position: absolute; top: 19px; right: 0; width: 1px; height: 15px; background: white; content: ''; z-index: -10; } #temp5 ul #aboutus:hover { background-position: 0 -40px; padding-right: 15px; background-color:#00cbfe; } /*Change here for active menu*/ /*.active5{ background-color:#00cbfe; color:white; }*/ #temp5 ul #product-service:hover { background-position: 0 -40px; padding-right: 15px; background-color:#0075df; } #temp5 ul #resources:hover { background-position: 0 -40px; padding-right: 15px; background-color:#f4a700; } #temp5 ul #clients:hover { background-position: 0 -40px; padding-right: 15px; background-color:#f05a28; } #temp5 ul #partner:hover { background-position: 0 -40px; padding-right: 15px; background-color:#ca1d5f; } #temp5 ul #company:hover { background-position: 0 -40px; padding-right: 15px; background-color: #853aa0; } #temp5 ul #contactus:hover { background-position: 0 -40px; padding-right: 15px; background-color:#248e44; } #temp5 ul li a > ul { /*border-bottom:1px solid white;*/ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } } #temp5 ul li:hover { /*padding-right: 5px;*/ } #menu-nav li a { display: block; padding: 0 0px; text-decoration: none; font-family: Arial; font-size: 14px; color: #2554c7; } #menu-nav li:hover > a { color: #b3b3b3; } /*ul li ul li a { background-color: #727372; color: white !important; height: 34px; border-bottom: 1px medium white; }*/ #temp5 ul li ul { background-color: white; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #temp5 ul li a:hover { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } #temp5 ul li { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #temp5 ul li:hover > a { color: #b3b3b3 !important; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #temp5 ul li ul li a:hover { color: #fff !important; background-color: #9c9e9c !important; border-right: 1px solid white; } #temp5 ul li ul li { transition: height .5s; border-bottom: 1px solid #9c9e9c; } #temp5 ul li ul li a { background: #727372; color: #f9f9f9; font-family: Verdana; font-size: 12px; text-align: left; height: 34px; } #temp5 ul li ul { /*-ms-opacity: 0;*/ /*opacity: 0;*/ /*position: absolute;*/ left: 0; /*width: 8em;*/ /*background: #fdfdfd;*/ list-style-type: none; padding: 0; margin: 0; } /*====================================================================================*/ #fanback { display: none; background: rgba(0, 0, 0, .8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; } #fan-exit { width: 100%; height: 100%; } #factech { background: #fff; width: 420px; height: 270px; position: absolute; top: 58%; left: 63%; -webkit-box-shadow: inset 0 0 50px 0 #939393; -moz-box-shadow: inset 0 0 50px 0 #939393; -ms-box-shadow: inset 0 0 50px 0 #939393; -o-box-shadow: inset 0 0 50px 0 #939393; box-shadow: inset 0 0 50px 0 #939393; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin: -220px 0 0 -375px; } #fac { float: right; cursor: pointer; background: url(vidimages/faclose.png); height: 15px; padding: 20px 40px 20px 20px; position: relative; margin-top: -20px; margin-right: -22px; } .remove-borda { height: 1px; width: 366px; margin: 16px auto 0 20px; background: #F3F3F3; position: relative; } #linkit, #linkit a, #linkit a.visited, #linkit a:hover { color: #80808B; font-size: 10px; margin: 0 auto 5px; float: center; } .busn1 { float: left; width: 100%; background-color: #CCC; /*height: 25px;*/ text-align: left; padding-top: 7px; padding-bottom: 3px; color: #0072a8; font-size: 20px; padding-left: 2px; } .busn2 { float: left; width: 25%; height: 20px; /*background-color: #E6E6E6;*/ text-align: left; color: #0072a8; } .busn3 { float: left; width: 100%; /*height: 15px;*/ background-color: #E6E6E6; text-align: left; padding-bottom: 5px; color: #0072a8; font-size: 14px; } .busn4 { float: left; /*width: 25%;*/ text-align: left; } .busn5 { float: left; /*width: 25%;*/ text-align: left; word-break: keep-all; } .branch { width: 100%; display: table; padding-top: 10px; } .branch1 { /*display: table-cell;*/ /*padding-top: 5px;*/ background-color: #CCC; text-align: left; height: 30px; font-size: 20px; color: #0072a8; padding-left: 2px; } .branch2 { display: table-row; } .branch3 { /*display: table-cell;*/ color: #0072a8; text-align: left; } .branch4 { /*display: table-cell;*/ text-align: left; /*width: 25%*/ } @font-face { font-family: 'Average Sans'; font-style: normal; font-weight: 400; src: local('Average Sans'),local('AverageSans-Regular'),url(http://themes.googleusercontent.com/static/fonts/averagesans/v2/dnU3R-5A_43y5bIyLztPsXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: Lora; font-style: normal; font-weight: 400; src: local('Lora'),local('Lora-Regular'),url(http://themes.googleusercontent.com/static/fonts/lora/v7/5-AYViExptypIdFoLKAxTA.woff) format('woff'); } @font-face { font-family: Lora; font-style: italic; font-weight: 400; src: local('Lora Italic'),local('Lora-Italic'),url(http://themes.googleusercontent.com/static/fonts/lora/v7/wXeMvRh7Gui36p_I04Ex6g.woff) format('woff'); } @font-face { font-family: 'Signika Negative'; font-style: normal; font-weight: 400; src: local('Signika Negative'),local('SignikaNegative-Regular'),url(http://themes.googleusercontent.com/static/fonts/signikanegative/v3/Z-Q1hzbY8uAo3TpTyPFMXRHNiTsuUke-4A8E9eWZJHI.woff) format('woff'); } /*=================================DropDown Menu=================================================*/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { /*top: 0; left: 100%;*/ margin-top: -6px; /*margin-left: -1px;*/ -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } ul li .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; /*margin-left: -1px;*/ -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } @media(min-width:769px) { .dropdown-submenu:hover > .dropdown-menu { display: inherit; /*opacity:1; transform: rotate(180deg); transition:all 5s ease-in-out;*/ /*transform:scale(2);*/ /*-moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg);*/ /*-moz-transition: opacity .5s, -moz-transform .4s; -ms-transition: opacity .5s, -ms-transform .4s; -o-transition: opacity .5s, -o-transform .4s; -webkit-transition: opacity .5s, -webkit-transform .4s;*/ /*transform: rotateY(90deg);*/ } } @media(max-width:769px) { .dropdown-submenu > a:after { content: " "; float: right; } } @media(min-width:769px) { .dropdown-submenu > a:after { display: block; /*content: " "; float: right;*/ width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; /*border-left-color: #ccc;*/ margin-top: 5px; margin-right: -10px; } } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-submenu > a:after { display: block; /*content: " "; float: right;*/ width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } /*.dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }*/ /*==========================================================================*/ /************************************************************************************************************Benfits to you page*/ .mmc-row.full-width, .mmc-row.header, .mmc-row.footer { max-width: 100%; } .mmc-row.no-margin { margin-top: 0; } .mmc-row { max-width: 1100px; margin: 0 auto; margin-top: 20px; } .mmc-row .mmc-column-wrapper { max-width: 1100px; margin: 0 auto; } @media only screen and (min-width: 1025px){ body>.default [class*=mmc-column-size-]:first-of-type, body>.mmc-main-wrapper-wide [class*=mmc-column-size-]:first-of-type { padding-left: 0; } } .mmc-separator { margin: 10px 0; } .wpb_text_column p, .mmc-text-block p, .mmc-trimmed-text-block .mmc-full-text p, .wpb_accordion_content p, .mmc-blockquote-inwrap p, .mmc-custom-box p, .mmc-message-box p, .mmc-no-shortcode p { line-height: 22.652px; } @media only screen and (min-width: 1025px){ body>.default [class*=mmc-column-size-]:last-of-type, body>.mmc-main-wrapper-wide [class*=mmc-column-size-]:last-of-type { padding-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 768px), only screen and (min-width: 1025px){ .mmc-column-size-6 { width: 50%; } } [class*=mmc-column-size-] { float: left; min-height: 1px; padding: 0 15px; } .mmc-button.outline.color_three { border-color: #2a2a2a; } student-achievement .mmc-button.outline, .digital-learning .mmc-button.outline, .student-rewards-system .mmc-button.outline, .button-border-orange { border-color: #fe6735 !important; } .mmc-button.outline { background-color: transparent; border: 2px solid #2575bb; color: #2a2a2a; line-height: 46px; } .color_three.mmc-button.outline:hover { border-color: #58359b; } @media only screen and (max-width: 767px){ [class*=mmc-column-size-] { width: 100% !important; padding: 0 15px 15px !important; } } /**/ .hidden { display: none; visibility: hidden; } .visible-mobile { display: none !important; } .visible-tablet { display: none !important; } .visible-touchscreen { display: none !important; } .hidden-desktop { display: none !important; } @media only screen and (max-width: 767px) { .visible-mobile { display: inherit !important; } .visible-touchscreen { display: inherit !important; } .hidden-mobile { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .visible-tablet { display: inherit !important; } .visible-touchscreen { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } .cl { clear: both; } .fl { float: left; } .fr { float: right; } .oh { overflow: hidden; } .align-left, .tal { text-align: left; } .align-center, .tac { text-align: center; } .align-right, .tar { text-align: right; } .clear:before, .clear:after { display: table; content: " "; } .clear:after { clear: both; *zoom: 1; } .abs-center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .a-style a { font-weight: bold; } .p-style p { line-height: 22.652px; } .p-style blockquote p { line-height: inherit; } @media only screen and (max-width: 767px) { .mmc-button-wrapper.align-left, .mmc-button-wrapper.align-right { text-align: center; } } .mmc-button { /*font-family: Oswald, sans-serif;*/ font-family: swissroman; font-size: 16px; font-weight: bold !important; font-style: normal; text-transform: capitalize; color: #494949; letter-spacing: 2px; text-align: center; display: inline-block; /*white-space: nowrap;*/ text-overflow: ellipsis; /*overflow: hidden;*/ max-width: 100%; height: auto; line-height: 50px; padding: 0 10px; color: #FFFFFF; background-color: #2575bb; } .mmc-button.color_one { background-color: #2575bb; } .mmc-button.color_two { background-color: #58359b; } .mmc-button.color_three { background-color: #2a2a2a; } .mmc-button.white { background-color: #FFFFFF; color: #2a2a2a; } .mmc-button:hover { background-color: #2a2a2a; color: #FFFFFF; } .color_three.mmc-button:hover { background-color: #58359b; } @media only screen and (max-width: 767px) { .mmc-button:active { background-color: #2a2a2a; color: #FFFFFF; } .color_three.mmc-button:active { background-color: #58359b; } } .mmc-button>i { margin-right: 10px; } .mmc-button.small { height: 38px; line-height: 38px; padding: 0 15px; } .mmc-button.small.outline, .mmc-button.small.trans { line-height: 36px; } .mmc-button.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mmc-button.outline { background-color: transparent; /*border: 2px solid #2575bb;*/ border: 2px solid black; color: #2a2a2a; line-height: 46px; } .mmc-button.outline.color_one { border-color: #2575bb; } .mmc-button.outline.color_two { border-color: #58359b; } .mmc-button.outline.color_three { border-color: #2a2a2a; } .mmc-button.outline.white { border-color: #FFFFFF; } .mmc-button.outline:hover { background-color: transparent; /*border-color: #2a2a2a;*/ border-color: #ed1c24; color: #2a2a2a; } .color_three.mmc-button.outline:hover { /*border-color: #58359b;*/ border-color:#ed1c24; } @media only screen and (max-width: 767px) { .mmc-button.outline:active { background-color: transparent; border-color: #2a2a2a; color: #2a2a2a; } .color_three.mmc-button.outline:active { border-color: #58359b; } } .mmc-button.trans { background-color: rgba(255,255,255,0.23); border: 2px solid #2575bb; color: #2a2a2a; line-height: 46px; } .mmc-button.trans.color_one { border-color: #2575bb; } .mmc-button.trans.color_two { border-color: #58359b; } .mmc-button.trans.color_three { border-color: #2a2a2a; } .mmc-button.trans.white { border-color: #FFFFFF; } .mmc-button.trans:hover { color: #2a2a2a; background-color: #FFFFFF; } @media only screen and (max-width: 767px) { .mmc-button.trans:active { color: #2a2a2a; background-color: #FFFFFF; } } .mmc-button.border-thin { border-width: 1px !important; } .mmc-button+.mmc-button { margin-left: 20px; } .mmc-button-small { height: 38px; line-height: 38px; padding: 0 15px; } .mmc-button-rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mmc-button-outline { font-size: 16px; font-weight: bold; font-style: normal; text-transform: capitalize; color: #494949; background-color: transparent; border: 2px solid #2575bb; color: #2a2a2a; } .mmc-button-outline:hover { background-color: transparent; border-color: #2a2a2a; color: #2a2a2a; } @media only screen and (max-width: 767px) { .mmc-button-outline:active { background-color: transparent; border-color: #2a2a2a; color: #2a2a2a; } } .mmc-button-trans { font-size: 16px; font-weight: bold; font-style: normal; text-transform: capitalize; color: #494949; background-color: rgba(255,255,255,0.23); border: 2px solid #2575bb; color: #2a2a2a; line-height: 46px; } .mmc-button-trans.color_one { border-color: #2575bb; } .mmc-button-trans.color_two { border-color: #58359b; } .mmc-button-trans.color_three { border-color: #2a2a2a; } .mmc-button-trans.white { border-color: #FFFFFF; } .mmc-button-trans:hover { color: #2a2a2a; background-color: #FFFFFF; } @media only screen and (max-width: 767px) { .mmc-button-trans:active { color: #2a2a2a; background-color: #FFFFFF; } } .mmc-toolbar a { color: #999; } .mmc-toolbar a:hover { color: #2575bb; } .mmc-toolbar .links-area { padding: 11px 0; } .mmc-toolbar .links-area li { display: inline-block; padding: 0 10px; position: relative; } .mmc-toolbar .links-area li:first-child { padding-left: 0; } .mmc-toolbar .links-area li:last-child { padding-right: 0; } .mmc-toolbar .links-area li+li:before { content: '•'; position: absolute; left: -4px; } .mmc-toolbar .mmc-widget { margin-top: 0; } .mmc-toolbar .mmc-widget .mmc-widget-title { padding: 5px 15px 5px 0; display: inline-block; font-size: 16px; font-style: italic; border-bottom: none; } .mmc-toolbar .mmc-widget .mmc-widget-title+* { display: inline-block; } .mmc-toolbar .mmc-widget.widget_mmc_social_links .mmc-widget-title { padding: 10px 15px 10px 0; } .mmc-toolbar .mmc-widget ul { white-space: nowrap; margin: 0; } .mmc-toolbar #mmc_toolbar_subscribe_link+div input.email { margin: 10px 0 20px; height: 40px; padding: 0 10px; font-size: 14px; background: #FFFFFF; background: rgba(255,255,255,0.1); } .mmc-toolbar-style-widget_left.mmc-toolbar #mmc_toolbar_subscribe_link+div { right: 0; } .mmc-toolbar-style-widget_left.mmc-toolbar #mmc_toolbar_subscribe_link+div:after { left: auto; right: 10px; } .mmc-toolbar #mmc_toolbar_subscribe_link.active+div { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 100; } .mmc-toolbar #lang_sel_list, .mmc-toolbar #lang_sel { height: auto; font-family: inherit; margin-bottom: -8px; } .mmc-toolbar #lang_sel_list.lang_sel_list_horizontal li + li, .mmc-toolbar #lang_sel.lang_sel_list_horizontal li + li { padding-left: 10px !important; } .mmc-toolbar #lang_sel_list a, .mmc-toolbar #lang_sel a { color: #2a2a2a; background: none; padding-left: 5px; } .mmc-toolbar #lang_sel_list ul li, .mmc-toolbar #lang_sel ul li { background: #2a2a2a; } .mmc-toolbar #lang_sel_list ul li a:hover, .mmc-toolbar #lang_sel ul li a:hover { background: #FFFFFF; color: #2a2a2a; } .mmc-toolbar #icl_lang_sel_widget { padding: 11px 0; } .mmc-toolbar #lang_sel img.iclflag { vertical-align: baseline; } @media only screen and (min-width: 1025px) { .mmc-header + .mmc-main-slider { top: -80px; min-height: 80px; position: relative; z-index: 1; } .mmc-header + .mmc-main-slider .mmc-flexslider li.slide > div:first-child { padding-top: 80px; } .mmc-header + .mmc-main-slider + * { margin-top: -80px; } } .mmc-image-block { position: relative; text-align: center; margin: 0px auto; overflow: hidden; max-width: 100%; } /*.mmc-button-arrow, .mmc-button-arrow-left, .mmc-button-arrow-right { width: 40px; height: 40px; line-height: 40px; background: none; text-indent: 0; display: inline-block; color: transparent; font-size: 0; text-align: center; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .mmc-button-arrow:before, .mmc-button-arrow-left:before, .mmc-button-arrow-right:before { color: #2575bb; background: #FFFFFF; background: rgba(255,255,255,0.8); font-size: 26px; width: 40px; padding: 0 10px; height: 40px; line-height: 40px; text-decoration: inherit; display: inline-block; speak: none; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .mmc-button-arrow:hover:before, .mmc-button-arrow-left:hover:before, .mmc-button-arrow-right:hover:before { background: #2575bb !important; color: #FFFFFF !important; } .mmc-button-arrow-left:before { content: '\f104'; font-family: 'FontAwesome'; } .mmc-button-arrow-right:before { content: '\f105'; } .mmc-button-arrow-small { width: 35px; height: 35px; line-height: 35px; } .mmc-button-arrow-small:hover:before { background: #2575bb; color: #FFFFFF; } .mmc-button-arrow-color:hover { background: #2575bb; } .mmc-video-container, .wpb_video_wrapper, .mmc-map-container { position: relative; padding-bottom: 56.25%; height: 0; } .mmc-has-video-bg { position: relative; } .mmc-toolbar { position: relative; z-index: 25; } .mmc-toolbar [class*=mmc-toolbar-wrapper] { padding: 0 15px; } .mmc-toolbar.mmc-toolbar-style-widget_left .widget-area { float: left; } .mmc-toolbar.mmc-toolbar-style-widget_left .links-area { float: right; } .mmc-toolbar.mmc-toolbar-style-widget_right .widget-area { float: right; } .mmc-toolbar.mmc-toolbar-style-widget_right .links-area { float: left; }*/