/* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio {font-family: inherit;font-style: inherit;font-weight: inherit;line-height: inherit;border: 0;outline: 0;-webkit-font-smoothing: antialiased;-ms-word-wrap: break-word;word-wrap: break-word;} html, body{margin: 0;padding: 0;width: 100%;} html{height:100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *,*:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body {min-height:100%;font-family: "Open Sans", Roboto, Segoe UI, Helvetica, Arial, sans-serif !important;background: #fff !important;color:#777a80 !important;font-size:15px;letter-spacing: 1px;} ::-webkit-scrollbar {width:17px;height:17px;overflow: visible;} ::-webkit-scrollbar-button {display: block;width: 17px;height: 17px;} ::-webkit-scrollbar-button:decrement:start {border:2px solid #eee; background-color:#fff;background-repeat: no-repeat;background-position: center center;} ::-webkit-scrollbar-button:increment:start {border:2px solid #eee;background-color:#fff;background-repeat: no-repeat;background-position: center center;} ::-webkit-scrollbar-button:decrement:end {border:2px solid #eee; background-color:#fff;background-repeat: no-repeat;background-position: center center;} ::-webkit-scrollbar-button:increment:end {border:2px solid #eee;background-color:#fff;background-repeat: no-repeat;background-position: center center;} ::-webkit-scrollbar-button:vertical:increment:start, ::-webkit-scrollbar-button:vertical:increment:end{background-size: 10px 6px !important;} ::-webkit-scrollbar-button:vertical:decrement:start, ::-webkit-scrollbar-button:vertical:end{background-size: 10px 6px !important;} ::-webkit-scrollbar-button:horizontal:increment:start, ::-webkit-scrollbar-button:horizontal:increment:end{background-size: 10px 10px !important;} ::-webkit-scrollbar-button:horizontal:decrement:start, ::-webkit-scrollbar-button:horizontal:decrement:end{background-size: 10px 10px !important;} ::-webkit-scrollbar-button:vertical:increment:start{background-image: url(../images/scrollbar-arrow-down.png);} ::-webkit-scrollbar-button:vertical:decrement:start{background-image: url(../images/scrollbar-arrow-up.png);} ::-webkit-scrollbar-button:vertical:decrement:end {background-image: url(../images/scrollbar-arrow-up.png);} ::-webkit-scrollbar-button:vertical:increment:end {background-image: url(../images/scrollbar-arrow-down.png);} ::-webkit-scrollbar-button:horizontal:increment:start{background-image: url(../images/scrollbar-arrow-right.png);} ::-webkit-scrollbar-button:horizontal:decrement:start{background-image: url(../images/scrollbar-arrow-left.png);} ::-webkit-scrollbar-button:horizontal:increment:end{background-image: url(../images/scrollbar-arrow-right.png);} ::-webkit-scrollbar-button:horizontal:decrement:end{background-image: url(../images/scrollbar-arrow-left.png);} ::-webkit-scrollbar-thumb {min-width:20px;min-height:20px;background-color: #a8a5a5;border:2px solid #cccccc;} ::-webkit-scrollbar-track-piece:decrement {background-color: #eee;} ::-webkit-scrollbar-track-piece:increment {background-color: #eee;} /* 2. Default tag's settings -------------------------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } h1, h2, h3, h4, h5, h6 { line-height:110%; } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, address { margin: 0; } p, ul, ol, dl, blockquote, address { margin-bottom: 15px; } li > ol, li > ul { margin-bottom:0; } ul>li, ol>li, dl>dd { margin-bottom:5px } li>ul, li>ol, dd>dl { margin-top:5px; } li > p { margin-bottom:0; } li > p+p { margin-top:5px; } ul,ol{margin:0px;padding:0px;list-style-position: inside;} ul li{ margin:0px; list-style:none; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; } a {text-decoration:none !important;background:transparent;color:#00aced;-webkit-transition: all 0.1s ease 0s;-moz-transition: all 0.1s ease 0s;-ms-transition: all 0.1s ease 0s;transition: all 0.1s ease 0s;} a,a:hover,a:focus,a:active {outline: 0;} a img { border: none; } :active, :focus { outline:0; } table{width: 100%;border-collapse:collapse;border-spacing: 0;} table td, table th {padding: 5px 10px;border: 1px solid #ccc;} tr{padding: 0;} caption, th {font-weight: 700;text-align: center;} blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" "";} dt {font-weight: 700; } dd {margin-left: 1.5em; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } blockquote { padding: 0.7em; } hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;} p{text-align:justify;margin-bottom:10px !important;line-height: 22px !important;} img {max-width: 100%;height: auto;vertical-align:top;} a,button{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input[type="text"], input[type="email"],input[type="password"], select{width:100%;height:28px;border:1px solid #ccc;padding:0px 10px;color:#333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} textarea{width:100%;border:1px solid #ccc;padding:2px 10px;outline:0;resize:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} [class*='col-'] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .width-auto{width:auto} .height-auto{height:auto} .width-auto-fixed{width:auto !important;} .height-auto-fixed{height:auto !important;} .full-width{width:100%;} .full-width-fixed{width:100% !important;} .full-height{height:100%;} .full-height-fixed{height:100% !important;} .letter-spacing-1{letter-spacing:1px;} .letter-spacing-2{letter-spacing:2px;} .no-padding{padding:0px !important;} .no-margin{margin:0px !important;} .float-left{float: left;} .float-right{float: right;} .pull-left{float: left !important;} .pull-right{float: right !important;} .float-none{float: none !important;} .hide{display: none !important;} .show{display: block !important;} .overflow-auto{overflow:auto;} .overflow-hidden{overflow:hidden;} .uppercase-all{text-transform:uppercase;} .lowercase-all{text-transform:lowercase;} .capitalize-all{text-transform:capitalize;} .remove-white-space{word-spacing:-2px;} .position-relative{position:relative;} .position-absolute{position:absolute;} .position-fixed{position:fixed;} .display-block{display:block;} .display-block-fixed{display:block !important;} .display-inline-block{display:inline-block;} .display-inline-block-fixed{display:inline-block !important;} .display-none{display:none;} .display-none-fixed{display:none !important;} .align-items-horizontally-by-display-flex{display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;flex: 1 0 auto;} .align-items-vertically-by-display-flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;-ms-align-items: center;align-items: center;} .align-items-center-horizontally-by-display-flex{display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;flex: 1 0 auto;} .align-items-center-vertically-by-display-flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;-ms-align-items: center;align-items: center;} .display-flex-justify-content-left{ -webkit-justify-content: left !important;-moz-justify-content: left !important;-ms-justify-content: left !important;-o-justify-content: left !important; justify-content: left !important;} .display-flex-justify-content-center{ -webkit-justify-content: center !important;-moz-justify-content: center !important;-ms-justify-content: center !important;-o-justify-content: center !important;justify-content: center !important;} .font-size-10{font-size:10px;} .font-size-11{font-size:11px;} .font-size-12{font-size:12px;} .font-size-13{font-size:13px;} .font-size-14{font-size:14px;} .font-size-15{font-size:15px;} .font-size-16{font-size:16px;} .font-size-17{font-size:17px;} .font-size-18{font-size:18px;} .font-size-19{font-size:19px;} .font-size-20{font-size:20px;} .font-size-21{font-size:21px;} .font-size-22{font-size:22px;} .font-size-23{font-size:23px;} .font-size-24{font-size:24px;} .font-size-25{font-size:25px;} .font-size-26{font-size:26px;} .font-size-27{font-size:27px;} .font-size-28{font-size:28px;} .font-size-29{font-size:29px;} .font-size-30{font-size:30px;} .font-size-31{font-size:31px;} .font-size-32{font-size:32px;} .font-size-33{font-size:33px;} .font-size-34{font-size:34px;} .font-size-35{font-size:35px;} .font-size-36{font-size:36px;} .font-size-37{font-size:37px;} .font-size-38{font-size:38px;} .font-size-39{font-size:39px;} .font-size-40{font-size:40px;} .font-size-41{font-size:41px;} .font-size-42{font-size:42px;} .font-size-43{font-size:43px;} .font-size-44{font-size:44px;} .font-size-45{font-size:45px;} .font-size-46{font-size:46px;} .font-size-47{font-size:47px;} .font-size-48{font-size:48px;} .font-size-49{font-size:49px;} .font-size-50{font-size:50px;} .color-palette-holder{display:none;width: 0px;position: fixed;top: 42%;right: 0px;margin: auto;} .color-palette-holder .hamburger-icon {width: 30px;height: 30px; position: absolute;top: -10px;left:-10px;z-index: 1;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} .color-palette-holder .hamburger-icon .wrap{width:100%;height:100%;float:left;position:relative;} .color-palette-holder .hamburger-icon span{width: 70%;height:2px;display: block;position: absolute;top: 12px !important;left: 5px;background:#fff;border-radius: 2px;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} .color-palette-holder .hamburger-icon span:nth-child(1) {top: 0px;} .color-palette-holder .hamburger-icon span:nth-child(2) {top: 8px;} .color-palette-holder .hamburger-icon span:nth-child(3) {top: 16px;} .color-palette-holder .hamburger-icon.opened span:nth-child(1) {top: 10px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .color-palette-holder .hamburger-icon.opened span:nth-child(2) {opacity: 0;left: -60px;} .color-palette-holder .hamburger-icon.opened span:nth-child(3) {top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);} .show-color-palette{width: 250px !important;right:0px !important;z-index:5;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;transition: .4s;} .color-palette-holder .button.opener{width:60px;height:40px;position: absolute;right: 0;background: #000 !important;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .color-palette-holder .button.opener .wrap{width:100%;height: 100%;float:left;position: relative;} .color-palette-holder .button.opener a{width:100%;height:100%;line-height:30px;color:#fff;padding:5px 10px;position: relative;display:block;} .color-palette-holder .button.opener a .text{position: relative;z-index:2;} .color-palette-holder .button.opener:hover{cursor:pointer;} .color-palette-holder .button.opener:before {content: "";position: absolute;top: 0px;left: -2px;bottom: 0px;z-index: -1;margin:auto;width: 100%;height: 44px;background: #d53084;} .color-palette-holder .button.opener::after {content: "";position: absolute;top: 0px;left: -2px;bottom: 0px;z-index: -1;margin:auto;width: 40px;height: 40px;background: #d83086;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition: width .3s, height .3s;-moz-transition: width .3s, height .3s;-ms-transition: width .3s, height .3s;transition: width .3s, height .3s;} .color-palette-holder .color-pattern .pattern-option{width:45px;height:30px;position:absolute;top:0px;left:0;right:0px;bottom:0;z-index: 1;margin:auto;} .color-palette-holder .color-pattern .pattern-option .in-wrap{width:100%;float:left;position:relative;} .color-palette-holder .color-pattern .pattern-option .color-option{width:20px !important;height:20px !important;float:left;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .color-palette-holder .color-pattern .pattern-option .color-option.blue{top:0;left:0;} .color-palette-holder .color-pattern .pattern-option .color-option.pink{top:0;left:25px;} .color-palette-holder .color-pattern .pattern-option .color-option.yellow{top:10px;left:12px;} .color-palette-holder .palette-box{width:100%;height:230px;float:left;position:absolute;right:-100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .color-palette-holder .palette-box .heading{width:100%;float:left;position:relative;padding:10px 0px;text-align:center;font-size:18px;color:#fff;letter-spacing:1px;} .color-palette-holder .palette-box .in-wrap{width:100%;height: 100%;float:left;position:relative;background:#fff; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .color-palette-holder .palette-box .content{width:100%;height: 100%;float:left;position:absolute;top:50px;padding:10px;white-space:nowrap;} .color-palette-holder .palette-box .options-container{width:100%;float:left;position:absolute;} .color-palette-holder .option-box{width:230px;height:30px;float:left;position:relative;margin-bottom:10px;white-space:nowrap;} .color-palette-holder .option-box:last-child{margin-bottom:0px;} .color-palette-holder .buttoncolor {color: #fff;display: block;font-size: 13px;padding: 10px 15px;text-decoration: none;transition: background 0.3s linear 0s;width: 75px;height: 30px;float: left;text-align: center;margin: 0px 0px;white-space:nowrap;} .text-color-inherit{color:#585858 !important;} .text-color-white{color:#fff !important;} .text-color-pink-1{color:#d83086 !important;} .text-color-pink-2{color:#d83086 !important;} .text-color-pink-3{color:#bd0d68 !important;} .text-color-blue-1{color:#041b5d !important;} .text-color-blue-2{color:#00aced !important;} .text-color-blue-3{color:#35e3ff !important;} .text-color-yellow-1{color:#fef500 !important;} .text-color-yellow-2{color:#fec617 !important;} .text-color-yellow-3{color:#e7b415 !important;} .text-color-dark-black{color:#000 !important;} .text-color-green-1{color:#008000 !important;} .bg-color-white{background:#fff !important;} .bg-color-pink-1{background:#00aced !important;color:#fff !important;} .bg-color-pink-1 a, .bg-color-pink-1 span{color:#fff;} .bg-color-pink-1:before{background:#d83086;border-color:#00aced;} .bg-color-pink-1:after{background:#d83086;border-color:#00aced;} .bg-color-pink-2{background:#d83086 !important;color:#fff !important;} .bg-color-pink-2 a, .bg-color-pink-2 span{color:#fff !important;} .bg-color-pink-2:before{background:#d83086;border-color:#d83086;} .bg-color-pink-2:after{background:#d83086 !important;border-color:#d83086 !important;} .bg-color-pink-3{background:#bd0d68 !important;color:#fff !important;} .bg-color-pink-3 a, .bg-color-pink-3 span{color:#fff !important;} .bg-color-pink-3:before{background:#bd0d68 !important;border-color:#bd0d68 !important;} .bg-color-pink-3::after{background:#bd0d68 !important;border-color:#bd0d68 !important;} .bg-color-blue-1{background:#277cac !important;color:#fff !important;} .bg-color-blue-1 a, .bg-color-blue-1 span{color:#fff !important;} .bg-color-blue-1:before{background:#277cac !important;border-color:#277cac !important;} .bg-color-blue-1::after{background:#277cac !important;border-color:#277cac !important;} .bg-color-blue-2{background:#0a5e8e !important;color:#fff !important;} .bg-color-blue-2 a, .bg-color-blue-2 span{color:#fff !important;} .bg-color-blue-2:before{background:#0a5e8e !important;border-color:#0a5e8e !important;} .bg-color-blue-2::after{background:#0a5e8e !important;border-color:#0a5e8e !important;} .bg-color-blue-3{background:#00aced !important;color:#fff !important;} .bg-color-blue-3 a, .bg-color-blue-3 span{color:#fff !important;} .bg-color-blue-3:before{background:#00aced !important;border-color:#1083c4 !important;} .bg-color-blue-3::after{background:#00aced !important;border-color:#1083c4 !important;} .bg-color-blue-4{background:#041b5d !important;color:#fff !important;} .bg-color-blue-4 a, .bg-color-blue-3 span{color:#fff;} .bg-color-blue-4:before{background:#041b5d !important;border-color:#041b5d !important;} .bg-color-blue-4::after{background:#041b5d !important;border-color:#041b5d !important;} .bg-color-yellow-1{background:#fef500 !important;color:#000 !important;} .bg-color-yellow-1 a, .bg-color-yellow-1 span{color:#000;} .bg-color-yellow-1:before{background:#fef500;border-color:#fef500;} .bg-color-yellow-1::after{background:#fef500;border-color:#fef500;} .bg-color-yellow-2{background:#fec617 !important;color:#000 !important;} .bg-color-yellow-2 a, .bg-color-yellow-2 span{color:#000;} .bg-color-yellow-2:before{background:#fec617 !important;border-color:#fec617 !important;} .bg-color-yellow-2::after{background:#fec617 !important;border-color:#fec617 !important;} .bg-color-yellow-3{background:#e7b415 !important;color:#000 !important;} .bg-color-yellow-3 a, .bg-color-yellow-3 span{color:#000 !important;} .bg-color-yellow-3:before{background:#e7b415 !important;border-color:#e7b415 !important;} .bg-color-yellow-3::after{background:#e7b415 !important;border-color:#e7b415 !important;} .bg-color-green-1{background:#12abb3 !important;color:#fff !important;} .bg-color-green-1 a, .bg-color-green-1 span{color:#fff;} .bg-color-green-1:before{background:#12abb3;border-color:#12abb3;} .bg-color-green-1::after{background:#12abb3;border-color:#12abb3;} .bg-color-green-2{background:#009688 !important;color:#fff !important;} .bg-color-green-2 a, .bg-color-green-2 span{color:#fff;} .bg-color-green-2:before{background:#009688;border-color:#009688;} .bg-color-green-2::after{background:#009688;border-color:#009688;} .bg-color-green-3{background:#37a258 !important;color:#fff !important;} .bg-color-green-3 a, .bg-color-green-3 span{color:#fff !important;} .bg-color-green-3:before{background:#37a258;border-color:#37a258;} .bg-color-green-3::after{background:#37a258;border-color:#37a258;} .no-color-change{color:inherit !important;} .no-color-change a, .no-color-change span{color:inherit !important;} .bg-transparent{background:transparent !important;} .bg-transparent-before:before{background:transparent !important;} .bg-transparent-before:after{background:transparent !important;} .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;} .align-justify{text-align:justify;} .light-bold{font-weight:500 !important;} .md-bold{font-weight:600 !important;} .dark-bold{font-weight:700 !important;} .cursor-pointer{cursor:pointer !important;} .no-drop{cursor:no-drop !important;} .no-drop:hover{cursor:no-drop !important;} .disable-link{pointer-events:none !important;} .heading-style-1 {width: 100%;float: left;color: #041b5d;position: relative;margin: 0px 0px 10px 0px;padding-bottom:8px;font-weight: 600;} .heading-style-1:before {content: "";position: absolute;left: 0;right: 0;bottom: 0px;margin: auto;display: block;width: 100%;height: 2px;border-bottom: 1px dashed #041b5d;} .heading-style-1 .title-text {position: relative;display: inline-block;} .heading-style-1 .title-text:before {content: "";position: absolute;left: 0;right: 0;bottom: -10px;margin: auto;display: block;width: 100%;height: 5px;background: #00aced;} .heading-style-2 {background: #041b5d;color: #fff;letter-spacing: 1px;position: relative;padding: 10px 0px;z-index: 1;} .heading-style-2 .title-text {position: relative;z-index: 1;} .heading-style-2:before {content: "";position: absolute;top: 0px;right: 22px;z-index: -1;width: 10px;height: 100%;background: #fec617;-webkit-transform: skew(-35deg, 0deg);-moz-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);-o-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);} .heading-style-2:after {content: "";position: absolute;top: 0px;left: 0px;width: 95%;height: 100%;background: #00aced;transform-origin: bottom left;-webkit-transform: skew(-35deg, 0deg);-moz-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);} .heading-style-3 {position: relative;width: 100%;height: 48px;color: #041b5d;line-height: 48px;font-weight:600;} .heading-style-3 .inner-content{width:100%;float:left;position:relative; background: tomato;} .heading-style-3 .inner-content:before{content: '';position: absolute;top:0;left: -20px;width: 100%;height: 100%;background:#7fd288;} .heading-style-3 .inner-content:after{content: '';position: absolute;top:0;right: -20px; width: 100%;height: 100%;background:#7fd288;} .heading-style-3:before, .heading-style-3:after {content: '';position: absolute;width: 20px;height: 20px;border: 10px solid #095d12;} .heading-style-3:before {top: -20px;left: -20px;border: 10px solid #095d12;border-top-color: transparent;border-left-color: transparent;} .heading-style-3:after {top: 48px;right: -20px;border: 10px solid #095d12;border-right-color: transparent;border-bottom-color: transparent;} .heading-style-3 .title-text{position:relative;z-index:2;} .heading-style-4 {width:100%;padding: 10px;margin: 0;position: relative;color: #041b5d;font-weight:600;text-align: center;text-shadow: 0px -1px 0px rgba(0,0,0,0.3);background: #7fd288;display: inline-block;} .heading-style-4:before, .heading-style-4:after {content: "";width: 16px;bottom: -12px;position: absolute;display: block;border: 22px solid #4CAF50;z-index: -2;} .heading-style-4:before {left: -28px;border-right-width: 18px;border-left-color: transparent;} .heading-style-4:after {right: -28px;border-left-width: 18px;border-right-color: transparent;} .heading-style-4 .inner-content:before, .heading-style-4 .inner-content:after {content: "";bottom: -13px;position: absolute;display: block;border-style: solid;border-color: #095d12 transparent transparent transparent;z-index: -1;} .heading-style-4 .inner-content:before {left: 0;border-width: 12px 0px 0px 12px;} .heading-style-4 .inner-content:after {right: 0;border-width: 12px 12px 0px 0px;} .heading-style-4 .title-text{position:relative;z-index:2;} .heading-style-5 {width:100%; margin: 0;position: relative;color: #041b5d;font-weight:600;text-align: left;background:#00aced;text-shadow: 0px -1px 0px rgba(0,0,0,0.3);border-left:5px solid #5bc2f1;border-right:5px solid #5bc2f1;display: inline-block;} .heading-style-5:before{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:100%;height:7px;display:block;background:#041b5d;} .heading-style-5:after{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:7px;display:block;background:#041b5d;} .heading-style-5 .inner-content{width:100%;float:left;position:relative; padding: 10px;overflow:hidden;} .heading-style-5 .inner-content:before{content:"";position:absolute;top:3px;left:0px;right:0;margin:auto;width:100%;height:2px;display:block;background:#5bc2f1;-webkit-animation: headingStyle5Animation 4s linear infinite;-moz-animation: headingStyle5Animation 4s linear infinite;-ms-animation: headingStyle5Animation 4s linear infinite;-o-animation: headingStyle5Animation 4s linear infinite;animation: headingStyle5Animation 4s linear infinite;} .heading-style-5 .inner-content:after{content:"";position:absolute;left:0px;right:0;bottom:3px;margin:auto;width:100%;height:2px;display:block;z-index:1;background:#5bc2f1;-webkit-animation: headingStyle5Animation 4s linear infinite;-moz-animation: headingStyle5Animation 4s linear infinite;-ms-animation: headingStyle5Animation 4s linear infinite;-o-animation: headingStyle5Animation 4s linear infinite;animation: headingStyle5Animation 4s linear infinite;} .heading-style-5 .title-text{position:relative;} .heading-style-6 {width:100%; margin: 0;position: relative;color: #fff;font-weight:600;text-align: left;display: inline-block;padding:30px 0px;} .heading-style-6:before{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:100%;height:100%;display:block;background-image:url('../images/heading-bg-1.png');background-repeat:no-repeat;background-position:center center;background-size:65% 300px;} .heading-style-6_0:after{} .heading-style-6.inner-content{width:100%;float:left;position:relative; padding: 10px;overflow:hidden;} .heading-style-6 .inner-content_0:before{content:"";position:absolute;top:3px;left:0px;right:0;margin:auto;width:100%;height:2px;display:block;background:#fff;-webkit-animation: headingStyle5Animation 4s linear infinite;-moz-animation: headingStyle5Animation 4s linear infinite;-ms-animation: headingStyle5Animation 4s linear infinite;-o-animation: headingStyle5Animation 4s linear infinite;animation: headingStyle5Animation 4s linear infinite;} .heading-style-6 .inner-content_0:after{content:"";position:absolute;left:0px;right:0;bottom:3px;margin:auto;width:100%;height:2px;display:block;z-index:1;background:#fff;-webkit-animation: headingStyle5Animation 4s linear infinite;-moz-animation: headingStyle5Animation 4s linear infinite;-ms-animation: headingStyle5Animation 4s linear infinite;-o-animation: headingStyle5Animation 4s linear infinite;animation: headingStyle5Animation 4s linear infinite;} .heading-style-6 .title-text{position:relative;} @media only screen and (max-width: 1150px) { .heading-style-6:before{background-size:100% 300px !important;} } @-webkit-keyframes headingStyle5Animation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} } @-moz-keyframes headingStyle5Animation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} } @-ms-keyframes headingStyle5Animation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} } @-o-keyframes headingStyle5Animation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} } @keyframes headingStyle5Animation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin: right;-moz-transform-origin: right;-ms-transform-origin: right;-o-transform-origin: right;transform-origin: right; } } .btn-style-1 {padding:5px 15px;background: #1e447e;color: #fff;margin: 0 auto;display: block;position: relative;letter-spacing:1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow: 0 3px 0 #00aced;-webkit-box-shadow: 0 3px 0 #00aced;box-shadow: 0 3px 0 #00aced;} .btn-style-1:hover{background: #00aced !important; -moz-box-shadow: 0 3px 0 #0065b8;-webkit-box-shadow: 0 3px 0 #0065b8;box-shadow: 0 3px 0 #0065b8;} .list li{margin-bottom:10px;} .list.with-bullets{float:left;padding-left: 10px;} .list.with-bullets li{float:left;list-style:none !important;position:relative;float:left;line-height: 24px;margin-bottom:12px;} .list.with-bullets li:last-child{margin-bottom:0px;} .list.with-bullets.full-width li{width:100%;} .list.with-bullets li .bullet-icon{width:8px;height:8px;position:absolute;float: left;margin:0px 0px 0px 0px;top: 15px;left: 0;margin: auto;} .list.with-bullets li .text{position:relative;margin-left:20px;float: left;} .list.with-bullets li .bullet-icon:before, .list.with-bullets li .bullet-icon:after{content :"";position:absolute;display:block;} .list.with-bullets.bullet-style-disc li:before{content :"";position:absolute;display:block;top:12px;left:0px;width:8px;height:8px;background:#333;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .list.with-bullets.bullet-style-dot-circle li .bullet-icon:before{content :"\f192";font-family:FontAwesome !important;top:1px;left:0px;} .list.with-bullets.bullet-style-simple-tick .bullet-icon:before {top: 0px;left: 0px;width: 5px;height: 3px;background: #00aced;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .list.with-bullets.bullet-style-simple-tick .bullet-icon:after {top: -2px;left: 2px;width: 12px;height: 3px;background: #00aced;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .list.with-bullets.bullet-style-diamond .bullet-icon{width:20px;height: 20px;top:8px !important;background: transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .list.with-bullets.bullet-style-diamond .bullet-icon span{width:3px;height:3px;background:#000;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .list.with-bullets.bullet-style-diamond .bullet-icon span.first{top:5px;left:4px;} .list.with-bullets.bullet-style-diamond .bullet-icon span.second{top:11px;left:5px;} .list.with-bullets.bullet-style-diamond .bullet-icon span.third{top:6px;left:10px;} .list.with-bullets.bullet-style-diamond .bullet-icon span.fourth{top:12px;left:11px;} .list.with-bullets.bullet-style-diamond li .text{margin-left:35px !important;} .list.with-numbering{list-style:decimal !important;padding-left:10px;} .list.with-numbering li{float:left;position:relative;list-style-position: inside !important;line-height:25px;padding-left:30px;} .list.with-numbering.full-width li{width:100%;} .list.with-numbering .counter{width:25px;height:25px;float:left;text-align:center;position:absolute;top:0px;left:0px;font-weight:600;} .list.with-numbering .counter_0:after{content:")";position:absolute;top:0px;left:90%;} .list.with-numbering .text{float:left;} .blockquote-text {position: relative;padding: 20px 50px 20px 50px;border: 0px;} .blockquote-text:before {font-family: Georgia, serif;position: absolute;font-size: 70px;line-height: 1;top: 0;left: 0;content: "\201C";} .blockquote-text:after {font-family: Georgia, serif;position: absolute;float: right; font-size: 70px;line-height: 1;right: 0; bottom: -10px;content: "\201D";} .blockquote-cite {position: relative;} .blockquote-cite:before {content: "\2013";position: absolute;top: 0;left: -20px;} .popup.style-1{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,.5);display:none;} .popup.style-1 .pop-box{;min-height:80px;position:relative;top:0px;left:0;right:0;margin:0 auto;padding:0px; text-align: center;} .popup.style-1 .pop-box .heading{background: #34c6c0;color: #fff;font-size: 20px;font-weight: 500;letter-spacing: 1px;margin:0px !important;padding:8px; } .popup.style-1 .pop-box .wrap {width:100%;float:left;background:#fff;position:relative;border: 3px solid #ccc;} .popup.style-1 .pop-box .wrap form{float:left;margin:0px !important;} .popup.style-1 .pop-box .in-content{ width:100%;float:left;padding:10px;} .popup.style-1 .pop-box .wrap .form--group{width: 50%;height: 50px;float: left;float:left;padding: 0px 10px 0px 0px;margin: 0 auto 10px 0px !important;} .popup.style-1 .pop-box .close--btn{position:absolute;top:8px;right:5px;width:20px;height:20px;line-height:20px;z-index: 1;border:0px !important;outline:0;background:#fff !important;color:#0074e8 !important; font-size: 20px;padding: 0px !important;font-weight: 600;-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .popup.style-1 .pop-box .close--btn .in_wrap{float:left;} .popup.style-1 .pop-box .close--btn span.line{width: 60%;height: 2px;display: block;position: absolute;left: 4px;background: #0074e8;border-radius: 2px;} .popup.style-1 .pop-box .close--btn span.line.first {top: 9px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .popup.style-1 .pop-box .close--btn span.line.second {top: 9px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);} .popup.style-1 .pop-box .wrap input[type="text"], .popup.style-1 .pop-box .wrap input[type="email"], .popup.style-1 .pop-box .wrap input[type="password"]{background:transparent;box-shadow:none;color:#666;border:0px;margin:0px !important;font-size: 17px;height: 35px;padding: 0px 10px;} .popup.style-1 .pop-box .wrap input[type="text"]::-webkit-input-placeholder {color: #666;} .popup.style-1 .pop-box .wrap input[type="text"]::-moz-placeholder {color: #666;} .popup.style-1 .pop-box .wrap input[type="text"]:-ms-input-placeholder {color: #666;} .popup.style-1 .pop-box .wrap input[type="text"]:-moz-placeholder {color: #666;} .popup.style-1 .pop-box .wrap .bottom-section{width:100%;float:left;background:#eee; padding: 5px 0px;margin:0px !important;} .popup.style-1 .pop-box .wrap .btn {width: auto !important;height: auto !important;line-height: normal !important;background-color: #0f6ca9 !important;padding: 5px 15px !important;margin:0 auto !important;display:block;color: #fff !important;letter-spacing: 1px;font-weight: normal !important;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /* Tabbed Styles */ .horizontal-tabs-style-1 .tabs-nav {width: 100%;min-width: 100px;margin: 0 auto;border-bottom: 4px solid #00aced;overflow: hidden;-webkit-transition: border 250ms ease;-moz-transition: border 250ms ease;-ms-transition: border 250ms ease;-o-transition: border 250ms ease;transition: border 250ms ease;} .horizontal-tabs-style-1 .tabs-nav ul {margin: 0px;padding: 0px;overflow: hidden;float: left;padding-left: 48px;list-style-type: none;} .horizontal-tabs-style-1 .tabs-nav ul * {margin: 0px;padding: 0px;} .horizontal-tabs-style-1 .tabs-nav .nav-item {display: block;float: left;z-index: 2;margin-right: 46px;position: relative;cursor: pointer;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;} .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link{display: block;float: left;padding: 10px 24px 8px; font-weight:600;background-color: #efefef;z-index: 2;position: relative;cursor: pointer;color: #041b5d;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;} .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:before, .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:after {display: block; content: " ";position: absolute;top: 0;height: 100%;width: 44px;background-color: #efefef;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;} .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:before {right: -24px;-webkit-transform: skew(30deg, 0deg);-moz-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg);-o-transform: skew(30deg, 0deg);transform: skew(30deg, 0deg);-webkit-border-radius: 0 8px 0 0;-moz-border-radius: 0 8px 0 0;border-radius: 0 8px 0 0;-webkit-box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;-moz-box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;} .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:after {left: -24px;-webkit-transform: skew(-30deg, 0deg);-moz-transform: skew(-30deg, 0deg);-ms-transform: skew(-30deg, 0deg);-o-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg);-webkit-border-radius: 8px 0 0 0;-moz-border-radius: 8px 0 0 0;border-radius: 8px 0 0 0;-webkit-box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;-moz-box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;} .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:hover, .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:hover:before, .horizontal-tabs-style-1 .tabs-nav .nav-item .nav-link:hover:after {background-color: #041b5d;color: #fff;} .horizontal-tabs-style-1 .tabs-nav .nav-item.active {z-index: 3;} .horizontal-tabs-style-1 .tabs-nav .nav-item.active .nav-link, .horizontal-tabs-style-1 .tabs-nav .nav-item.active .nav-link:before, .horizontal-tabs-style-1 .tabs-nav .nav-item.active .nav-link:after {background-color: #041b5d;color: #fff;} .horizontal-tabs-style-1 .tab-content{min-height:auto !important;} .horizontal__tabs__style__2 .tabs__nav {width: 100%;min-width: 100px;margin: 0 auto;border-bottom: 4px solid #f3f3f3;-webkit-transition: border 250ms ease;-moz-transition: border 250ms ease;-ms-transition: border 250ms ease;-o-transition: border 250ms ease;transition: border 250ms ease;} .horizontal__tabs__style__2 .tabs__nav .nav__item {display: block;float: left;z-index: 2;margin: 0px 10px 0px 0px;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 20%);-ms-box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 20%);box-shadow: 0px 0px 30px 1px rgb(0 0 0 / 20%);-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;} .horizontal__tabs__style__2 .tabs__nav .nav__item .nav__link{display: block;float: left;padding: 15px 24px 15px 24px; font-weight:600;background-color: #fff;z-index: 2;position: relative;cursor: pointer;color: #041b5d;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;} .horizontal__tabs__style__2 .tabs__nav .nav__item .nav__link .text{position:relative;top:3px;} .horizontal__tabs__style__2 .tabs__nav .nav__item .nav__link:before{content:"";position:absolute;left:0px;top:0px;width:100%;border:2px solid #ccc;} .horizontal__tabs__style__2 .tabs__nav .nav__item .nav__link:hover:before{content:"";position:absolute;left:0px;top:0px;width:100%;border:2px solid #00aced;} .horizontal__tabs__style__2 .tabs__nav .nav__item .nav-link_0:hover:after{content:"";position:absolute;left:0px;bottom:-4px;width:100%;border:2px solid #00aced;} .horizontal__tabs__style__2 .tabs__nav .nav__item.active .nav__link:before{content:"";position:absolute;left:0px;top:0px;width:100%;border:2px solid #00aced;} .horizontal__tabs__style__2 .tabs__nav .nav__item.active_0 .nav__link:after{content:"";position:absolute;left:0px;bottom:-4px;width:100%;border:2px solid #00aced;} .infographics-list-style-1{display: grid;width:100%;float:left;position:relative;} .infographics-list-style-1 .list-item{display: block; position: relative; margin: 10px auto;border: 1px solid transparent;padding: 0;min-height: 60px; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border: 10px solid #fff;-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);background-image: -webkit-linear-gradient(60deg, rgb(243, 243, 243) 0%, rgb(224, 224, 224) 100%);background-image: -moz-linear-gradient(60deg, rgb(243, 243, 243) 0%, rgb(224, 224, 224) 100%);background-image: -ms-linear-gradient(60deg, rgb(243, 243, 243) 0%, rgb(224, 224, 224) 100%);background-image: -o-linear-gradient(60deg, rgb(243, 243, 243) 0%, rgb(224, 224, 224) 100%);background-image: linear-gradient(60deg, rgb(243, 243, 243) 0%, rgb(224, 224, 224) 100%);} .infographics-list-style-1 .list-item .in-content{width:100%;float:left;position:relative;padding: 25px 50px 25px 20px;} .infographics-list-style-1 .list-item .in-content:before {content:"";position: absolute;top: 0px;left: -5px;width: 150px;height: 100%;-webkit-transform: skewx(45deg);-moz-transform: skewx(45deg);-ms-transform: skewx(45deg);-o-transform: skewx(45deg);transform: skewx(45deg);-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%;-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);background: -webkit-linear-gradient(#fff, #e4e4e4);background: -moz-linear-gradient(#fff, #e4e4e4);background: -ms-linear-gradient(#fff, #e4e4e4);background: -o-linear-gradient(#fff, #e4e4e4);background: linear-gradient(#fff, #e4e4e4);} .infographics-list-style-1 .list-item .custom-icon{width:70px;height:70px;float:left;text-align: center;font-size:20px;font-weight:700;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0px;left:10px;background-image: -webkit-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -moz-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -ms-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -o-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);border: 3px solid #87c2e8;color: #fff; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center; -moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;align-items: center;-o-align-items: center;-ms-align-items: center;-moz-align-items: center;-webkit-align-items: center;} .infographics-list-style-1 .list-item .custom-icon .text{position:relative;z-index:5;} .infographics-list-style-1 .list-item .custom-icon:after {content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-shadow: inset 0 0 1px 1px #efefef, inset 0 -0.5em rgba(0, 0, 0, 0.1);background: -webkit-linear-gradient(linear-gradient(#d0d0d0, #e7e7e7));background: -moz-linear-gradient(linear-gradient(#d0d0d0, #e7e7e7));background: -ms-linear-gradient(linear-gradient(#d0d0d0, #e7e7e7));background: -o-linear-gradient(linear-gradient(#d0d0d0, #e7e7e7));background: linear-gradient(linear-gradient(#d0d0d0, #e7e7e7));} .infographics-list-style-1 .list-item .text-block{position:relative;float:left;margin: 0px 0px 0px 125px;} .infographics-list-style-2{width:100%;float:left;position:relative;} .infographics-list-style-2 .list-item{position: relative;margin: 0px auto;padding:10px 40px 10px 0px;margin:0px auto 10px auto;min-height: 60px;zoom: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;} .infographics-list-style-2 .list-item:before {content: "";position:absolute;top: 0;left: 0;width:100%;height:100%;background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -o-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);} .infographics-list-style-2 .list-item .item-content{width:100%;float:left;} .infographics-list-style-2 .list-item .custom-icon{width:80px;height:100%;line-height:100%;text-align:center;position:absolute;top:0;left:0;z-index:2;color:#fff;font-size:25px;font-weight:600;} .infographics-list-style-2 .list-item .custom-icon .text{width:40px;height:25px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2; display: inline-block;vertical-align: middle;line-height: normal;} .infographics-list-style-2 .list-item .custom-icon:before{content: "";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image: -webkit-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -moz-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -ms-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -o-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);} .infographics-list-style-2 .list-item .custom-icon:after{content: "";position:absolute;top:0;right:-10px;z-index:-1;width:100%;height:100%;background:#00aced;-webkit-transform: skew(-40deg,0deg);-moz-transform: skew(-40deg,0deg);-ms-transform: skew(-40deg,0deg);-o-transform: skew(-40deg,0deg);transform: skew(-40deg,0deg);} .infographics-list-style-2 .list-item .text-block{max-width: 95%;position:relative;float:left;z-index:2;margin: 0px 0px 0px 130px;} .infographics-list-style-2 .category-heading{width: 100%;z-index: 5;background: #d2d2d2;padding: 10px 20px;color: #041f61;position:relative;margin:0px 0px 10px 0px;} .infographics-list-style-2 .category-heading:before{content:"";position:absolute;top:0;left:0;width:10px;height:100%;background:#00aced;} .infographics-list-style-3{width:100%;float:left;position:relative;} .infographics-list-style-3 .list-item{width: 80%;padding: 0 0 0 80px;margin-bottom: 20px;border: 10px solid #041b5d;border-radius: 90px;float: left;position: relative;} .infographics-list-style-3 .list-item:before{content: '';height: 115%;width: 10px;background-color: #fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position: absolute;left: 70px;top: 50%;} .infographics-list-style-3 .list-item .item-content{background-color: #041b5d;text-align: left;-webkit-border-radius: 0 90px 90px 0;-moz-border-radius: 0 90px 90px 0;border-radius: 0 90px 90px 0;display: block;position: relative;} .infographics-list-style-3 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-3 .list-item .text-block{background-color: #fff;padding: 17px 40px 17px 80px;-webkit-border-radius: 90px;-moz-border-radius: 90px; border-radius: 90px;} .infographics-list-style-3 .list-item .custom-icon{width: 130px;height: 130px;line-height: 110px;position: absolute;top: 50%; left: -70px;color: #fff;background-color: #041b5d;font-size: 35px;font-weight: 600;text-align: center;border: 10px solid #D8DCE0;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5) inset;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5) inset;box-shadow: 0 0 15px rgba(0,0,0,0.5) inset;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); } .infographics-list-style-3 .list-item .main-title{color: #041b5d;font-size: 20px;margin: 0 0 7px 0;font-weight:600;} .infographics-list-style-3 .list-item .description{letter-spacing: 1px;text-align: left;margin: 0 0 5px 0;} .infographics-list-style-3 .list-item.even{float: right; padding: 0 80px 0 0;} .infographics-list-style-3 .list-item.even:before{left:auto;right: 70px;} .infographics-list-style-3 .list-item.even .custom-icon{left:auto;right: -70px;} .infographics-list-style-3 .list-item.even .item-content{-webkit-border-radius: 90px 0 0 90px;-moz-border-radius: 90px 0 0 90px; border-radius: 90px 0 0 90px;text-align: right;} .infographics-list-style-3 .list-item.even .text-block{ padding: 17px 80px 17px 40px; } .infographics-list-style-3 .list-item:nth-child(6n+2){border-color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+2) .item-content{background-color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+2) .custom-icon{background-color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+2) .main-title{color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+3){border-color: #f3ad0a;} .infographics-list-style-3 .list-item:nth-child(6n+3) .item-content{background-color: #f3ad0a;} .infographics-list-style-3 .list-item:nth-child(6n+3) .custom-icon{background-color: #f3ad0a;} .infographics-list-style-3 .list-item:nth-child(6n+3) .main-title{color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+4){border-color: #00aced;} .infographics-list-style-3 .list-item:nth-child(6n+4) .item-content{background-color: #00aced;} .infographics-list-style-3 .list-item:nth-child(6n+4) .custom-icon{background-color: #00aced;} .infographics-list-style-3 .list-item:nth-child(6n+4) .main-title{color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+5){border-color: #00aced;} .infographics-list-style-3 .list-item:nth-child(6n+5) .item-content{background-color: #3C9EEF;} .infographics-list-style-3 .list-item:nth-child(6n+5) .custom-icon{background-color: #00aced;} .infographics-list-style-3 .list-item:nth-child(6n+5) .main-title{color: #00aced;} .infographics-list-style-3 .list-item:nth-child(6n+6){border-color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+6) .item-content{background-color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+6) .custom-icon{background-color: #041b5d;} .infographics-list-style-3 .list-item:nth-child(6n+6) .main-title{color: #041b5d;} @media screen and (max-width:1200px){ .infographics-list-style-3 .list-item{ width: 59%; } .infographics-list-style-3 .list-item .item-content{ border-radius: 0 92px 92px 0; } .infographics-list-style-3 .list-item.even .item-content{ border-radius: 92px 0 0 92px; } .infographics-list-style-3 .list-item .text-block{ padding: 25px 40px 25px 80px; } .infographics-list-style-3 .list-item.even .text-block{ padding: 25px 80px 25px 40px; } } @media screen and (max-width:990px){ .infographics-list-style-3 .list-item{ width: 61.7%;} } @media screen and (max-width:767px){ .infographics-list-style-3 .list-item{ width: 100%; } .infographics-list-style-3 .list-item.even{ float: right !important;padding: 0 0 0 80px !important;} .infographics-list-style-3 .list-item.even:before{ left:70px; } .infographics-list-style-3 .list-item.even .item-content{-webkit-border-radius:0 92px 92px 0 !important;-moz-border-radius:0 92px 92px 0 !important;border-radius:0 92px 92px 0 !important;text-align: left !important;} .infographics-list-style-3 .list-item.even .custom-icon{ left: -70px !important; } .infographics-list-style-3 .list-item.even .text-block{ padding: 25px 40px 25px 80px !important; } } @media screen and (max-width:479px){ .infographics-list-style-3 .list-item, .infographics-list-style-3 .list-item.even{padding: 0 !important;margin-bottom: 60px !important;-webkit-border-radius: 10px !important;-moz-border-radius: 10px !important;border-radius: 10px !important;} .infographics-list-style-3 .list-item:before{ display: none;} .infographics-list-style-3 .list-item .item-content, .infographics-list-style-3 .list-item .text-block{-webkit-border-radius: 0 0 0 0 !important;-moz-border-radius: 0 0 0 0 !important; border-radius: 0 0 0 0 !important;} .infographics-list-style-3 .list-item .custom-icon, .infographics-list-style-3 .list-item.even .custom-icon{top: -70px !important;left: 50% !important;-webkit-transform:translateY(0) translateX(-50%) scale(0.7);-moz-transform:translateY(0) translateX(-50%) scale(0.7);-ms-transform:translateY(0) translateX(-50%) scale(0.7);-o-transform:translateY(0) translateX(-50%) scale(0.7);transform:translateY(0) translateX(-50%) scale(0.7);} .infographics-list-style-3 .list-item.even .text-block, .infographics-list-style-3 .list-item .text-block{text-align: center;padding: 20px;} } .infographics-list-style-4{width:100%;float:left;padding: 20px 0;position: relative;} .infographics-list-style-4:before, .infographics-list-style-4:after{content: '';height: 40px;width: 40px;background-color: #fec617;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 10px solid #00aced;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);position: absolute;left: 50%;top: -15px;z-index: 2;} .infographics-list-style-4:after{top: auto;bottom:15px;} .infographics-list-style-4 .list-item{padding: 35px 0;margin-top: -30px;position: relative;z-index: 1;} .infographics-list-style-4 .list-item:before, .infographics-list-style-4 .list-item:after{content: '';height: 100%;width: 50%;border-radius: 100px 0 0 100px;border: 15px solid #041b5d;border-right: none;position: absolute;left: 0;top: 0;z-index: -1;} .infographics-list-style-4 .list-item:after{height: calc(100% - 30px);width: -webkit-calc(50% - 12px);width: -moz-calc(50% - 12px);width: -ms-calc(50% - 12px);width: -o-calc(50% - 12px);width: calc(50% - 12px);border-color: #03397b;left: 12px;top: 15px;} .infographics-list-style-4 .list-item .item-content{ width:100%;display:inline-block; } .infographics-list-style-4 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-4 .list-item .custom-icon{color: #041b5d;font-size: 50px;font-weight: 600;display: inline-block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position: absolute;top: 50%;left: 10%;} .infographics-list-style-4 .list-item .timeline-icon{font-size: 80px;display: inline-block; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);position: absolute;left: 34%;top: 50%;} .infographics-list-style-4 .list-item .text-block{width: 50%;padding: 20px;display: inline-block;float: right;} .infographics-list-style-4 .list-item .main-title{color: #041b5d;font-size: 20px;font-weight: 600;letter-spacing: 1px;margin: 0 0 5px 0;} .infographics-list-style-4 .list-item .description{float:left;} .infographics-list-style-4 .list-item .description p{text-align:left;} .infographics-list-style-4 .list-item.even:before{left: auto;right: 0;-webkit-border-radius: 0 100px 100px 0;-moz-border-radius: 0 100px 100px 0;border-radius: 0 100px 100px 0;border: 15px solid #f13474;border-left: none;} .infographics-list-style-4 .list-item.even:after{left: auto;right: 12px; border: 15px solid #de628c;border-left: none;-webkit-border-radius: 0 100px 100px 0;-moz-border-radius: 0 100px 100px 0;border-radius: 0 100px 100px 0;} .infographics-list-style-4 .list-item.even .text-block{ float: left; } .infographics-list-style-4 .list-item.even .custom-icon{left: auto;right: 10%;} .infographics-list-style-4 .list-item.even .timeline-icon{left: auto;right: 32%;} .infographics-list-style-4 .list-item:nth-child(5n+2):before{ border-color: #EA3C14; } .infographics-list-style-4 .list-item:nth-child(5n+2):after{ border-color: #EF5720; } .infographics-list-style-4 .list-item:nth-child(5n+2) .timeline-icon{ color: #EA3C14; } .infographics-list-style-4 .list-item:nth-child(5n+2) .custom-icon{ color: #EA3C14; } .infographics-list-style-4 .list-item:nth-child(5n+2) .main-title{ color: #EA3C14; } .infographics-list-style-4 .list-item:nth-child(5n+3):before{ border-color: #8CC63E; } .infographics-list-style-4 .list-item:nth-child(5n+3):after{ border-color: #6CAF29; } .infographics-list-style-4 .list-item:nth-child(5n+3) .timeline-icon{ color: #6caf29; } .infographics-list-style-4 .list-item:nth-child(5n+3) .custom-icon{ color: #6caf29; } .infographics-list-style-4 .list-item:nth-child(5n+3) .main-title{ color: #6caf29; } .infographics-list-style-4 .list-item:nth-child(5n+4):before{ border-color: #F99324; } .infographics-list-style-4 .list-item:nth-child(5n+4):after{ border-color: #FBB03B; } .infographics-list-style-4 .list-item:nth-child(5n+4) .timeline-icon{ color: #F99324; } .infographics-list-style-4 .list-item:nth-child(5n+4) .custom-icon{ color: #F99324; } .infographics-list-style-4 .list-item:nth-child(5n+4) .main-title{ color: #F99324; } .infographics-list-style-4 .list-item:nth-child(5n+5) .main-title{ color: #f13474; } .infographics-list-style-4 .list-item:nth-child(5n+5):before{ border-color: #0071BD; } .infographics-list-style-4 .list-item:nth-child(5n+5):after{ border-color: #0050A3; } .infographics-list-style-4 .list-item:nth-child(5n+5) .timeline-icon{ color: #0071BD; } .infographics-list-style-4 .list-item:nth-child(5n+5) .custom-icon{ color: #0071BD; } .infographics-list-style-4 .list-item:nth-child(5n+5) .main-title{ color: #0071BD; } @media screen and (max-width:1200px){ .infographics-list-style-4 .list-item:after{ border-radius: 88px 0 0 88px; } .infographics-list-style-4 .list-item.even:after{ border-radius: 0 88px 88px 0; } } @media screen and (max-width:767px){ .infographics-list-style-4 .list-item{ margin-top: -19px; } .infographics-list-style-4 .list-item:before {-webkit-border-radius: 50px 0 0 50px;-moz-border-radius: 50px 0 0 50px;border-radius: 50px 0 0 50px;border-width: 10px;} .infographics-list-style-4 .list-item:after {height: -webkit-calc(100% - 18px);height: -moz-calc(100% - 18px);height: -ms-calc(100% - 18px);height: -o-calc(100% - 18px);height: calc(100% - 18px);width: -webkit-calc(50% - 9px);width: -moz-calc(50% - 9px);width: -ms-calc(50% - 9px);width: -o-calc(50% - 9px);width: calc(50% - 9px);-webkit-border-radius: 43px 0 0 43px;-moz-border-radius: 43px 0 0 43px;border-radius: 43px 0 0 43px;border-width:10px;top: 9px;left: 9px;} .infographics-list-style-4 .list-item.even:before {border-radius: 0 50px 50px 0;border-width: 10px;} .infographics-list-style-4 .list-item.even:after {height: -webkit-calc(100% - 18px);height: -moz-calc(100% - 18px);height: -ms-calc(100% - 18px);height: -o-calc(100% - 18px);height: calc(100% - 18px);width: -webkit-calc(50% - 9px);width: -moz-calc(50% - 9px);width: -ms-calc(50% - 9px);width: -o-calc(50% - 9px);width: calc(50% - 9px);-webkit-border-radius: 0 43px 43px 0;-moz-border-radius: 0 43px 43px 0;border-radius: 0 43px 43px 0;border-width: 10px;top: 9px;right: 9px;} .infographics-list-style-4 .list-item .timeline-icon{ font-size: 60px; } .infographics-list-style-4 .list-item .custom-icon{ font-size: 40px; } } @media screen and (max-width:479px){ .infographics-list-style-4 .list-item .timeline-icon{font-size: 50px;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);top: 25%;left: 10%;} .infographics-list-style-4 .list-item .custom-icon{font-size: 25px;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);top: 65%;left: 9%;} .infographics-list-style-4 .list-item .text-block{width: 68%;padding: 10px;} .infographics-list-style-4 .list-item .main-title{ font-size: 18px; } .infographics-list-style-4 .list-item.even .timeline-icon{right: 10%;} .infographics-list-style-4 .list-item.even .custom-icon{right: 9%;} } .infographics-list-style-5{width:100%;float:left;position: relative;} .infographics-list-style-5:after{content: '';display: block;clear: both;} .infographics-list-style-5 .list-item{width: 50.1%;height:auto;padding: 0px 0 0px 70px !important;margin:10px 0px !important;float: right;position: relative;z-index: 1;} .infographics-list-style-5 .list-item:before, .infographics-list-style-5 .list-item:after{content: '';background: #00aced;height: 100%;width: 28px;position: absolute;left: -11px;top: 0;} .infographics-list-style-5 .list-item:after{background: #00aced;height: 18px;width: 200px;-webkit-box-shadow: 0 0 10px -5px #000;-moz-box-shadow: 0 0 10px -5px #000;box-shadow: 0 0 10px -5px #000;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);top: 50%;left: -90px;} .infographics-list-style-5 .list-item .item-content{background-color: #00aced;padding: 0 0 0 80px;-webkit-box-shadow: 0 0 20px -10px #000;-moz-box-shadow: 0 0 20px -10px #000;box-shadow: 0 0 20px -10px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;display: block;} .infographics-list-style-5 .list-item .item-content:hover{text-decoration: none;} .infographics-list-style-5 .list-item .default-icon{color: #fff;background-color: #00aced;font-size: 35px;text-align: center;line-height: 62px;height: 60px;width: 60px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;left: -100px;top: 50%;z-index: 1;} .infographics-list-style-5 .list-item .custom-icon{background-color: #fff;font-size: 35px;font-weight: 600;text-align: center;line-height: 93px;height: 113px; width: 113px;border: 6px solid #00aced;box-shadow: 0 0 10px -5px #000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;left: 50px;top: 50%;z-index: 1;} .infographics-list-style-5 .list-item .text-block{background-color: #fff;padding: 10px;} .infographics-list-style-5 .list-item .main-title{color: #00aced;font-size: 22px;font-weight: 600;margin: 0 0 5px 0;} .infographics-list-style-5 .list-item .description{letter-spacing: 1px;margin: 0;} .infographics-list-style-5 .list-item.even{padding: 0px 70px 0px 0 !important;float: left;} .infographics-list-style-5 .list-item.even:before{left: auto;right: -14.5px;} .infographics-list-style-5 .list-item.even:after{left: auto;right: -90px;} .infographics-list-style-5 .list-item.even .item-content{ padding: 0 80px 0 0; } .infographics-list-style-5 .list-item.even .default-icon{left: auto;right: -100px;} .infographics-list-style-5 .list-item.even .custom-icon{left: auto;right: 50px;} .infographics-list-style-5 .list-item:nth-child(4n+2):before, .infographics-list-style-5 .list-item:nth-child(4n+2):after{background: #00aced;} .infographics-list-style-5 .list-item:nth-child(4n+2) .item-content, .infographics-list-style-5 .list-item:nth-child(4n+2) .default-icon{background-color: #00aced;} .infographics-list-style-5 .list-item:nth-child(4n+2) .custom-icon{ border-color: #00aced; } .infographics-list-style-5 .list-item:nth-child(4n+2) .main-title{ color: #00aced; } .infographics-list-style-5 .list-item:nth-child(4n+3):before, .infographics-list-style-5 .list-item:nth-child(4n+3):after{background: #00aced;} .infographics-list-style-5 .list-item:nth-child(4n+3) .item-content, .infographics-list-style-5 .list-item:nth-child(4n+3) .default-icon{background-color: #00aced;} .infographics-list-style-5 .list-item:nth-child(4n+3) .custom-icon{ border-color: #00aced; } .infographics-list-style-5 .list-item:nth-child(4n+3) .main-title{ color: #05B0DE; } .infographics-list-style-5 .list-item:nth-child(4n+4):before, .infographics-list-style-5 .list-item:nth-child(4n+4):after{background: #05B0DE;} .infographics-list-style-5 .list-item:nth-child(4n+4) .item-content, .infographics-list-style-5 .list-item:nth-child(4n+4) .default-icon{background-color: #05B0DE;} .infographics-list-style-5 .list-item:nth-child(4n+4) .custom-icon{ border-color: #05B0DE; } .infographics-list-style-5 .list-item:nth-child(4n+4) .main-title{ } @media only screen and (max-width:1200px){ .infographics-list-style-5 .list-item:before{ left: -12.5px; } .infographics-list-style-5 .list-item.even:before{ right: -14px; } } @media only screen and (max-width:990px){ .infographics-list-style-5 .list-item:before{ left: -12.5px; } } @media only screen and (max-width:767px){ .infographics-list-style-5 .list-item, .infographics-list-style-5 .list-item.even{width: 100% !important;padding: 20px 0 20px 37px !important;} .infographics-list-style-5 .list-item:before{ left: 0; } .infographics-list-style-5 .list-item.even:before{right: auto !important;left: 0 !important;} .infographics-list-style-5 .list-item:after, .infographics-list-style-5 .list-item.even .list-item:after{ display: none !important;} .infographics-list-style-5 .list-item .default-icon, .infographics-list-style-5 .list-item.even .default-icon{left: 0 !important;display: none !important;} .infographics-list-style-5 .list-item .custom-icon, .infographics-list-style-5 .list-item.even .custom-icon{width: 75px;height: 75px;line-height: 60px;font-size: 25px;left: 1px !important;} .infographics-list-style-5 .list-item .item-content, .infographics-list-style-5 .list-item.even .item-content{padding: 0 0 0 40px !important;} } .infographics-list-style-6{width:100%;float:left;position:relative;padding: 30px 0;} .infographics-list-style-6:after{content: '';display: block;clear: both;} .infographics-list-style-6:before{content: '';background-color: #fff;height: 100%;width: 5px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);position: absolute;top: 0 !important;left: 50% !important;} .infographics-list-style-6 .list-item{width: 50%;margin: 0 10px 20px 0;float: left;position: relative;} .infographics-list-style-6 .list-item .item-content{color: #555;display: block;position: relative;z-index: 1;} .infographics-list-style-6 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-6 .list-item .item-content:before{content: '';background-color: #041b5d;height: -webkit-calc(100% + 20px);height: -moz-calc(100% + 20px);height: -ms-calc(100% + 20px);height: -o-calc(100% + 20px);height: calc(100% + 20px);width: 135px;transform: -webkit-translateY(-50%);transform: -moz-translateY(-50%);transform: -ms-translateY(-50%);transform: -o-translateY(-50%);transform: translateY(-50%);position: absolute;right: 2px; top: 50%;z-index: 1;clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);} .infographics-list-style-6 .list-item .custom-icon{color: #fff;background-color: #041b5d;font-size: 28px;font-weight: 600;padding: 10px 30px 10px 20px;clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);position: absolute;left: -webkit-calc(100% + 3px);left: -moz-calc(100% + 3px);left: -ms-calc(100% + 3px);left: -o-calc(100% + 3px);left: calc(100% + 3px); top: 50%;} .infographics-list-style-6 .list-item .default-icon{width: 70px;height: 70px;line-height: 66px;color: #fff;font-size: 35px;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-shadow: 3px 3px 0 rgba(0,0,0,0.15);border: 4px solid #fff;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;right: 20px;top: 50%; z-index: 1;} .infographics-list-style-6 .list-item .text-block{padding: 10px 130px 10px 40px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);-moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);-ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);-o-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -o-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.2);box-shadow:0px 0px 3px 2px rgba(0,0,0,0.2);} .infographics-list-style-6 .list-item .main-title{font-size: 20px;font-weight: 700;letter-spacing: 1px;margin: 0 0 10px;} .infographics-list-style-6 .list-item .description{font-size: 15px;letter-spacing: 1px;margin: 0;} .infographics-list-style-6 .list-item.even{margin: 0 0 20px 10px;float: right;} .infographics-list-style-6 .list-item.even .item-content:before{-webkit-transform: translateY(-50%) rotateY(180deg);-moz-transform: translateY(-50%) rotateY(180deg);-ms-transform: translateY(-50%) rotateY(180deg);-o-transform: translateY(-50%) rotateY(180deg);transform: translateY(-50%) rotateY(180deg);right: auto;left: 3px;} .infographics-list-style-6 .list-item.even .custom-icon{padding: 10px 20px 10px 30px;left: auto;right: -webkit-calc(100% + 1px);right: -moz-calc(100% + 1px);right: -ms-calc(100% + 1px);right: -o-calc(100% + 1px);right: calc(100% + 1px);clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);} .infographics-list-style-6 .list-item.even .default-icon{right: auto;left: 20px;} .infographics-list-style-6 .list-item.even .text-block{padding: 10px 30px 10px 145px;clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);} .infographics-list-style-6 .list-item:nth-child(4n+2) .item-content:before{ background-color: #CF18FF; } .infographics-list-style-6 .list-item:nth-child(4n+2) .custom-icon{ background-color: #CF18FF; } .infographics-list-style-6 .list-item:nth-child(4n+3) .item-content:before{ background-color: #00aced; } .infographics-list-style-6 .list-item:nth-child(4n+3) .custom-icon{ background-color: #00aced; } .infographics-list-style-6 .list-item:nth-child(4n+4) .item-content:before{ background-color: #fec617; } .infographics-list-style-6 .list-item:nth-child(4n+4) .custom-icon{ background-color: #fec617; } @media screen and (max-width:767px){ .infographics-list-style-6 .list-item{ padding: 0; } .infographics-list-style-6 .list-item:before{ display: none; } .infographics-list-style-6 .list-item, .infographics-list-style-6 .list-item.even{width: 100% !important;padding: 60px 0 65px !important;margin: 0 0 20px !important;float: none !important;} .infographics-list-style-6 .list-item .text-block{ padding: 10px 20px 10px 40px !important; } .infographics-list-style-6 .list-item.even .text-block{ padding: 10px 40px 10px 20px !important; } .infographics-list-style-6 .list-item .item-content:before{height: 65px !important;width: 80px !important;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);top: 100%;right: 0;} .infographics-list-style-6 .list-item.even .item-content:before{-webkit-transform: translateY(0) rotateY(180deg);-moz-transform: translateY(0) rotateY(180deg);-ms-transform: translateY(0) rotateY(180deg); -o-transform: translateY(0) rotateY(180deg);transform: translateY(0) rotateY(180deg);left: 0;} .infographics-list-style-6 .list-item .custom-icon{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform: translateY(0);transform: translateY(0);left: 0;top: -60px;} .infographics-list-style-6 .list-item.even .custom-icon{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);right: 0 !important;top: -60px !important;} .infographics-list-style-6 .list-item .default-icon{font-size: 25px;line-height: 48px;height: 50px;width: 50px;border-width: 2px;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);top: -webkit-calc(100% + 7px);top: -moz-calc(100% + 7px);top: -ms-calc(100% + 7px);top: -o-calc(100% + 7px);top: calc(100% + 7px);right: 7px;} .infographics-list-style-6 .list-item.even .default-icon{ left: 5px; } } @media screen and (max-width:567px){ .infographics-list-style-6 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-7 {width:100%;float:left;position:relative;} .infographics-list-style-7:after{content: '';display: block;clear: both;} .infographics-list-style-7 .list-item{width: 49.5%;padding: 50px 0 0;margin: 0 10px 0 0;float: left;position: relative;} .infographics-list-style-7 .list-item:before{content: '';background-color: #041b5d;height: 11px;width: 40%;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;position: absolute;right: 5px;top: 30px;} .infographics-list-style-7 .list-item .item-content{background: #fff;padding: 70px 20px 20px 40px;-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;border-left: 15px solid #041b5d;-webkit-box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15);-moz-box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15);box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15);display: block;position: relative;} .infographics-list-style-7 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-7 .list-item .custom-icon{width: 100px;height: 100px;line-height: 100px;color: #fff;background-color: #041b5d; font-size: 30px;font-weight: 600;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 30px;top: -50px;z-index: 1;} .infographics-list-style-7 .list-item .custom-icon:before{content: '';background: -webkit-linear-gradient(155deg,rgba(255,255,255,0.9),rgba(255,255,255,0.05),transparent);background: -moz-linear-gradient(155deg,rgba(255,255,255,0.9),rgba(255,255,255,0.05),transparent);background: -ms-linear-gradient(155deg,rgba(255,255,255,0.9),rgba(255,255,255,0.05),transparent);background: -o-linear-gradient(155deg,rgba(255,255,255,0.9),rgba(255,255,255,0.05),transparent);background: linear-gradient(155deg,rgba(255,255,255,0.9),rgba(255,255,255,0.05),transparent);width: 70%;height: 70%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 10px;top: 6px;z-index: -1;} .infographics-list-style-7 .list-item .default-icon{color: #041b5d;font-size: 25px;position: absolute;top: 10px;right: 12px;} .infographics-list-style-7 .list-item .main-title{color: #041b5d;font-size: 20px;font-weight: 700;letter-spacing: 1px; margin: 0 0 5px;} .infographics-list-style-7 .list-item .description{letter-spacing: 1px; margin: 0;} .infographics-list-style-7 .list-item.even{margin: 0 0 0 10px;float: right;} .infographics-list-style-7 .list-item:nth-child(4n+2) .item-content{ border-left-color: #041b5d; } .infographics-list-style-7 .list-item:nth-child(4n+2):before, .infographics-list-style-7 .list-item:nth-child(4n+2) .custom-icon{ background-color: #041b5d; } .infographics-list-style-7 .list-item:nth-child(4n+2) .default-icon, .infographics-list-style-7 .list-item:nth-child(4n+2) .main-title{color: #041b5d;} .infographics-list-style-7 .list-item:nth-child(4n+3) .item-content{ border-left-color: #00aced; } .infographics-list-style-7 .list-item:nth-child(4n+3):before, .infographics-list-style-7 .list-item:nth-child(4n+3) .custom-icon{ background-color: #00aced; } .infographics-list-style-7 .list-item:nth-child(4n+3) .default-icon, .infographics-list-style-7 .list-item:nth-child(4n+3) .main-title{color: #00aced;} .infographics-list-style-7 .list-item:nth-child(4n+4) .item-content{ border-left-color: #fec617; } .infographics-list-style-7 .list-item:nth-child(4n+4):before, .infographics-list-style-7 .list-item:nth-child(4n+4) .custom-icon{ background-color: #fec617; } .infographics-list-style-7 .list-item:nth-child(4n+4) .default-icon, .infographics-list-style-7 .list-item:nth-child(4n+4) .main-title{color: #041b5d;} @media screen and (max-width:767px){ .infographics-list-style-7 .list-item, .infographics-list-style-7 .list-item.even{width: 100%;margin: 0 0 30px;float: none;} .infographics-list-style-7 .list-item .item-content, .infographics-list-style-7 .list-item.even .item-content{padding: 70px 15px 15px 20px;} .infographics-list-style-7 .list-item .custom-icon{ left: 10px; } } @media screen and (max-width:567px){ .infographics-list-style-7 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-8{width:100%;float:left;position: relative;padding: 20px 0;} .infographics-list-style-8 .list-item{width: 80%;margin: 0 auto 70px;position: relative;} .infographics-list-style-8 .list-item:after{content: '';background: -webkit-linear-gradient(-65deg,#F28D00 40%,#fff 41%,#fff 60%, #F28D00 61%);background: -moz-linear-gradient(-65deg,#F28D00 40%,#fff 41%,#fff 60%, #F28D00 61%);background: -ms-linear-gradient(-65deg,#F28D00 40%,#fff 41%,#fff 60%, #F28D00 61%);background: -o-linear-gradient(-65deg,#F28D00 40%,#fff 41%,#fff 60%, #F28D00 61%);background: linear-gradient(-65deg,#F28D00 40%,#fff 41%,#fff 60%, #F28D00 61%);height: 173px;width: 173px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); position: absolute;left: 88px;top: 50%;z-index: 0;} .infographics-list-style-8 .list-item .item-content{color: #fff;background-color: #F28D00;padding: 15px 15px 15px 280px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;display: block;} .infographics-list-style-8 .list-item .item-content:hover{color: #fff;text-decoration: none;} .infographics-list-style-8 .list-item .custom-icon{color: #000;background-color: #FDCD00;font-size: 60px;text-align: center;line-height: 130px;height: 150px;width: 150px;border: 10px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;left: 100px;top: 50%;z-index: 1;} .infographics-list-style-8 .list-item .main-title{font-size: 25px;font-weight: 600;margin: 0 0 5px 0;} .infographics-list-style-8 .list-item .description{font-size: 15px;letter-spacing: 1px;margin: 0;} .infographics-list-style-8 .list-item.even:after{left: auto;right: 88px;} .infographics-list-style-8 .list-item.even .custom-icon{left: auto;right: 100px;} .infographics-list-style-8 .list-item.even .item-content{ padding: 15px 280px 15px 30px; } .infographics-list-style-8 .list-item:nth-child(3n+2):after{background: -webkit-linear-gradient(-65deg,#0D70B4 40%,#fff 41%,#fff 60%, #0D70B4 61%);background: -moz-linear-gradient(-65deg,#0D70B4 40%,#fff 41%,#fff 60%, #0D70B4 61%);background: -ms-linear-gradient(-65deg,#0D70B4 40%,#fff 41%,#fff 60%, #0D70B4 61%);background: -o-linear-gradient(-65deg,#0D70B4 40%,#fff 41%,#fff 60%, #0D70B4 61%);background: linear-gradient(-65deg,#0D70B4 40%,#fff 41%,#fff 60%, #0D70B4 61%);} .infographics-list-style-8 .list-item:nth-child(3n+2) .item-content{ background-color: #0D70B4; } .infographics-list-style-8 .list-item:nth-child(3n+2) .custom-icon{ background-color: #2EA6E4; } .infographics-list-style-8 .list-item:nth-child(3n+3):after{background: -webkit-linear-gradient(-65deg,#A2175B 40%,#fff 41%,#fff 60%, #A2175B 61%);background: -moz-linear-gradient(-65deg,#A2175B 40%,#fff 41%,#fff 60%, #A2175B 61%);background: -ms-linear-gradient(-65deg,#A2175B 40%,#fff 41%,#fff 60%, #A2175B 61%);background: -o-linear-gradient(-65deg,#A2175B 40%,#fff 41%,#fff 60%, #A2175B 61%);background: linear-gradient(-65deg,#A2175B 40%,#fff 41%,#fff 60%, #A2175B 61%);} .infographics-list-style-8 .list-item:nth-child(3n+3) .item-content{ background-color: #A2175B; } .infographics-list-style-8 .list-item:nth-child(3n+3) .custom-icon{ background-color: #E71873; } @media only screen and (max-width:1200px){ .infographics-list-style-8 .list-item{ width: 100%; } } @media only screen and (max-width:767px){ .infographics-list-style-8 .list-item{padding-top: 109px;margin: 0 0 30px;} .infographics-list-style-8 .list-item:after, .infographics-list-style-8 .list-item.even:after{height: 110px;width: 110px;left: 50%;top: 0;-webkit-transform: translateX(-50%) translateY(0);-moz-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);-o-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);} .infographics-list-style-8 .list-item .item-content, .infographics-list-style-8 .list-item.even .item-content{text-align: center;padding: 15px;} .infographics-list-style-8 .list-item .default-icon, .infographics-list-style-8 .list-item.even .custom-icon{font-size: 35px;height: 90px;width: 90px;line-height: 70px;right: auto;left: 50%;top: 10px;-webkit-transform: translateX(-50%) translateY(0);-moz-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);-o-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);} .infographics-list-style-8 .list-item .main-title{ font-size: 20px; } } .infographics-list-style-9{width:100%;float:left;position:relative;padding: 20px 0;} .infographics-list-style-9:before{content: '';background-color: #333;height: 100%;width: 15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);position: absolute;left: 50%;top: 0;} .infographics-list-style-9:after{content: '';display: block;clear: both;} .infographics-list-style-9 .list-item{width: 50%;padding: 0 20px 0 60px;margin: 0 0 30px 10px;float: right;position: relative;} .infographics-list-style-9 .list-item:after{content: '';background-color: #0985f9;height: 100px;width: 10px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;right: 0;top: 50%;} .infographics-list-style-9 .list-item .item-content{background-color: #fff;display: block;position: relative;} .infographics-list-style-9 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-9 .list-item .custom-icon{width: 100px;height: 100px;color: #fff;background: #0985f9;font-size: 45px;line-height: 85px;border: 10px solid #fff;border-right: none;box-shadow: 10px 0 0 #fff,0 0 0 10px #0985f9;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;top: 50%;left: -110px;z-index: 1;} .infographics-list-style-9 .list-item .main-title{color: #fff;background: #00aced;font-size: 20px;font-weight: 700;letter-spacing: 1px;padding: 10px 15px;margin: 0;} .infographics-list-style-9 .list-item .text-block{background-color: #e7e7e7;padding: 10px 20px;} .infographics-list-style-9 .list-item .description{font-size: 14px;letter-spacing: 1px;margin: 0;} .infographics-list-style-9 .list-item.even{padding: 0 60px 0 20px;margin: 0 10px 30px 0;float: left;} .infographics-list-style-9 .list-item.even:after{right: auto;left: 0;} .infographics-list-style-9 .list-item.even .custom-icon{border: 10px solid #fff; border-left: none;-webkit-box-shadow: -10px 0 0 #fff,0 0 0 10px #00aced;-moz-box-shadow: -10px 0 0 #fff,0 0 0 10px #00aced;box-shadow: -10px 0 0 #fff,0 0 0 10px #00aced;left: auto;right: -110px;} .infographics-list-style-9 .list-item:nth-child(4n+2):after{ background-color: #68B73A; } .infographics-list-style-9 .list-item:nth-child(4n+2) .custom-icon{background: #68B73A;-webkit-box-shadow: -10px 0 0 #fff,0 0 0 10px #68B73A;-moz-box-shadow: -10px 0 0 #fff,0 0 0 10px #68B73A;box-shadow: -10px 0 0 #fff,0 0 0 10px #68B73A;} .infographics-list-style-9 .list-item:nth-child(4n+2) .title{ background-color: #68B73A; } .infographics-list-style-9 .list-item:nth-child(4n+3):after{ background-color: #041b5d; } .infographics-list-style-9 .list-item:nth-child(4n+3) .custom-icon{background: #041b5d;-webkit-box-shadow: 10px 0 0 #fff,0 0 0 10px #041b5d;-moz-box-shadow: 10px 0 0 #fff,0 0 0 10px #041b5d;box-shadow: 10px 0 0 #fff,0 0 0 10px #041b5d;} .infographics-list-style-9 .list-item:nth-child(4n+3) .main-title{ background-color: #041b5d; } .infographics-list-style-9 .list-item:nth-child(4n+4):after{ background-color: #8710d9; } .infographics-list-style-9 .list-item:nth-child(4n+4) .custom-icon{background: #8710d9;-webkit-box-shadow: -10px 0 0 #fff,0 0 0 10px #8710d9;-moz-box-shadow: -10px 0 0 #fff,0 0 0 10px #8710d9;box-shadow: -10px 0 0 #fff,0 0 0 10px #8710d9;} .infographics-list-style-9 .list-item:nth-child(4n+4) .main-title{ background-color: #8710d9; } @media screen and (max-width:767px){ .infographics-list-style-9 .list-item{ padding: 40px 0; } .infographics-list-style-9 .list-item, .infographics-list-style-9 .list-item.even{width: 100%;background-color: #fff;padding: 110px 0 20px 0;margin: 0 0 50px;float: none;} .infographics-list-style-9 .list-item:last-child{ margin: 0; } .infographics-list-style-9 .list-item:after, .infographics-list-style-9 .list-item.even:after{height: 10px;width: 100px;-webkit-transform: translateY(0) translateX(-50%); -moz-transform: translateY(0) translateX(-50%);-ms-transform: translateY(0) translateX(-50%); -o-transform: translateY(0) translateX(-50%);transform: translateY(0) translateX(-50%); top: auto;bottom: 0;left: 50%;right: auto;} .infographics-list-style-9 .list-item .custom-icon, .infographics-list-style-9 .list-item.even .custom-icon{border: 10px solid #fff;border-bottom: none;-webkit-box-shadow: 0 10px 0 #fff,0 0 0 10px #0985f9;-moz-box-shadow: 0 10px 0 #fff,0 0 0 10px #0985f9;box-shadow: 0 10px 0 #fff,0 0 0 10px #0985f9;-webkit-transform: translateY(0) translateX(-50%);-moz-transform: translateY(0) translateX(-50%);-ms-transform: translateY(0) translateX(-50%);-o-transform: translateY(0) translateX(-50%);transform: translateY(0) translateX(-50%);left: 50%;top: -110px;} .infographics-list-style-9 .list-item:nth-child(4n+2) .custom-icon{ box-shadow: 0 10px 0 #fff,0 0 0 10px #68B73A; } .infographics-list-style-9 .list-item:nth-child(4n+3) .custom-icon{ box-shadow: 0 10px 0 #fff,0 0 0 10px #041b5d; } .infographics-list-style-9 .list-item:nth-child(4n+4) .custom-icon{ box-shadow: 0 10px 0 #fff,0 0 0 10px #8710d9; } } @media screen and (max-width:567px){ .infographics-list-style-9 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-10{width:100%;float:left; position:relative;} .infographics-list-style-10:after{content: '';display: block;clear: both;} .infographics-list-style-10 .list-item{width: 80%;float: left;} .infographics-list-style-10 .list-item .item-content{color: #fff;background: -webkit-linear-gradient(left, #3DC3F8,#1E9CE8);background: -moz-linear-gradient(left, #3DC3F8,#1E9CE8);background: -ms-linear-gradient(left, #3DC3F8,#1E9CE8);background: -o-linear-gradient(left, #3DC3F8,#1E9CE8);background: linear-gradient(left, #3DC3F8,#1E9CE8);padding: 20px 20px 20px 170px;margin: 0 0 60px;-webkit-border-radius: 100px 0 0;-moz-border-radius: 100px 0 0;border-radius: 100px 0 0;display: block;position: relative;} .infographics-list-style-10 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-10 .list-item .custom-icon{width: 120px;height: 120px;color: #fff;background: -webkit-linear-gradient(left, #3DC3F8,#1E9CE8);background: -moz-linear-gradient(left, #3DC3F8,#1E9CE8);background: -ms-linear-gradient(left, #3DC3F8,#1E9CE8);background: -o-linear-gradient(left, #3DC3F8,#1E9CE8);background: linear-gradient(left, #3DC3F8,#1E9CE8);font-size: 50px;line-height: 100px;text-align: center;border: 10px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;bottom: -60px;left: 20px;} .infographics-list-style-10 .list-item .main-title{font-size: 23px;font-weight: 700;letter-spacing: 1px;margin: 0 0 5px;} .infographics-list-style-10 .list-item .description{letter-spacing: 1px;margin: 0;} .infographics-list-style-10 .list-item.even{margin: -60px 0 60px;float: right;} .infographics-list-style-10 .list-item.even .item-content{padding: 20px 170px 20px 20px;margin: 60px 0 0;-webkit-border-radius: 0 0 100px 0;-moz-border-radius: 0 0 100px 0;border-radius: 0 0 100px 0;} .infographics-list-style-10 .list-item.even .custom-icon{left: auto;right: 20px;bottom: auto;top: -60px;} .infographics-list-style-10 .list-item:nth-child(4n+2) .item-content, .infographics-list-style-10 .list-item:nth-child(4n+2) .custom-icon{background: -webkit-linear-gradient(left, #A71E92,#C6409F);background: -moz-linear-gradient(left, #A71E92,#C6409F);background: -ms-linear-gradient(left, #A71E92,#C6409F);background: -o-linear-gradient(left, #A71E92,#C6409F);background: linear-gradient(left, #A71E92,#C6409F);} .infographics-list-style-10 .list-item:nth-child(4n+3) .item-content, .infographics-list-style-10 .list-item:nth-child(4n+3) .custom-icon{background: -webkit-linear-gradient(left, #F18624,#D36414);background: -moz-linear-gradient(left, #F18624,#D36414);background: -ms-linear-gradient(left, #F18624,#D36414);background: -o-linear-gradient(left, #F18624,#D36414);background: linear-gradient(left, #F18624,#D36414);} .infographics-list-style-10 .list-item:nth-child(4n+4) .item-content, .infographics-list-style-10 .list-item:nth-child(4n+4) .custom-icon{background: -webkit-linear-gradient(left, #27ae60,#2ecc71);background: -moz-linear-gradient(left, #27ae60,#2ecc71);background: -ms-linear-gradient(left, #27ae60,#2ecc71);background: -o-linear-gradient(left, #27ae60,#2ecc71);background: linear-gradient(left, #27ae60,#2ecc71);} @media screen and (max-width:767px){ .infographics-list-style-10 .list-item, .infographics-list-style-10 .list-item.even{width: 100%;margin: 0 0 15px;} .infographics-list-style-10 .list-item .item-content, .infographics-list-style-10 .list-item.even .item-content{padding: 60px 15px 15px 15px;margin: 40px 0 0;border-radius: 0 0 50px 0;} .infographics-list-style-10 .list-item .custom-icon, .infographics-list-style-10 .list-item.even .custom-icon{font-size: 30px;line-height: 60px;height: 80px;width: 80px;right: 15px;left: auto;top: -40px;} } @media screen and (max-width:567px){ .infographics-list-style-10 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-11{width:100%;float:left;position: relative;} .infographics-list-style-11:after{content: '';display: block;clear: both;} .infographics-list-style-11 .list-item{width: 60%;margin: 0 30px 20px 0;float: left;} .infographics-list-style-11 .list-item .item-content{color: #333;min-height: 150px;padding: 30px;border: 3px solid #952F78;display: block;position: relative;z-index: 1;} .infographics-list-style-11 .list-item .item-content:before, .infographics-list-style-11 .list-item .item-content:after{content: '';background: #fff;-webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);position: absolute;left: 10px;top: 10px;bottom: 10px;right: 10px;z-index: -1;} .infographics-list-style-11 .list-item .in-content:after{background-color: #952F78;height: 3px;width: 100px;box-shadow: none;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);left: 100%;right: auto;top: 50%;bottom: auto;z-index: 1;} .infographics-list-style-11 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-11 .list-item .custom-icon{color: #fff;background: -webkit-linear-gradient(to bottom,#fdfcf8,#b2b3b4);background: -moz-linear-gradient(to bottom,#fdfcf8,#b2b3b4);background: -ms-linear-gradient(to bottom,#fdfcf8,#b2b3b4);background: -o-linear-gradient(to bottom,#fdfcf8,#b2b3b4);background: linear-gradient(to bottom,#fdfcf8,#b2b3b4);font-size: 45px;text-align: center;line-height: 108px;height: 105px;width: 105px;-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 7px rgba(0,0,0,0.2);box-shadow: 0 0 7px rgba(0,0,0,0.2);-webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);position: absolute;top: 50%;right: -200px;} .infographics-list-style-11 .list-item .custom-icon:before{content: "";background: -webkit-linear-gradient(to top,#952F78,#C22656);background: -moz-linear-gradient(to top,#952F78,#C22656);background: -ms-linear-gradient(to top,#952F78,#C22656);background: -o-linear-gradient(to top,#952F78,#C22656);background: linear-gradient(to top,#952F78,#C22656);-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);transform: translateX(-50%)translateY(-50%);position: absolute;width: 75%;height: 75%;top: 50%;left: 50%;} .infographics-list-style-11 .list-item .custom-icon .text{position:relative;z-index:5; } .infographics-list-style-11 .list-item .custom-icon .text{ transform: rotate(-45deg); } .infographics-list-style-11 .list-item .main-title{color: #952F78;font-size: 22px;font-weight: 700;letter-spacing: 1px;margin: 0 0 7px 0;} .infographics-list-style-11 .list-item .description{margin: 0;} .infographics-list-style-11 .list-item.even{float: right;margin: 0 0 20px 30px;} .infographics-list-style-11 .list-item.even .item-content:after{left: auto;right: 100%;} .infographics-list-style-11 .list-item.even .custom-icon{right: auto;left: -200px;} .infographics-list-style-11 .list-item:nth-child(4n+2) .item-content{ border-color: #CC2310; } .infographics-list-style-11 .list-item:nth-child(4n+2) .item-content:after{ background-color: #CC2310; } .infographics-list-style-11 .list-item:nth-child(4n+2) .custom-icon:before{background: -webkit-linear-gradient(to top,#920414,#CC2310);background: -moz-linear-gradient(to top,#920414,#CC2310);background: -ms-linear-gradient(to top,#920414,#CC2310);background: -o-linear-gradient(to top,#920414,#CC2310);background: linear-gradient(to top,#920414,#CC2310);} .infographics-list-style-11 .list-item:nth-child(4n+2) .main-title{ color: #CC2310; } .infographics-list-style-11 .list-item:nth-child(4n+3) .item-content{ border-color: #37792F; } .infographics-list-style-11 .list-item:nth-child(4n+3) .item-content:after{ background-color: #37792F; } .infographics-list-style-11 .list-item:nth-child(4n+3) .custom-icon:before{background: -webkit-linear-gradient(to top,#37792F,#6AA72E);background: -moz-linear-gradient(to top,#37792F,#6AA72E);background: -ms-linear-gradient(to top,#37792F,#6AA72E);background: -o-linear-gradient(to top,#37792F,#6AA72E);background: linear-gradient(to top,#37792F,#6AA72E);} .infographics-list-style-11 .list-item:nth-child(4n+3) .main-title{ color: #37792F; } .infographics-list-style-11 .list-item:nth-child(4n+4) .item-content{ border-color: #08abcc; } .infographics-list-style-11 .list-item:nth-child(4n+4) .item-content:after{ background-color: #08abcc; } .infographics-list-style-11 .list-item:nth-child(4n+4) .custom-icon:before{background: -webkit-linear-gradient(to top,#04779e,#08abcc);background: -moz-linear-gradient(to top,#04779e,#08abcc);background: -ms-linear-gradient(to top,#04779e,#08abcc);background: -o-linear-gradient(to top,#04779e,#08abcc);background: linear-gradient(to top,#04779e,#08abcc);} .infographics-list-style-11 .list-item:nth-child(4n+4) .main-title{ color: #08abcc; } @media screen and (max-width:767px){ .infographics-list-style-11 .list-item{width: 100%;padding: 0 170px 0 0;} .infographics-list-style-11 .list-item.even{ padding: 0 0 0 170px; } .infographics-list-style-11 .list-item .item-content:after{ width: 50px; } .infographics-list-style-11 .list-item .custom-icon{ right: -150px; } .infographics-list-style-11 .list-item.even .custom-icon{ left: -150px; } } @media screen and (max-width:576px){ .infographics-list-style-11 .list-item, .infographics-list-style-11 .list-item.even{padding: 35px 0 0 0;margin: 0 0 10px;} .infographics-list-style-11 .list-item .item-content{ padding-top: 45px; } .infographics-list-style-11 .list-item .item-content:after{ display: none; } .infographics-list-style-11 .list-item .custom-icon{font-size: 25px;line-height: 50px;height: 50px;width: 50px;right: 7px;top: -27px;-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);} .infographics-list-style-11 .list-item.even .custom-icon{ left: 7px; } .infographics-list-style-11 .list-item .custom-icon:before{height: 83%;width: 83%;} .infographics-list-style-11 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-12{width:100%;float:left;padding: 25px 0 0;position: relative;} .infographics-list-style-12:after{content: '';display: block;clear: both;} .infographics-list-style-12 .list-item{width: 65%;margin: -20px auto 0;padding: 30px 0 0 50px;float: left;position: relative;} .infographics-list-style-12 .list-item .item-content{padding: 20px 90px 20px 100px;border-radius: 20px;display: block;position: relative;background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: -o-linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);background-image: linear-gradient(90deg, rgba(255,255,255,1) 0, rgb(224, 224, 224) 100%);-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);} .infographics-list-style-12 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-12 .list-item .item-content:before{content: '';height: 150px;width: 150px;-webkit-border-radius: 10px 0;-moz-border-radius: 10px 0;border-radius: 10px 0;position: absolute;left: -50px;top: -30px;clip-path: polygon(0 0, 0% 100%, 100% 0);background: -webkit-linear-gradient(left bottom,#042264,#0983D9);background: -moz-linear-gradient(left bottom,#042264,#0983D9);background: -ms-linear-gradient(left bottom,#042264,#0983D9);background: -o-linear-gradient(left bottom,#042264,#0983D9);background: linear-gradient(left bottom,#042264,#0983D9);} .infographics-list-style-12 .list-item .custom-icon{color: #fff;background: -webkit-linear-gradient(left bottom,#0D60A6,#0983D9);background: -moz-linear-gradient(left bottom,#0D60A6,#0983D9);background: -ms-linear-gradient(left bottom,#0D60A6,#0983D9);background: -o-linear-gradient(left bottom,#0D60A6,#0983D9);background: linear-gradient(left bottom,#0D60A6,#0983D9);font-size: 60px;font-weight: 600;text-align: center;line-height: 90px;height: 110px;width: 110px;border: 10px solid #fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);-ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: -30px;top: -10px;} .infographics-list-style-12 .list-item .default-icon{color: #0D60A6;font-size: 40px;text-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;top: 50%;right: 20px;} .infographics-list-style-12 .list-item .main-title{font-size: 20px;font-weight: 600;letter-spacing: 1px;margin: 0 0 7px 0;} .infographics-list-style-12 .list-item .description{letter-spacing: 1px;margin: 0;} .infographics-list-style-12 .list-item.even{float: right;margin: 0 auto;} .infographics-list-style-12 .list-item:nth-child(4n+2) .item-content:before, .infographics-list-style-12 .list-item:nth-child(4n+2) .custom-icon{background: -webkit-linear-gradient(left bottom, #E61B91,#C42484);background: -moz-linear-gradient(left bottom, #E61B91,#C42484);background: -ms-linear-gradient(left bottom, #E61B91,#C42484);background: -o-linear-gradient(left bottom, #E61B91,#C42484);background: linear-gradient(left bottom, #E61B91,#C42484);} .infographics-list-style-12 .list-item:nth-child(4n+2) .default-icon{color: #C42484;} .infographics-list-style-12 .list-item:nth-child(4n+3) .item-content:before, .infographics-list-style-12 .list-item:nth-child(4n+3) .custom-icon{background: -webkit-linear-gradient(left bottom, #00aced,#31D2C3);background: -moz-linear-gradient(left bottom, #00aced,#31D2C3);background: -ms-linear-gradient(left bottom, #00aced,#31D2C3);background: -o-linear-gradient(left bottom, #00aced,#31D2C3);background: linear-gradient(left bottom, #00aced,#31D2C3);} .infographics-list-style-12 .list-item:nth-child(4n+3) .default-icon{color: #00aced;} .infographics-list-style-12 .list-item:nth-child(4n+4) .item-content:before, .infographics-list-style-12 .list-item:nth-child(4n+4) .custom-icon{background: -webkit-linear-gradient(left bottom, #FF8C00,#FCB100);background: -moz-linear-gradient(left bottom, #FF8C00,#FCB100);background: -ms-linear-gradient(left bottom, #FF8C00,#FCB100);background: -o-linear-gradient(left bottom, #FF8C00,#FCB100);background: linear-gradient(left bottom, #FF8C00,#FCB100);} .infographics-list-style-12 .list-item:nth-child(4n+4) .default-icon{color: #FF8C00;} @media screen and (max-width:990px){ .infographics-list-style-12 .list-item{ margin: -30px auto 0; } } @media screen and (max-width:767px){ .infographics-list-style-12 .list-item, .infographics-list-style-12 .list-item.even{width: 100%;min-height: 150px;padding: 20px 0 0 20px;margin: 0;} .infographics-list-style-12 .list-item .item-content{ padding: 60px 20px 15px 20px; } .infographics-list-style-12 .list-item .item-content:before{width: 100px;height: 80px;left: -20px;top: -20px;} .infographics-list-style-12 .list-item .default-icon{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);top: 5px;} .infographics-list-style-12 .list-item .custom-icon{font-size: 40px;line-height: 50px;height: 60px;width: 60px;border-width: 5px; left: 0;} } @media screen and (max-width:567px){ .infographics-list-style-12 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-13{position: relative;} .infographics-list-style-13:after{content: '';display: block;clear: both;} .infographics-list-style-13 .list-item{width: 85%;padding: 0 0 0 30px;margin: 0 30px 20px 0;float: left;position: relative; z-index: 1;} .infographics-list-style-13 .list-item .item-content{background-color: #f5f5f5;min-height: 60px;padding: 10px 80px 10px 15px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);display: block;} .infographics-list-style-13 .list-item .item-content:before, .infographics-list-style-13 .list-item .item-content:after{content: '';background: -webkit-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -moz-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -ms-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -o-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);height: 100%;width: 30px;position: absolute;left: 0;top: 0; z-index: -1;} .infographics-list-style-13 .list-item .item-content:after{height: 100px;width: 100px;border-radius: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);top: 50%;left: auto;right: -75px;} .infographics-list-style-13 .list-item .item-content:hover{ text-decoration: none; } .infographics-list-style-13 .list-item .custom-icon{color: #fff;background: -webkit-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -moz-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -ms-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -o-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%); font-size: 25px;text-align: center;line-height: 50px;height: 50px;width: 50px;border-radius: 50%;box-shadow: 0 0 0 8px #fff;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;top: 50%;right: -52px;} .infographics-list-style-13 .list-item .main-title{font-size: 20px; font-weight: 600;letter-spacing: 1px;margin: 0 0 7px 0;} .infographics-list-style-13 .list-item .description{letter-spacing: 1px;margin: 0;} .infographics-list-style-13 .list-item.even{float: right;padding: 0 30px 0 0; margin: 0 0 20px 30px;} .infographics-list-style-13 .list-item.even .item-content{background-color: #e4f2f9 !important; padding: 10px 15px 10px 55px; } .infographics-list-style-13 .list-item.even .item-content:before{left: auto;right: 0;} .infographics-list-style-13 .list-item.even .item-content:after{right: auto;left: -42px;} .infographics-list-style-13 .list-item.even .custom-icon{right: auto;left: -15px;} .infographics-list-style-13 .list-item:nth-child(4n+2) .item-content:before, .infographics-list-style-13 .list-item:nth-child(4n+2) .item-content:after, .infographics-list-style-13 .list-item:nth-child(4n+2) .custom-icon{background: -webkit-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -moz-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -ms-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -o-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);} .infographics-list-style-13 .list-item:nth-child(4n+2) .main-title{ color: #041b5d; } .infographics-list-style-13 .list-item:nth-child(4n+3) .item-content:before, .infographics-list-style-13 .list-item:nth-child(4n+3) .item-content:after, .infographics-list-style-13 .list-item:nth-child(4n+3) .custom-icon{background: -webkit-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: -moz-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: -ms-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: -o-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);} .infographics-list-style-13 .list-item:nth-child(4n+3) .main-title{ color: #041b5d; } .infographics-list-style-13 .list-item:nth-child(4n+4) .item-content:before, .infographics-list-style-13 .list-item:nth-child(4n+4) .item-content:after, .infographics-list-style-13 .list-item:nth-child(4n+4) .custom-icon{background: -webkit-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -moz-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -ms-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: -o-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);background: linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 100%);} .infographics-list-style-13 .list-item:nth-child(4n+4) .main-title{ color: #041b5d; } .infographics-list-style-13 .category-heading{background: #041b5d;padding: 15px;color: #fff;font-size: 18px;} @media screen and (max-width:767px){ .infographics-list-style-13 .list-item, .infographics-list-style-13 .list-item.even{width: 100%;padding: 0 75px 0 30px;margin: 0 0 20px;} .infographics-list-style-13 .list-item.even{padding: 0 30px 0 75px;} .infographics-list-style-13 .list-item .item-content:after{ right: 0;} .infographics-list-style-13 .list-item.even .item-content:after{ left: 0;} .infographics-list-style-13 .list-item.even .item-content p{text-align:left !important;} .infographics-list-style-13 .list-item .custom-icon{ right: 20px;} .infographics-list-style-13 .list-item.even .custom-icon{ left: 20px;} } @media screen and (max-width:567px){ .infographics-list-style-13 .list-item{ padding: 0 35px 0 10px; } .infographics-list-style-13 .list-item.even{ padding: 0 10px 0 30px; } .infographics-list-style-13 .list-item .item-content{ text-align: left;padding: 10px 34px 10px 20px; } .infographics-list-style-13 .list-item.even .item-content{ padding: 10px 20px 10px 50px; } .infographics-list-style-13 .list-item .item-content:after{height: 80px;width: 80px;right: 0;} .infographics-list-style-13 .list-item.even .item-content:after{ left: 0; } .infographics-list-style-13 .list-item .custom-icon{font-size: 30px;line-height: 50px; height: 50px;width: 50px;-webkit-box-shadow: 0 0 0 5px #fff; -moz-box-shadow: 0 0 0 5px #fff;box-shadow: 0 0 0 5px #fff;right: 20px;right: 15px;} .infographics-list-style-13 .list-item.even .custom-icon{ left: 15px; } } .infographics-list-style-14{position: relative;} .infographics-list-style-14:after{content: '';display: block;clear: both;} .infographics-list-style-14 .list-item{width: 50%;padding: 0 0 0 70px;margin: 0 0 0 50px;float: right;position: relative;} .infographics-list-style-14 .list-item:before{content: '';background-color: #D219B4;height: 10px;width: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;left: -70px;top: 50%;} .infographics-list-style-14 .list-item .in-content{color: #fff;background: -webkit-linear-gradient(left,#E50091,#AE0D97);background: -moz-linear-gradient(left,#E50091,#AE0D97);background: -ms-linear-gradient(left,#E50091,#AE0D97);background: -o-linear-gradient(left,#E50091,#AE0D97);background: linear-gradient(left,#E50091,#AE0D97);min-height: 140px;padding: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 15px -5px #555;-moz-box-shadow: 0 0 15px -5px #555;box-shadow: 0 0 15px -5px #555;display: block;position: relative;} .infographics-list-style-14 .list-item .in-content:before, .infographics-list-style-14 .list-item .in-content:after{content: '';background: #E50091;height: 16px;width: 16px;-webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);position: absolute;left: -8px;top: 50%;} .infographics-list-style-14 .list-item .in-content:after{background: -webkit-linear-gradient(left,#D219B4,#E50091);background: -moz-linear-gradient(left,#D219B4,#E50091);background: -ms-linear-gradient(left,#D219B4,#E50091);background: -o-linear-gradient(left,#D219B4,#E50091);background: linear-gradient(left,#D219B4,#E50091);-webkit-transform: translateY(-50%) rotate(0);-moz-transform: translateY(-50%) rotate(0);-ms-transform: translateY(-50%) rotate(0);-o-transform: translateY(-50%) rotate(0);transform: translateY(-50%) rotate(0);left: -140px;width: 140px;height: 5px;} .infographics-list-style-14 .list-item .in-content:hover{ text-decoration: none; } .infographics-list-style-14 .list-item .custom-icon{color: rgba(0,0,0,0.2);font-size: 40px;position: absolute;top: 15px;left: -90px;} .infographics-list-style-14 .list-item .main-title{font-size: 20px;font-weight: 600;letter-spacing: 1px;margin: 0 0 7px 0;} .infographics-list-style-14 .list-item .description{letter-spacing: 1px;margin: 0;} .infographics-list-style-14 .list-item.even{padding: 0 70px 0 0;margin: 0 70px 0 0;float: left;} .infographics-list-style-14 .list-item.even:before{left: auto;right: -71px;} .infographics-list-style-14 .list-item.even .in-content:before{left: auto;right: -8px;} .infographics-list-style-14 .list-item.even .in-content:after{left: auto;right: -140px;} .infographics-list-style-14 .list-item.even .custom-icon{left: auto;right: -90px;} .infographics-list-style-14 .list-item:nth-child(4n+2):before{ background-color: #17B1EF; } .infographics-list-style-14 .list-item:nth-child(4n+2) .in-content{background: -webkit-linear-gradient(left,#7029CF,#4267D9);background: -moz-linear-gradient(left,#7029CF,#4267D9);background: -ms-linear-gradient(left,#7029CF,#4267D9);background: -o-linear-gradient(left,#7029CF,#4267D9);background: linear-gradient(left,#7029CF,#4267D9);} .infographics-list-style-14 .list-item:nth-child(4n+2) .in-content:before{ background: #4267D9; } .infographics-list-style-14 .list-item:nth-child(4n+2) .in-content:after{background: -webkit-linear-gradient(left,#4267D9,#17B1EF);background: -moz-linear-gradient(left,#4267D9,#17B1EF);background: -ms-linear-gradient(left,#4267D9,#17B1EF);background: -o-linear-gradient(left,#4267D9,#17B1EF);background: linear-gradient(left,#4267D9,#17B1EF);} .infographics-list-style-14 .list-item:nth-child(4n+3):before{ background-color: #04E2CB; } .infographics-list-style-14 .list-item:nth-child(4n+3) .in-content{background: -webkit-linear-gradient(left,#42c966,#5BD80B);background: -moz-linear-gradient(left,#42c966,#5BD80B);background: -ms-linear-gradient(left,#42c966,#5BD80B);background: -o-linear-gradient(left,#42c966,#5BD80B);background: linear-gradient(left,#42c966,#5BD80B);} .infographics-list-style-14 .list-item:nth-child(4n+3) .in-content:before{ background: #42c966; } .infographics-list-style-14 .list-item:nth-child(4n+3) .in-content:after{background: -webkit-linear-gradient(left,#04E2CB,#42c966);background: -moz-linear-gradient(left,#04E2CB,#42c966);background: -ms-linear-gradient(left,#04E2CB,#42c966);background: -o-linear-gradient(left,#04E2CB,#42c966);background: linear-gradient(left,#04E2CB,#42c966);} .infographics-list-style-14 .list-item:nth-child(4n+4):before{ background-color: #EFBC2F; } .infographics-list-style-14 .list-item:nth-child(4n+4) .in-content{background: -webkit-linear-gradient(left,#E03C30,#FF7125);background: -moz-linear-gradient(left,#E03C30,#FF7125);background: -ms-linear-gradient(left,#E03C30,#FF7125);background: -o-linear-gradient(left,#E03C30,#FF7125);background: linear-gradient(left,#E03C30,#FF7125);} .infographics-list-style-14 .list-item:nth-child(4n+4) .in-content:before{ background: #FF7125; } .infographics-list-style-14 .list-item:nth-child(4n+4) .in-content:after{background: -webkit-linear-gradient(left,#FF7125,#EFBC2F);background: -moz-linear-gradient(left,#FF7125,#EFBC2F);background: -ms-linear-gradient(left,#FF7125,#EFBC2F);background: -o-linear-gradient(left,#FF7125,#EFBC2F);background: linear-gradient(left,#FF7125,#EFBC2F);} @media screen and (max-width:767px){ .infographics-list-style-14 .list-item, .infographics-list-style-14 .list-item.even{width: 100%;padding: 0 0 0 40px;margin-bottom: 20px;} .infographics-list-style-14 .list-item:before, .infographics-list-style-14 .list-item.even:before{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);left: 0;right: auto;top: 47px;} .infographics-list-style-14 .list-item:nth-child(4n+2) .in-content{background: -webkit-linear-gradient(to left,#7029CF,#4267D9);background: -moz-linear-gradient(to left,#7029CF,#4267D9);background: -ms-linear-gradient(to left,#7029CF,#4267D9);background: -o-linear-gradient(to left,#7029CF,#4267D9);background: linear-gradient(to left,#7029CF,#4267D9);} .infographics-list-style-14 .list-item:nth-child(4n+4) .in-content{background: -webkit-linear-gradient(to left,#E03C30,#FF7125);background: -moz-linear-gradient(to left,#E03C30,#FF7125);background: -ms-linear-gradient(to left,#E03C30,#FF7125);background: -o-linear-gradient(to left,#E03C30,#FF7125);background: linear-gradient(to left,#E03C30,#FF7125);} .infographics-list-style-14 .list-item .in-content:before, .infographics-list-style-14 .list-item.even .in-content:before{-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);top: 45px;left: -4px;}.infographics-list-style-14 .list-item .in-content:after, .infographics-list-style-14 .list-item.even .in-content:after{width: 40px;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);right: auto;left: -38px;top: 50px;} .infographics-list-style-14 .list-item.even .in-content:after{-webkit-transform: translateY(0) rotateY(180deg);-moz-transform: translateY(0) rotateY(180deg);-ms-transform: translateY(0) rotateY(180deg);-o-transform: translateY(0) rotateY(180deg);transform: translateY(0) rotateY(180deg);} .infographics-list-style-14 .list-item .custom-icon, .infographics-list-style-14 .list-item.even .custom-icon{font-size: 22px;left: -30px; right: auto;} } @media screen and (max-width:567px){ .infographics-list-style-14 .list-item .main-title{ font-size: 18px; } } .infographics-list-style-15{} .infographics-list-style-15 .list-item{float:left; clear:both;position:relative;} .infographics-list-style-15 .list-item .item-content{width:100%;float:left;padding:0px 0px 0px 0px;} .infographics-list-style-15 .list-item .item-counter{width:80px;height:auto;text-align:center;position:absolute;top:0px;left:0px;bottom:0px;margin:auto;} .infographics-list-style-15 .list-item .item-counter:before{content:"";position:absolute;top:0px;left:0px;z-index:2;width:100%;height:100%;} .infographics-list-style-15 .list-item .item-counter .inner{width:100%;height:100%;float:left;position:relative;} .infographics-list-style-15 .list-item .item-counter .inner:before{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;z-index:3;width:90%;height:90%;background:green;} .infographics-list-style-15 .list-item .item-counter .inner:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;-webkit-border-radius:50%;} .infographics-list-style-15 .list-item .item-counter .inner-text{position:relative;top: 0px;z-index:4;font-size:25px;color:#fff;text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);} .infographics-list-style-15 .list-item .item-content .text-block{float:left;padding:10px 10px 10px 90px;} .infographics-list-style-15 .list-item .item-content .main-title{width:100%;float:left;color:#fff;font-size:22px;} .infographics-list-style-15 .list-item .item-content a{color:#fff;} .infographics-list-style-15 .list-item .item-content .description{width:100%;float:left;} .infographics-list-style-15 .list-item:nth-child(3n+1) .item-content{background:#041b5d;} .infographics-list-style-15 .list-item:nth-child(3n+1) .item-counter:before{background:#041b5d;} .infographics-list-style-15 .list-item:nth-child(3n+1) .item-counter .inner:before{background:#03397b;} .infographics-list-style-15 .list-item:nth-child(3n+2) .item-content{background:#EA3C14;} .infographics-list-style-15 .list-item:nth-child(3n+2) .item-counter:before{background:#EA3C14;} .infographics-list-style-15 .list-item:nth-child(3n+2) .item-counter .inner:before{background:#ff5722;} .infographics-list-style-15 .list-item:nth-child(3n+3) .item-content{background:#6CAF29;} .infographics-list-style-15 .list-item:nth-child(3n+3) .item-counter:before{background:#6CAF29;} .infographics-list-style-15 .list-item:nth-child(3n+3) .item-counter .inner:before{background:#8CC63E;} .infographics-list-style-15 .list-item:nth-child(3n+4) .item-content{background:#F99324;} .infographics-list-style-15 .list-item:nth-child(3n+4) .item-counter:before{background:#F99324;} .infographics-list-style-15 .list-item:nth-child(3n+4) .item-counter .inner:before{background:#FBB03B;} .infographics-list-style-15 .list-item:nth-child(3n+5) .item-content{background:#0050A3;} .infographics-list-style-15 .list-item:nth-child(3n+5) .item-counter:before{background:#0050A3;} .infographics-list-style-15 .list-item:nth-child(3n+5) .item-counter .inner:before{background:#0071BD;} .infographics-list-style-15 .list-item:nth-child(3n+6) .item-content{background:#f13474;} .infographics-list-style-15 .list-item:nth-child(3n+6) .item-counter:before{background:#f13474;} .infographics-list-style-15 .list-item:nth-child(3n+6) .item-counter .inner:before{background:#de628c;} label.check-box{cursor:pointer;} /* Hide the browser's default checkbox */ label.check-box input {position: absolute;opacity: 0;cursor: pointer;} /* Create a custom checkbox */ label.check-box .checkmark {position: absolute;top: 5px;left: 0px;right:0;margin:auto;height: 20px;width: 20px;background: #fff;border: 1px solid #ccc;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;} /* On mouse-over, add a grey background color */ label.check-box:hover input ~ .checkmark {background: #ccc;} /* When the checkbox is checked, add a blue background */ label.check-box input:checked ~ .checkmark {background: #0074e8;border-color:#0074e8;} /* Create the checkmark/indicator (hidden when not checked) */ label.check-box .checkmark:after {content: "";position: absolute;display: none;} /* Show the checkmark when checked */ label.check-box input:checked ~ .checkmark:after {display: block;} /* Style the checkmark/indicator */ label.check-box .checkmark:after {left: 7px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} /* Animation styles starts */ .animation {-webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s;-ms-animation-duration: 1.5s;-o-animation-duration: 1.5s;animation-duration: 1.5s;} .animation.blink{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;text-decoration: blink;-webkit-animation-name: AnimationBlinking;-webkit-animation-duration: 0.6s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction: alternate;-moz-animation-name: AnimationBlinking;-moz-animation-duration: 0.6s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;-moz-animation-direction: alternate;-ms-animation-name: AnimationBlinking;-ms-animation-duration: 0.6s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:ease-in-out;-ms-animation-direction: alternate;-o-animation-name: AnimationBlinking;-o-animation-duration: 0.6s;-o-animation-iteration-count:infinite;-o-animation-timing-function:ease-in-out;-o-animation-direction: alternate;animation-name: AnimationBlinking;animation-duration: 0.6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction: alternate;} .animation.bounce {-webkit-animation: AnimationBounce 2s infinite;-moz-animation: AnimationBounce 2s infinite;-ms-animation: AnimationBounce 2s infinite;-o-animation: AnimationBounce 2s infinite;animation: AnimationBounce 2s infinite;} .animation.fadeInLeft {-webkit-animation-name: animationFadeInLeft;-moz-animation-name: animationFadeInLeft;-ms-animation-name: animationFadeInLeft;-o-animation-name: animationFadeInLeft;animation-name: animationFadeInLeft;} .animation.fadeInRight {-webkit-animation-name: animationFadeInRight;-moz-animation-name: animationFadeInRight;-ms-animation-name: animationFadeInRight;-o-animation-name: animationFadeInRight;animation-name: animationFadeInRight;} .animation.fadeInUp {-webkit-animation-name: animationFadeInUp;-moz-animation-name: animationFadeInUp;-ms-animation-name: animationFadeInUp;-o-animation-name: animationFadeInUp;animation-name: animationFadeInUp;} .animation.fadeInDown {-webkit-animation-name: animationFadeInDown;-moz-animation-name: animationFadeInDown;-ms-animation-name: animationFadeInDown;-o-animation-name: animationFadeInDown;animation-name: animationFadeInDown;} @-webkit-keyframes animationFadeInLeft { from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);-moz-transform: translate3d(-100px, 0, 0);-ms-transform: translate3d(-100px, 0, 0);-o-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-moz-keyframes animationFadeInLeft { from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);-moz-transform: translate3d(-100px, 0, 0);-ms-transform: translate3d(-100px, 0, 0);-o-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-ms-keyframes animationFadeInLeft { from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);-moz-transform: translate3d(-100px, 0, 0);-ms-transform: translate3d(-100px, 0, 0);-o-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-o-keyframes animationFadeInLeft { from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);-moz-transform: translate3d(-100px, 0, 0);-ms-transform: translate3d(-100px, 0, 0);-o-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @keyframes animationFadeInLeft { from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);-moz-transform: translate3d(-100px, 0, 0);-ms-transform: translate3d(-100px, 0, 0);-o-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none; -o-transform: none;transform: none;} } @-webkit-keyframes animationFadeInRight { from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);-moz-transform: translate3d(100px, 0, 0);-ms-transform: translate3d(100px, 0, 0);-o-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-moz-keyframes animationFadeInRight { from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);-moz-transform: translate3d(100px, 0, 0);-ms-transform: translate3d(100px, 0, 0);-o-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-ms-keyframes animationFadeInRight { from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);-moz-transform: translate3d(100px, 0, 0);-ms-transform: translate3d(100px, 0, 0);-o-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-o-keyframes animationFadeInRight { from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);-moz-transform: translate3d(100px, 0, 0);-ms-transform: translate3d(100px, 0, 0);-o-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @keyframes animationFadeInRight { from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);-moz-transform: translate3d(100px, 0, 0);-ms-transform: translate3d(100px, 0, 0);-o-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);} to {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} } @-webkit-keyframes animationFadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-moz-keyframes animationFadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-ms-keyframes animationFadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes animationFadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);-o-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-webkit-keyframes animationFadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-moz-keyframes animationFadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-ms-keyframes animationFadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-o-keyframes animationFadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes animationFadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);-o-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes AnimatedGradient { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } @-webkit-keyframes AnimationBounce1 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } @-webkit-keyframes AnimationBounce { 0%, 25%, 50%, 75%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);} 60% {-webkit-transform: translateY(-12px);-moz-transform: translateY(-12px);-ms-transform: translateY(-12px);-o-transform: translateY(-12px);transform: translateY(-12px);} } @keyframes AnimationBounce { 0%, 25%, 50%, 75%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);} 60% {-webkit-transform: translateY(-12px);-moz-transform: translateY(-12px);-ms-transform: translateY(-12px);-o-transform: translateY(-12px);transform: translateY(-12px);} } @-webkit-keyframes AnimationBlinking { from {opacity: 1.0;} to {opacity: 0.0;} } @-moz-keyframes AnimationBlinking { from {opacity: 1.0;} to {opacity: 0.0;} } @-ms-keyframes AnimationBlinking { from {opacity: 1.0;} to {opacity: 0.0;} } @-o-keyframes AnimationBlinking { from {opacity: 1.0;} to {opacity: 0.0;} } @keyframes AnimationBlinking { from {opacity: 1.0;} to {opacity: 0.0;} } /* Animation styles ends */ .table-container{width:100%;float:left;} table td {position:relative;} table .action_btn{box-shadow:none !important;} table .action_btn.delete_btn{padding:0px;} table .action_btn.delete_btn .icon{font-size:20px;margin:0px !important;padding:0px;} table td.actions{padding:10px 5px !important;} table td.actions .action_btn.delete_btn {width:30px;height:30px;float:left;text-align:center;background:transparent !important;color:#f00 !important;padding:0px;} table td.actions .action_btn.add_row_btn {width:30px;height:30px;float:left;text-align:center;background:transparent !important;color:#0074e8 !important;padding:0px;} .dataTables_wrapper .dataTables_filter input{border:1px solid #ccc !important;} .btns-container{float:right;position:relative;} .btns-container .btn{float:left;position: relative;background:#0074e8 !important;box-shadow:none !important;padding:0px 10px;margin:5px 5px 5px 0px !important;} .btns-container .btn:last-child{margin-right:0px !important;} .btns-container .btn.small{width:20px;height:20px;padding:0px !important;} .btns-container .btn.delete_btn{background:#f00 !important;} .btns-container .btn .icon{color:#fff !important;margin:0px !important;line-height:20px;display:block !important;} .btns-container .btn:hover{box-shadow:none !important;} .tooltip_text_popup{margin:8px;padding:8px;border:1px solid blue;background:yellow;position: absolute;z-index: 2;} .show_tooltip_text .tooltip_text{ min-width:60px;height: 30px;line-height: 30px;position:absolute;top:-40px;z-index:1;white-space: nowrap; background: #084786 !important;color: #fff;text-align: center;padding: 0px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display:none;} .show_tooltip_text .tooltip_text::after{content: " ";position: absolute;top: 100%;left: 0; margin-left: 5px;border-width: 5px;border-style: solid;border-color: #084786 transparent transparent transparent;} .show_tooltip_text:hover .tooltip_text{display:block;} .show_tooltip_text .tooltip_text.top{bottom: 100%;left: 0; margin-left: 0px; } .show_tooltip_text .tooltip_text.top::after{top: 100%; left: 0;} .show_tooltip_text .tooltip_text.left{top: -5px;right: 105%;} .show_tooltip_text .tooltip_text.left::after{top: 50%;right: 100%; } .show_tooltip_text .tooltip_text.right{top: -5px;left: 105%;} .show_tooltip_text .tooltip_text.right::after{top: 50%;left: 100%;} .container{width:100% !important;max-width:1300px !important;position: relative;padding: 0px 15px;} .main-section{width: 100%;float: left;position: relative;min-height: 600px;margin-top: 120px;overflow:hidden;} .main-section.moveToTop {-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);} .main-section .content-wrap{width: 100%;float: left;position: relative;} .main-section .row-item{width: 100%;float: left;position: relative;} .main-section .row-item.has-seperator{width:100%;float:left;} .clearfix:before,.clearfix:after {content: "";display: table;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} .divider{width:100%;height:1px;float:left;position:relative;margin:30px 0px;} .divider.diamond-style:before{content: '';position: absolute;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);width: 20px;height: 20px;left: 0;right: 0;bottom: -35px; margin: auto;z-index: 1;background: #00aced;display:block;-webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);} .divider .diamond-style:after {content: "";position: absolute;left: 0px;right:0;bottom: -26px;margin:auto;width: 50%;height: 3px;background: #00aced;display:block;transform-origin: bottom left;-webkit-transform: skew(-35deg, 0deg);-moz-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);-o-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);} .divider.dot-style::before{content: "";position: absolute;top: 0;left: 5%;right: 5%;width: 90%;height: 1px;display:block; background: -webkit-linear-gradient(left, transparent, rgb(48,49,51), transparent);background: -moz-linear-gradient(left, transparent, rgb(48,49,51), transparent);background: -ms-linear-gradient(left, transparent, rgb(48,49,51), transparent);background: -o-linear-gradient(left, transparent, rgb(48,49,51), transparent);background: linear-gradient(left, transparent, rgb(48,49,51), transparent);} .divider.dot-style_0:before{content: '';position: absolute;width: 90%;height: 1px;top:0;left:5%;background: -moz-linear-gradient(left, rgb(4, 27, 93) 0%, rgba(255, 255, 255, 0) 49%, rgb(4, 27, 93) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));background: -webkit-linear-gradient(left, rgb(4, 27, 93) 0%, rgba(255, 255, 255, 0) 49%, rgb(4, 27, 93) 100%);background: -o-linear-gradient(left, rgb(4, 27, 93) 0%, rgba(255, 255, 255, 0) 49%, rgb(4, 27, 93) 100%);background: -ms-linear-gradient(left, rgb(4, 27, 93) 0%, rgba(255, 255, 255, 0) 49%, rgb(4, 27, 93) 100%);background: linear-gradient(left, rgb(4, 27, 93) 0%, rgba(255, 255, 255, 0) 49%, rgb(4, 27, 93) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);} .divider.dot-style:after {content: "";position: absolute;z-index: 1;top: -10px;left: 50%;width: 18px;height: 18px;background-color: #00aced;border: 1px solid rgb(48,49,51);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: inset 0 0 0 2px white, 0 0 0 4px #fff;-moz-box-shadow: inset 0 0 0 2px white, 0 0 0 4px #fff;box-shadow: inset 0 0 0 2px white, 0 0 0 4px #fff;} .main-section .row-item.has-seperator.has-full-width:after{width: 95%;} .row-item .column.has-padding{padding:0px 15px;} .page-section{ width: 100%;float: left;position: relative;padding: 0px 0px;} .page-section.padding-medium{padding:75px 0px;} .content-row{width:100%;float:left;margin-bottom:20px;} .content-row.has-columns-with-equal-height{display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;} .column{position:relative;} .content-row.has-columns-with-equal-height .column{margin-right:20px;-webkit-box-flex: 1; -moz-box-flex: 1;-webkit-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; } .content-row.has-columns-with-equal-height .column.last{margin-right:0px;} .has-box-shadow{-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .accordion-group{width:100%;float:left;} .accordion-group .panel{width:100%;float:left;margin-bottom:5px;} .accordion-group .panel .panel-heading{width:100%;float:left;padding:0px !important;} .accordion-group .panel .panel-title{width:100%;float:left;font-size:15px;font-weight:600;text-align: left;margin:0px;position:relative;} .accordion-group .panel .panel-title a{width:100%;float:left;display:block;color:#333;padding: 10px 12px;background: #f4f7f9;position:relative;} .accordion-group .panel .panel-title .text{margin-left: 20px;} .accordion-group .panel .panel-title a:before{content:"";position:absolute;top:14px;right:18px;width:2px;height:7px;background:#000;transform:skew(32deg,0deg);} .accordion-group .panel .panel-title a:after{content:"";position:absolute;top:14px;right:14px;width:2px;height:7px;background:#000;transform:skew(-32deg,0deg);} .accordion-group .panel .panel-title.active a{background: #fecc28;} .accordion-group .panel .panel-collapse{width:100%;float:left;text-align:justify;} .accordion-group .panel .panel-collapse.collapse.in{} .accordion-group .panel .panel-body{width:100%;float:left;text-align:justify;background: #fff;padding:10px;} .accordion-group .panel .panel-body p{text-align:justify;} .accordion-widget{} .accordion-widget .accordion-item{width:100%;float:left;position:relative;overflow: hidden;margin: 0px 0px 5px 0px;} .accordion-widget .accordion-item .accordion-title{ width: 100%; float: left; position:relative;background:#00aced; margin: 0px !important; } .accordion-widget .accordion-item .accordion-title_0:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0; display: block; background: #ccc !important; } .accordion-widget .accordion-item .accordion-title a.target-link{width:100%;float:left; color:#fff; padding: 10px 15px; display: block; position:relative; } .accordion-widget .accordion-item .accordion-title .toggle-icon{width:20px;height:100%;text-align:center;float:right;display:block;position:absolute;top:0;right:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} .accordion-widget .accordion-item .accordion-title .toggle-icon i{color:#000;line-height:40px;font-size: 24px;} .accordion-widget .accordion-item .accordion-title .toggle-icon .down-arrow{display:none;} .accordion-widget .accordion-item .accordion-title .toggle-icon::before {content: '';position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; width: 0.45em; height: 0.45em; border-style: solid; border-width: 0.15em 0.15em 0 0; display: inline-block; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease; } .accordion-widget .accordion-item .accordion-title.active .toggle-icon::before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .accordion-widget .accordion-item .accordion-title:hover{background:#041b5d;} .accordion-widget .accordion-item .accordion-title.active{background:#041b5d !important;color:#fff !important;} .accordion-widget .accordion-item .accordion-title.active a{color:#fff !important;} .accordion-widget .accordion-item .accordion-title.active i{color:#fff !important;} . .accordion-widget .accordion-item .accordion-title.active .toggle-icon .right-arrow{display:none;} .accordion-widget .accordion-item .accordion-title.active .toggle-icon .down-arrow{display:block;color:#fff !important;} .accordion-widget .accordion-item .accordion-content{display:none;width:100%;float:left;position:relative;} .accordion-widget .accordion-item .accordion-content .accordion-content-body{width:100%;float:left;position:relative;padding:10px;border:1px solid #00aced;} .accordion-widget .accordion-item .accordion-content.opened{display:block;} .accordion-widget .accordion-item .accordion-content .accordion-content-body p{margin:0px 0px 10px 0px !important;} .accordion-widget .accordion-item .accordion-content .accordion-content-body p:first-child{margin-bottom:0px !important;} .type-box{position:relative;-webkit-transition: all 0.4s;} .type-box.style-1:before {content: "";position: absolute;top: -5px;left: -5px;z-index: -1;width: 40px;height: 40px;background: #fec617;-webkit-transition:width .3s, height .3s;-moz-transition:width .3s, height .3s;-ms-transition:width .3s, height .3s;transition:width .3s, height .3s;} .type-box.style-1::after {content: "";position: absolute;right: -5px;bottom: -5px;z-index: -1;width: 40px;height: 40px;background: #fec617;-webkit-transition:width .3s, height .3s;-moz-transition:width .3s, height .3s;-ms-transition:width .3s, height .3s;transition:width .3s, height .3s;} .type-box:hover::before{width:100%;height:100%;} .type-box:hover::after{width:100%;height:100%;} .type-box.with-image.small{min-height:124px;} .type-box.with-image.medium{min-height:274px;} .type-box.with-image .image-container{position:absolute;} .type-box.with-image .image-container{position:absolute;top:-50px;left:0px;} .type-box.with-image.circle .image-container{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .type-box.with-image.medium .image-container {width:400px;height:350px;background:#fff;top:-50px;left:0px;} .type-box.with-image.small .image-container {width:200px;height:200px;top:-40px;left:0px;overflow: hidden;} .type-box.with-image.small .image-container .img-wrap{width:100%;height:100%;position:relative;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding: 10px;} .type-box.with-image.circle.style-1 .image-container .in-wrap{width:100%;height:100%;background: #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative;padding: 10px;} .type-box.with-image.circle.style-1 .image-container .in-wrap:before {content: "";position: absolute;z-index:1;background: #00aced;transform-origin: bottom left; } .type-box.with-image.circle.medium.style-1 .image-container .in-wrap:before {bottom: 22px;left: 0px;width: 90%;height: 88%;-webkit-transform: skew(-8deg, 0deg);-moz-transform: skew(-8deg, 0deg);-ms-transform: skew(-8deg, 0deg);transform: skew(-8deg, 0deg);} .type-box.with-image.circle.small.style-1 .image-container .in-wrap:before {bottom: 22px;left: 0px;width: 90%;height: 75%;-webkit-transform: skew(-8deg, 0deg);-moz-transform: skew(-8deg, 0deg);-ms-transform: skew(-8deg, 0deg);transform: skew(-8deg, 0deg);} .type-box.with-image.circle.style-1 .image-container .in-wrap:after {content: "";position: absolute;left: 0px;bottom:0px;width: 100%;height: 100%;background: #277cac;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .type-box.with-image.transparent1.circle.style-1 .image-container .in-wrap:after {background: #fff;} .type-box.with-image .image-container img{width:100%;height:100%;border-radius:50%;position:relative;z-index:1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .type-box.with-image:hover .image-container img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .type-box.with-image.circle.small.style-1 .content{padding:30px 30px 30px 230px;position:relative;} .type-box.with-image.circle.medium.style-1 .content{padding:30px 30px 30px 450px;position:relative;} .type-box.with-image.circle.style-1 .content .in-wrap{width:100%;float:left;position:relative;z-index:1;} .type-box.with-image.circle.style-1 .content1:before {content: "";position: absolute;left: 0px;bottom: 0px;width: 100%; height: 100%;z-index: -1;background: #fff;} .grid-item, .grid-sizer{width:32%;} .gutter-sizer{width:20px;} .image-gallery{width: 100%;float: left;position: relative;} .image-gallery .img-item{width: 25%;float: left;position:relative;margin:0px 0px 20px 0px;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1); -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1); box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .image-gallery .img-item .pic {width: 100%;height: 100%;margin: 0 auto;background: #fff;-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;overflow: hidden;position: relative;z-index: 1;} .image-gallery .img-item .pic1:before, .image-gallery .img-item .pic1:after {content: "";width: 100%;height: 100%;border-radius: 50%;border: 13px solid #e6e5e5;position: absolute;top: 0;left: 0;} .image-gallery .img-item .pic1:after {border-color: #00aced #e4e1e1 #e4e1e1 #00aced;z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} .image-gallery .img-item:hover .pic1:after{ -webkit-transform: rotate(350deg);-moz-transform: rotate(350deg);-ms-transform: rotate(350deg);transform: rotate(350deg); } .image-gallery .img-item:hover .pic img{cursor:zoom-in;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)} .image-gallery .img-item .img-thumb {width: 100%;height: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .image-gallery .img-item:hover {cursor: zoom-in !important;} .image-gallery .img-item.has-frame:before {content: "";position: absolute;top: -5px;left: -5px;z-index: -1;width: 40px;height: 40px;background: #fec617;-webkit-transition: width .3s, height .3s;-moz-transition: width .3s, height .3s;-ms-transition: width .3s, height .3s;transition: width .3s, height .3s;} .image-gallery .img-item.has-frame::after {content: "";position: absolute;right: -5px;bottom: -5px;z-index: -1;width: 40px;height: 40px;background: #fec617;-webkit-transition: width .3s, height .3s;-moz-transition: width .3s, height .3s;-ms-transition: width .3s, height .3s;transition: width .3s, height .3s;} .image-gallery .img-item.has-frame:hover::before{width:100%;height:100%;} .image-gallery .img-item.has-frame:hover::after{width:100%;height:100%;} .main-section .section-title-area{width: 100%;float: left;position: relative;margin-bottom:15px;} .main-section .section-title-area .section-title{float: left;font-size:24px;font-weight:600;position: relative;text-align: center;display:inline-block;} .main-section .section-title-area .title-text.has-shadow{text-shadow: 1px 2px 0px #9e9a9c;} .share-nav,.share-nav-btn { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .share-nav-btn { width: 104px; height: 104px; background: #fec617; border-radius: 50%; z-index: 8; font-size: 30px; line-height: 30px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -42px; margin-top: -52px; color: #fff; text-align: center; padding: 37px 0 0 20px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);} .share-nav-btn:hover { background: #00aced; } .share-nav-btn.active:hover,.share-nav-btn.active { background: #fff; color: #484b4c; -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,0); box-shadow: 0 0 0px 0 rgba(0,0,0,0); } .share-nav-holder { max-width: 414px; max-height: 414px; position: fixed; top: 62%; left: -170px; margin-top: -241px; z-index: 1;} .share-nav { overflow: hidden; border-radius: 50%; background: #fec617; position: relative; width: 350px; height: 350px; margin: 2px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); z-index: 3; -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0); } .share-nav.active {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .share-nav li {font-size: 1.5em; height: 8em; left: 50%; margin-left: -10em; overflow: hidden; position: absolute; top: -20px; transform-origin: 100% 100% 0; transition: border 0.3s ease 0s; width: 10em; } .share-nav li a {border-radius: 50%; bottom: -7.25em; color: #fff; display: block; font-size: 1.18em; height: 14.5em; padding-top: 1.8em; position: absolute; right: -7.25em; text-align: center; text-decoration: none; -webkit-transform: skew(-50deg) rotate(-70deg) scale(1);-moz-transform: skew(-50deg) rotate(-70deg) scale(1);-ms-transform: skew(-50deg) rotate(-70deg) scale(1);transform: skew(-50deg) rotate(-70deg) scale(1); -webkit-transition: opacity 0.3s ease 0s, color 0.3s ease 0s;-moz-transition: opacity 0.3s ease 0s, color 0.3s ease 0s;-ms-transition: opacity 0.3s ease 0s, color 0.3s ease 0s;transition: opacity 0.3s ease 0s, color 0.3s ease 0s; width: 14.5em; background: #00aced; } .share-nav li .fa { font-size: 1.1em; opacity: 0.7; display: inline-block; } .share-nav li.fb {-webkit-transform: rotate(80deg) skew(50deg);-moz-transform: rotate(80deg) skew(50deg);-ms-transform: rotate(80deg) skew(50deg); transform: rotate(80deg) skew(50deg);} .share-nav li.twitter {-webkit-transform: rotate(115deg) skew(50deg);-moz-transform: rotate(115deg) skew(50deg);-ms-transform: rotate(115deg) skew(50deg);transform: rotate(115deg) skew(50deg); } .share-nav li.google-plus {-webkit-transform: rotate(148deg) skew(50deg);-moz-transform: rotate(148deg) skew(50deg);-ms-transform: rotate(148deg) skew(50deg); transform: rotate(148deg) skew(50deg); } .share-nav li.linkedin {-webkit-transform: rotate(184deg) skew(50deg);-moz-transform: rotate(184deg) skew(50deg);-ms-transform: rotate(184deg) skew(50deg);transform: rotate(184deg) skew(50deg); } .share-nav li.pinterest { -webkit-transform: rotate(184deg) skew(50deg);-moz-transform: rotate(184deg) skew(50deg);-ms-transform: rotate(184deg) skew(50deg);transform: rotate(215deg) skew(50deg); } .share-nav li.whatsapp { -webkit-transform: rotate(184deg) skew(50deg);-moz-transform: rotate(184deg) skew(50deg);-ms-transform: rotate(184deg) skew(50deg);transform: rotate(247deg) skew(50deg); } .share-nav li:nth-child(2n+1) a { background: #fec617; } .share-nav li a:hover { background: #d83086; } .share-nav-overlay { background: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: all 0.3s ease 0s; visibility: hidden; width: 100%; z-index: 2; } .share-nav-overlay.active { opacity: 1; visibility: visible; } .share-nav li.fb .icon{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(190deg);transform: rotate(0deg);} .share-nav li.twitter .icon{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(190deg);transform: rotate(0deg);} .share-nav li.google-plus .icon{-webkit-transform: rotate(190deg);-moz-transform: rotate(190deg);-ms-transform: rotate(190deg);transform: rotate(190deg);} .share-nav li.linkedin .icon{-webkit-transform: rotate(190deg);-moz-transform: rotate(190deg);-ms-transform: rotate(190deg);transform: rotate(190deg);} .share-nav li.pinterest .icon{-webkit-transform: rotate(190deg);-moz-transform: rotate(190deg);-ms-transform: rotate(190deg);transform: rotate(190deg);} .share-nav li.whatsapp .icon{-webkit-transform: rotate(190deg);-moz-transform: rotate(190deg);-ms-transform: rotate(190deg);transform: rotate(190deg);} @keyframes bg-colorChange { 0% {background: #0a5e8e;} 5% { background: #ff4000;} 10% {background: #0a5e8e;} 20% {background: #0a5e8e;} 30% {background: #ff4000;} 50% {background: #0a5e8e;} 100% {background: #00aced;} } @-webkit-keyframes bg-colorChange { 0% {background: #0a5e8e;} 10% {background: #ccc;} 20% {background: #0a5e8e;} 30% {background: #ff4000;} 100% {background: #00aced;} } @keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-webkit-keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-moz-keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-ms-keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes smoothScroll { 0% {-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);} 100% {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} } .page-titlebar{width:100%;float:left;position:relative;z-index:2;padding: 15px 0px 0px 0px;margin-bottom: 10px;background: -webkit-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: -moz-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: -ms-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: -o-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);} .page-titlebar .wavesSVG {position:relative;width: 100%;height:20vh;margin-bottom:-7px; /*Fix for safari gap*/min-height:60px;max-height:60px;} /* Animation */ .page-titlebar .wavesSVG .parallax > use {-webkit-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;-moz-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;-ms-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;-o-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;} .page-titlebar .wavesSVG .page-titlebar .parallax > use:nth-child(1) {-webkit-animation-delay: -2s;-moz-animation-delay: -2s;-ms-animation-delay: -2s;-o-animation-delay: -2s;animation-delay: -2s;-webkit-animation-duration: 7s;-moz-animation-duration: 7s;-ms-animation-duration: 7s;-o-animation-duration: 7s;animation-duration: 7s;} .page-titlebar .wavesSVG .parallax > use:nth-child(2) {-webkit-animation-delay: -3s;-moz-animation-delay: -3s;-ms-animation-delay: -3s;-o-animation-delay: -3s;animation-delay: -3s;-webkit-animation-duration: 10s;-moz-animation-duration: 10s;-ms-animation-duration: 10s;-o-animation-duration: 10s;animation-duration: 10s;} .page-titlebar .wavesSVG .parallax > use:nth-child(3) {-webkit-animation-delay: -4s;-moz-animation-delay: -4s;-ms-animation-delay: -4s;-o-animation-delay: -4s;animation-delay: -4s;-webkit-animation-duration: 13s;-moz-animation-duration: 13s;-ms-animation-duration: 13s;-o-animation-duration: 13s;animation-duration: 13s;} .page-titlebar .wavesSVG .parallax > use:nth-child(4) {-webkit-animation-delay: -5s;-moz-animation-delay: -5s;-ms-animation-delay: -5s;-o-animation-delay: -5s;animation-delay: -5s;-webkit-animation-duration: 20s;-moz-animation-duration: 20s;-ms-animation-duration: 20s;-o-animation-duration: 20s;animation-duration: 20s;} @-webkit-keyframes wavesSVGAnimation { 0% {-webkit-transform: translate3d(-90px,0,0);-moz-transform: translate3d(-90px,0,0);-ms-transform: translate3d(-90px,0,0);-o-transform: translate3d(-90px,0,0);transform: translate3d(-90px,0,0);} 100% {-webkit-transform: translate3d(85px,0,0);-moz-transform: translate3d(85px,0,0);-ms-transform: translate3d(85px,0,0);-o-transform: translate3d(85px,0,0);transform: translate3d(85px,0,0);} } @-moz-keyframes wavesSVGAnimation { 0% {-webkit-transform: translate3d(-90px,0,0);-moz-transform: translate3d(-90px,0,0);-ms-transform: translate3d(-90px,0,0);-o-transform: translate3d(-90px,0,0);transform: translate3d(-90px,0,0);} 100% {-webkit-transform: translate3d(85px,0,0);-moz-transform: translate3d(85px,0,0);-ms-transform: translate3d(85px,0,0);-o-transform: translate3d(85px,0,0);transform: translate3d(85px,0,0);} } @-ms-keyframes wavesSVGAnimation { 0% {-webkit-transform: translate3d(-90px,0,0);-moz-transform: translate3d(-90px,0,0);-ms-transform: translate3d(-90px,0,0);-o-transform: translate3d(-90px,0,0);transform: translate3d(-90px,0,0);} 100% {-webkit-transform: translate3d(85px,0,0);-moz-transform: translate3d(85px,0,0);-ms-transform: translate3d(85px,0,0);-o-transform: translate3d(85px,0,0);transform: translate3d(85px,0,0);} } @-o-keyframes wavesSVGAnimation { 0% {-webkit-transform: translate3d(-90px,0,0);-moz-transform: translate3d(-90px,0,0);-ms-transform: translate3d(-90px,0,0);-o-transform: translate3d(-90px,0,0);transform: translate3d(-90px,0,0);} 100% {-webkit-transform: translate3d(85px,0,0);-moz-transform: translate3d(85px,0,0);-ms-transform: translate3d(85px,0,0);-o-transform: translate3d(85px,0,0);transform: translate3d(85px,0,0);} } @keyframes wavesSVGAnimation { 0% {-webkit-transform: translate3d(-90px,0,0);-moz-transform: translate3d(-90px,0,0);-ms-transform: translate3d(-90px,0,0);-o-transform: translate3d(-90px,0,0);transform: translate3d(-90px,0,0);} 100% {-webkit-transform: translate3d(85px,0,0);-moz-transform: translate3d(85px,0,0);-ms-transform: translate3d(85px,0,0);-o-transform: translate3d(85px,0,0);transform: translate3d(85px,0,0);} } .page-titlebar .page-title{float:left;position:absolute;top:0;left:0;right:0;margin: 0px auto auto auto;color:#fff;font-weight: 600;font-size: 40px;letter-spacing: 1px;} .page-titlebar .page-title .title-text{float:left;position:relative;display:inline-block;} .page-titlebar .bread-crumb{width:100%;float:left;position:relative;left:0px;bottom:0px;z-index:1;padding: 10px 15px 10px 50px; margin: 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} .page-titlebar .bread-crumb li{float: left;position: relative;margin: 10px 0px 0px 0px;} .page-titlebar .bread-crumb li:nth-child(2){margin-left:32px;} .page-titlebar .bread-crumb li:last-child{} .page-titlebar .bread-crumb li a{color:#fff !important;} .page-titlebar .bread-crumb li.home{width: 50px;height: 50px;border-radius: 50%;border:0px !important;margin:0px;text-align: center;position: absolute;top: -5px;left: -12px;z-index: 1;-webkit-transition: all 0.1s ease 0s;-moz-transition: all 0.1s ease 0s;-ms-transition: all 0.1s ease 0s;transition: all 0.1s ease 0s;-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);} .page-titlebar .bread-crumb li.home a{font-size: 20px;line-height: 50px;padding: 10px;color:#fff !important;} .page-titlebar .bread-crumb li .text{float: left;letter-spacing: 1px;} .page-titlebar .bread-crumb li .arrow{float: left;display:inline-block;width:20px;height:20px;text-align:center;} .page-titlebar .bread-crumb li .arrow i{color:#fff !important;} .page-titlebar .bread-crumb > li.home:before{display: none !important; } .page-titlebar .bread-crumb > li.home:after{display: none !important; } .side-floating-social-media-container {width: 200px;position: fixed;top: 330px;right: -160px;z-index:10;padding: 0px;margin: 0px;} .side-floating-social-media-container ul li {list-style-type: none;background-color: #041b5d;color: #fff;height: 40px;padding: 0px;margin: 0px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;cursor: pointer;} .side-floating-social-media-container ul li:hover {margin-left: -115px;filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(0%);} .side-floating-social-media-container ul li .icon-container {width:40px;height:40px;float: left;text-align:center;margin: 0px 15px 0px 0px;position:relative;} .side-floating-social-media-container ul li .icon-container:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .side-floating-social-media-container ul li .icon-container1:after {border-color: rgba(136, 183, 213, 0);border-left-color: #fff;border-width: 6px;margin-top: -5px;} .side-floating-social-media-container ul li .icon-container:before {border-color: rgba(194, 225, 245, 0);border-left-color: #ffff;border-width: 5px;margin-top: -5px;} .side-floating-social-media-container ul li .icon-container .icon{font-size:20px;line-height:40px;} .side-floating-social-media-container ul li .text {float: left;font-size:16px;line-height: 40px;letter-spacing:1px;} .side-floating-social-media-container ul li.facebook .icon-container{background:#3b5998;} .side-floating-social-media-container ul li.facebook .icon-container:before{border-left-color:#3b5998;} .side-floating-social-media-container ul li.twitter .icon-container{background:#00aced;} .side-floating-social-media-container ul li.twitter .icon-container:before{border-left-color:#00aced;} .side-floating-social-media-container ul li.google-plus .icon-container{background:#cb2027;} .side-floating-social-media-container ul li.google-plus .icon-container:before{border-left-color:#cb2027;} .side-floating-social-media-container ul li.linkedin .icon-container{background:#007bb6;} .side-floating-social-media-container ul li.linkedin .icon-container:before{border-left-color:#007bb6;} .events-calender{width:310px;position:relative;} .events-calender .none {display: none;} .events-calender .month_and_year_dropdown {float: left;position: relative;margin-bottom: 5px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;} .events-calender .month_and_year_dropdown select {float: left;font-size: 14px !important;font-weight: 400;-moz-transition: all 0.25s ease-in-out;border: 1px solid #ccc !important;padding: 0px 2px;outline: 0;cursor: pointer;} .events-calender .month_and_year_dropdown select.month_dropdown {width: 100px;margin: 0px 5px 0px 5px;} .events-calender .month_and_year_dropdown select.year_dropdown {width: 60px;margin-right: 5px;} .events-calender .month_and_year_dropdown .arrow {width: 8px;height: 100%;line-height: 25px;position: relative;top: 0px;color: #333;text-align: center;text-decoration: none;} .events-calender .month_and_year_dropdown .arrow.left {float: left;} .events-calender .month_and_year_dropdown .arrow.right {float: right;} .events-calender table {width: 100%;float: left;border: 0px !important;position: relative;margin: 0px;} .events-calender .week_names {width: 100%;float: left;} .events-calender .week_names th {width: 40.5px !important;text-align: center;float: left;background: #277cac !important;color: #fff !important;display: block;font-size: 14px;padding: 5px 0px !important;font-weight: 400 !important;margin: 0;border-top: 0px;border-left: 0px;border-bottom: 0px;border-right: 1px solid rgba(0, 0, 0, 0.2);} .events-calender .week_days {width: 100%;float: left;position: relative;} .events-calender .week_days td {width: 40.5px !important;height: 33px !important;float: left;text-align: center;border: 1px solid #dcdedc !important;min-height: 0;background: none;box-shadow: none;margin: 0;padding: 0;position: relative;} .events-calender .week_days td.expired {background: #f5f5f5 !important;color: #ccc;} .events-calender .week_days td.Sunday {background: #f5f5f5 !important;color: #F00;} .events-calender .week_days td span.day {width: 25px;height: 25px;display: block;text-align: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} #automaticPopupContainer{display:none;} #automaticPopupContainer #mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;} #automaticPopupContainer .close-btn{width:25px;height:25px;font-size:15px;padding:5px 10px !important;display:block !important;position: absolute;top:-10px;right:-10px;z-index: 3;background: #009a50;cursor:pointer;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-ms-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} #automaticPopupContainer .close-btn .wrap{float:left;} #automaticPopupContainer .close-btn span.line{width: 60%;height: 2px;display: block;position: absolute;left: 5px;background: #ffffff;border-radius: 2px;} #automaticPopupContainer .close-btn span.line.first {top: 11px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} #automaticPopupContainer .close-btn span.line.second {top: 11px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);} #automaticPopupContainer .popup-box {position:fixed;left:0 !important;top:0 !important;right:0;bottom:0;margin:auto;width:70%;height:570px;background: #2f3e56;border: 2px solid #fff;display:none;z-index:9999;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #automaticPopupContainer .popup-box .in-wrap{width:100%;height:100%;float:left;position:relative;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 35px;background-image: url(../aakarsh/2020/images/banner-img-desktop.jpg) !important;background-repeat: no-repeat;background-position: 100% 0 ;background-size: cover;} #automaticPopupContainer .popup-box .custom-icondownTimer {width:100%;float:left;position:relative;display: flex;flex-wrap: wrap;justify-content: left;list-style: none;margin: 0;padding: 0;margin: 70px auto 20px auto;} #automaticPopupContainer .popup-box .custom-icondownTimer li {text-align: center;margin: 0px 20px 0px 0px;} #automaticPopupContainer .popup-box .custom-icondownTimer li .custom-icon-number {font-size: 50px;line-height: 1;font-weight: 700;} #automaticPopupContainer .popup-box .custom-icondownTimer li .custom-icon-text {color: #fff;text-transform: uppercase;margin-bottom: 0;line-height: 1;margin-top: 4px;} #automaticPopupContainer .popup-box .custom-icondownTimer li .custom-icon-number.days {color: #ff4600;} #automaticPopupContainer .popup-box .custom-icondownTimer li .custom-icon-number.hours {color: #28b99b;} #automaticPopupContainer .popup-box .custom-icondownTimer li .custom-icon-number.minutes {color: #1ba1d2;} #automaticPopupContainer .popup-box .custom-icondownTimer li .custom-icon-number.seconds {color: #8d6dc4;} #automaticPopupContainer .popup-box .content-block {width: 80%;float: left;position:relative;} #automaticPopupContainer .popup-box .content-block .text {font-size: 36px !important;font-weight: 700;text-transform: uppercase;} #automaticPopupContainer .popup-box .content-block .text-1 {color: #ec1951;} #automaticPopupContainer .popup-box .content-block .text-2 {color: #fff;} #automaticPopupContainer .popup-box .content-block .text-3 {color: #28b99b;} #automaticPopupContainer .popup-box .content-block .text-4 {color: #fff;} #automaticPopupContainer .popup-box .content-block .text-4 span {color: #ec1951;} @media only screen and (max-width: 1170px){ #automaticPopupContainer .popup-box{width:90% !important} } @media only screen and (max-width: 600px){ #automaticPopupContainer .popup-box .in-wrap{background-image: url(../aakarsh/2020/images/banner-img-mobile.jpg) !important;} } .firstVisitAutomaticPopup-Mask {display: none !important;z-index: 499;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;} .firstVisitAutomaticPopup {display: none;max-width:500px;z-index: 500;position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .firstVisitAutomaticPopup .close-btn{width:25px;height:25px;font-size:15px;padding:5px 10px !important;display:block !important;position: absolute;top:5px;right:5px;z-index: 3;background: #00aae9;cursor:pointer;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-ms-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .firstVisitAutomaticPopup .close-btn .wrap{float:left;} .firstVisitAutomaticPopup .close-btn span.line{width: 60%;height: 2px;display: block;position: absolute;left: 5px;background: #ffffff;border-radius: 2px;} .firstVisitAutomaticPopup .close-btn span.line.first {top: 11px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .firstVisitAutomaticPopup .close-btn span.line.second {top: 11px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);} .firstVisitAutomaticPopup .close-btn:hover{ background: #ff4600;} .firstVisitAutomaticPopup .in-wrap{width:100%;height:100%;float:left;padding: 10px;background: #001551;position:relative;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 5px solid #fff;background-repeat: no-repeat;background-position: 100% 0 ;background-size: cover;} .firstVisitAutomaticPopup .in-wrap .in-content{width:100%;height:100%;float:left;position:relative; padding: 35px;} .firstVisitAutomaticPopup .custom-icondownTimer {width:100%;float:left;position:relative;display: flex;flex-wrap: wrap;justify-content: left;list-style: none;margin: 0;padding: 0;margin: 110px auto 20px auto;} .firstVisitAutomaticPopup .custom-icondownTimer li {text-align: center;margin: 0px 20px 0px 0px;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-number {font-size: 50px;line-height: 1;font-weight: 700;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-text {color: #fff;text-transform: uppercase;margin-bottom: 0;line-height: 1;margin-top: 4px;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-number.days {color: #ff4600;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-number.hours {color: #28b99b;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-number.minutes {color: #1ba1d2;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-number.seconds {color: #8d6dc4;} .firstVisitAutomaticPopup .content-block {width: 80%;float: left;position:relative;} .firstVisitAutomaticPopup .content-block .text {font-size: 36px !important;margin:0px 0px 5px 0px !important;font-weight: 700;text-transform: uppercase;} .firstVisitAutomaticPopup .content-block .text-1 {color: #ec1951;} .firstVisitAutomaticPopup .content-block .text-2 {color: #fff;} .firstVisitAutomaticPopup .content-block .text-3 {color: #28b99b;} .firstVisitAutomaticPopup .content-block .text-4 {color: #fff;} .firstVisitAutomaticPopup .content-block .text-4 span {color: #ec1951;} .firstVisitAutomaticPopup .apply__btn {width:150px;height:45px;line-height:40px;text-align:center;font-weight:600;font-size:20px;background-color:#fec617;color:#fff;border:2px solid #fff;position:absolute;top:0px;right:-140px;bottom:0px;margin:auto;} @media only screen and (max-width: 1270px){ .firstVisitAutomaticPopup {width:90% !important;} } @media only screen and (max-width: 960px){ .firstVisitAutomaticPopup .custom-icondownTimer{margin: 0px auto 20px auto !important;justify-content:center !important;} .firstVisitAutomaticPopup .in-content{padding: 690px 35px 35px 35px!important;text-align:center;} .firstVisitAutomaticPopup .in-content .content-block{width:100% !important;padding: 0px 0px 30px 0px!important;} } @media only screen and (max-width: 900px){ .firstVisitAutomaticPopup .apply__btn{top:auto !important;left:0 !important;right:0 !important;} } @media only screen and (max-width: 560px){ .firstVisitAutomaticPopup {height: 500px;} .firstVisitAutomaticPopup .in-content{padding: 450px 35px 35px 35px!important;} .firstVisitAutomaticPopup .custom-icondownTimer li .custom-icon-number{font-size:35px !important;} .firstVisitAutomaticPopup .in-content .content-block .text{font-size:25px !important;} } @media only screen and (max-width: 420px){ .firstVisitAutomaticPopup .in-content{padding: 360px 35px 35px 35px!important;} } .pdf-slider{width:100%;float:left;position:relative;} .pdf-slider .in-wrap{width:100%;height:100%;float:left;position:relative;} .pdf-slider .slide-item {width: 100%;will-change: transform;float: left;opacity: 0;height: 0;position: relative;top: 0;background: #fff;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);} .pdf-slider .slide-item.item-hidden{opacity: 0;height: 0;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);} .pdf-slider .slide-item.item-active {-webkit-transform: translateX(0) rotateY(0);-moz-transform: translateX(0) rotateY(0);-ms-transform: translateX(0) rotateY(0);-o-transform: translateX(0) rotateY(0);transform: translateX(0) rotateY(0);-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;z-index: 2;opacity: 1;height: auto;} .pdf-slider .slide-item .slide-content{width:100%;height:100%;float:left;position:relative;} .pdf-slider .slide-item .slide-content .frame{width:50%;float:left;position:relative;margin:0 auto;display:block;} .pdf-slider .slide-item .slide-content .pdf-img{width:100%;height:100%;display:block;} .pdf-slider .slider-arrow{width:100px;height:30px;position:absolute;top:0;z-index:5;color:#000;text-align:center;font-weight:700;} .pdf-slider .slider-arrow.arrow-prev{right:60px;} .pdf-slider .slider-arrow.arrow-next{right:0px;} .pdf-list{width:100%;float:left;} .pdf-list li{width:100%;float:left;border-bottom:1px solid #e4e4e4;padding:10px 0px;} .pdf-list li .icon{color:#f00;font-size:20px;} /* Form styles starts */ .form--style--1{float:left;position:relative;margin:0px;} .form--style--1 .form--group{float:left;position:relative;margin:20px 0px 0px 0px;padding:0px 10px;} .form--style--1 .form--group.no--full--width{padding:0px 10px;} .form--style--1 .form--group .in--wrap{width:100%;float:left;position:relative;padding:0px 20px;border:1px solid #e2e2e2 !important;padding: 10px !important;} .form--style--1 .form--group .text--label{width:100%;float:left;position:relative;margin:-22px 0px 5px 0px !important;font-weight: 600 !important;} .form--style--1 .form--group .text--label .inner--text{float:left;position:relative;background: #fff;padding: 0px 5px !important;} .form--style--1 .form--group .input{width:100%;min-height:40px !important;float:left;background:#eeeff2 !important;border-radius:3px !important;border:0px !important} .form--style--1 .form--group select{width:100%;} .form--style--1 .form--btn{padding:10px 30px !important;margin:20px auto 0px auto !important;} /* Form styles ends */ /*Header styles starts */ @keyframes slide { 0% {transform:translateX(-100%);} 100% {transform:translateX(100%);} } header.site-header{width: 100%;float: left;position: fixed;top:0;left:0;z-index: 20; -webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;} header.site-header .in-wrap{width:100%;float:left;position:relative;} header.site-header .content-wrap{width:100%;float:left;position:relative;} header.site-header .col-widget {float: left;display: block;position: relative;margin: 0px 10px;z-index:5;} header.site-header .col-widget:last-child{margin-right:0px;} header.site-header .col-widget a{float: left;display: block;position: relative;} header.site-header .col-widget.has-seperator:after{content:"";position: absolute;top: 3px;right: -10px;bottom: 0px;margin:auto;width: 1px;height: 85%;background: #fff;float: left;display: block;} header.site-header .top-bar.hideThis{-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);} header.site-header .main-head .top-bar a{color: #fff;} header.site-header .main-head .top-bar .inner-row .in-block{padding:3px 0px 3px 30px} header.site-header .main-head .top-bar .left-sec{float: left;} header.site-header .main-head .top-bar .right-sec{float: right; margin-right: 150px;} header.site-header .main-head .right-sec .col-widget{padding-top:3px;} header.site-header .main-head .right-sec .top-sec{width: 100%;float: left;position: absolute;top:0;left:0;z-index: 1;margin: 0px 0px 0px 64px;-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;} header.site-header .main-head .right-sec .top-sec .inner-row{position:relative;} header.site-header .main-head .right-sec .top-sec .inner-row:before{content:"";position:absolute;top:0;left:5px;width:15px;height:100%;background:#fec617;display: block;-webkit-transform:skew(-52deg, 0deg);-moz-transform:skew(-52deg, 0deg);-ms-transform:skew(-52deg, 0deg);-o-transform:skew(-52deg, 0deg);transform:skew(-52deg, 0deg);} header.site-header .main-head .right-sec .top-sec .inner-row:after{content:"";position:absolute;left:-5px;bottom:0px;width:100%;height:2px;background:#fec617;display: block;-webkit-transform:skew(-52deg, 0deg);-moz-transform:skew(-52deg, 0deg);-ms-transform:skew(-52deg, 0deg);-o-transform:skew(-52deg, 0deg);transform:skew(-52deg, 0deg);-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-ms-transform-origin: 0 100%;-o-transform-origin: 0 100%;transform-origin: 0 100%;} header.site-header .top-sec.hideThis{-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);} header.site-header .main-head .top-bar{width:100%;position:absolute;top:0;left:0;float: left;color: #fff;letter-spacing: 1px;font-size: 14px !important;} header.site-header .main-head .top-bar:before {content: "";position: absolute;top: 0;left: -5px;width: 100%;height: 100%;display: block;background-image: -webkit-linear-gradient(60deg, rgb(5, 134, 190) 0%, rgb(4, 27, 93) 100%);background-image: -moz-linear-gradient(60deg, rgb(5, 134, 190) 0%, rgb(4, 27, 93) 100%);background-image: -ms-linear-gradient(60deg, rgb(5, 134, 190) 0%, rgb(4, 27, 93) 100%);background-image: -o-linear-gradient(60deg, rgb(5, 134, 190) 0%, rgb(4, 27, 93) 100%);background-image: linear-gradient(60deg, rgb(5, 134, 190) 0%, rgb(4, 27, 93) 100%);-webkit-transform: skew(-52deg, 0deg);-moz-transform: skew(-52deg, 0deg);-ms-transform: skew(-52deg, 0deg);-o-transform: skew(-52deg, 0deg);transform: skew(-52deg, 0deg);-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-ms-transform-origin: 0 100%;-o-transform-origin: 0 100%;transform-origin: 0 100%;} header.site-header .main-head .top-bar .seperator {display:none;width: 2px;height: 12px;position: relative;top: 3px;background: #fff;float: left;margin: 0px 5px;} header.site-header .main-head .top-bar.first{border-bottom: 1px solid #fec617;} header.site-header .main-head .top-bar.first .right-sec{height:40px;} header.site-header .main-head .top-bar .right-sec .content-wrap{float: left;line-height:40px;} header.site-header .main-head .top-bar.second{padding:0px 0px;} header.site-header .main-head .top-bar.second .inner-row.first{} header.site-header .main-head .top-bar.second .inner-row.second{padding:3px 0px 5px 0px;background: #0b6ea7;} header.site-header .main-head .top-bar.second .left-sec{float: left;padding:5px 0px 0px 0px;} header.site-header .main-head .top-bar.second .center-sec{float: left;padding: 3px 0px 0px 0px;} header.site-header .main-head .top-bar .aquar{float: left;margin-right:80px;} header.site-header .main-head .top-bar .aquar .heading{float: left;color: #fef400 !important;margin-right:20px;} header.site-header .main-head .top-bar .aquar .link{float: left;} header.site-header .main-head .top-bar.second .search{float: left;position:relative;} header.site-header .main-head .top-bar.second .search .input{position: relative;right:28px;} header.site-header .main-head .top-bar.second .search .search-btn{width:28px;height:28px;position:absolute;top:0;right:0;background:#eee;} header.site-header .main-head .top-bar.second .search .search-btn .icon{color:#000;} header.site-header .main-head{width: 100%;float: left;position:relative;background:#041b5d;-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;} header.site-header .main-head .inner-wrapper{width: 100%;float: left;position:relative;-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;} header.site-header .main-head .content-wrap{width: 100%;float: left;position: relative;} header.site-header .main-head .left-sec {width: 580px; float: left;position:relative; -webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;-webkit-transition: width 2s, height 4s;-moz-transition: width 2s, height 4s;-ms-transition: width 2s, height 4s;-o-transition: width 2s, height 4s;transition: width 2s, height 4s;} header.site-header .main-head .center-sec {float: left;position:relative; -webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;} header.site-header .main-head .right-sec {width:50%;position:relative;float:left;display: block;-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;} header.site-header .main-head .right-sec .bottom-sec{width:100%;position:relative;float:left;} header.site-header .main-head .right-sec .col-widget{text-align:center;} header.site-header .main-head .right-sec .col-widget.has-seperator:after{background: #ccc;} header.site-header .main-head .right-sec .col-widget .in-wrap{width: 100%; float: left;padding:10px;} header.site-header .main-head .right-sec .col-widget .icon-container{width:30px;height:20px;margin:0 auto;display:block;} header.site-header .main-head .right-sec .col-widget .icon-container .icon{font-size:30px;} header.site-header .main-head .right-sec .col-widget .text{width:100%;float:left;text-align: left;} header.site-header .main-head .logo {width: 100%; float: left;position: relative;z-index: 2;} header.site-header .main-head .logo img{width: 100%; height:100%;} header.site-header .main-head .logo .logo-icon{width:80px;height:80px;float: left; margin: 0px 10px 4px 0px;} header.site-header .main-head .logo .text-block{width:460px;height:100%;;float: left;position:absolute;top:0;left:0; margin: 0px 0px 0px 85px;} header.site-header .main-head .logo .main-text{ width: 100%; float: left; font-size:20px; text-transform:uppercase; font-weight: 600; color:#bf0d0d; text-align:center; letter-spacing: 1.5px; white-space:no-wrap; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } header.site-header .main-head .logo .sub-text{width: 100%; float: left;font-size:13px;text-transform:uppercase;font-weight: 600;color:#000;text-align:center;letter-spacing: 1px;white-space:no-wrap;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} header.site-header .col-widget.links{margin:37px 0px 0px 15px;} header.site-header .col-widget.links a{padding:0px 12px;font-weight: 700;color:#041b5d;} header.site-header .col-widget.links.admission-open.has-skew-shape .in-wrap:before{content: "";position: absolute;top: 0;left: 0px;width: 100%;height: 100%;background:#fff;display: block;-webkit-transform: skew(-52deg, 0deg);-moz-transform: skew(32deg, 0deg);-ms-transform: skew(32deg, 0deg);-o-transform: skew(32deg, 0deg);transform: skew(-52deg, 0deg);} header.site-header .col-widget.prospectus{float:left;} header.site-header .col-widget.prospectus .icon-container{position:absolute;top:0px;left:0px;float:left;margin-right:1px !important;} header.site-header .col-widget.prospectus .icon-container .icon{font-size:20px !important;} header.site-header .col-widget.prospectus .text{width:auto !important;margin-left:30px;} header.site-header .col-widget.prospectus.has-skew-shape .in-wrap:before{content: "";position: absolute;top: 0;left: 0px;width: 100%;height: 100%;background:#fff;-webkit-transform: skew(-52deg, 0deg);-moz-transform: skew(-52deg, 0deg);-ms-transform: skew(-52deg, 0deg);-o-transform: skew(-52deg, 0deg);transform: skew(-52deg, 0deg);} header.site-header.header-style-2 .main-head .inner-wrapper:before {content: "";position: absolute;top: 0;left: 0px;width: 100%;height: 100%;display: block;background-image: -webkit-linear-gradient(135deg, rgba(52, 152, 219,0.9) 0%,rgba(255, 255, 255) 100%);background-image: -moz-linear-gradient(135deg, rgba(52, 152, 219,0.9) 0%,rgba(255, 255, 255) 100%); background-image: -ms-linear-gradient(135deg, rgba(52, 152, 219,0.9) 0%,rgba(255, 255, 255) 100%);background-image: -o-linear-gradient(135deg, rgba(52, 152, 219,0.9) 0%,rgba(255, 255, 255) 100%);background-image: linear-gradient(135deg, rgba(52, 152, 219,0.9) 0%,rgba(255, 255, 255) 100%); } header.site-header.header-style-2 .main-head .inner-wrapper:after {content: "";position: absolute;bottom: 0px;width: 100%;height: 40px;display: block;background: #041b5d;} header.site-header.header-style-2 .main-head .left-sec:after {content: "";position: absolute;top: 0px;right: -26px;width: 15px;height: 100%;background: #00aced;display: block;-webkit-transform: skew(-52deg, 0deg);-moz-transform: skew(-52deg, 0deg);-ms-transform: skew(-52deg, 0deg);-o-transform: skew(-52deg, 0deg);transform: skew(-52deg, 0deg);} header.site-header.header-style-2 .main-head .right-sec:before {content: "";position: absolute;top: 0;left: 20px;width: -webkit-calc(400% - 80px);width: -moz-calc(400% - 80px);width: -ms-calc(400% - 80px);width: -o-calc(400% - 80px);width: calc(400% - 80px);height: 114%;display: block;background: -webkit-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 60%, rgb(0, 172, 237) 100%); background: -moz-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 60%, rgb(0, 172, 237) 100%); background: -ms-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 60%, rgb(0, 172, 237) 100%);background: -o-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 60%, rgb(0, 172, 237) 100%); background: linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(0, 172, 237) 60%, rgb(0, 172, 237) 100%); -webkit-transform: skew(-52deg, 0deg);-moz-transform: skew(-52deg, 0deg);-ms-transform: skew(-52deg, 0deg);-o-transform: skew(-52deg, 0deg);transform: skew(-52deg, 0deg);} header.site-header.header-style-2 .main-head .flash-animation{width:100%;height:100%;float:left;position:absolute;} header.site-header.header-style-2 .main-head .flash-animation:after {content:'';top:0;transform:translateX(100%);width:100%;height:100%;position: absolute;z-index:1;display: block;-webkit-animation: slide 5s infinite;-moz-animation: slide 5s infinite;-ms-animation: slide 5s infinite;-o-animation: slide 5s infinite;animation: slide 5s infinite;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 );} header.site-header .menu-bar{width: 100%; float: left;background: #041b5d;position:relative;} header.site-header .main-head .main-menu{width:100%;float: left;margin: 0px;position:relative;min-height:auto !important; } header.site-header .main-head .main-menu ul.menu-wrap{width:100%;float: left;} header.site-header .main-head .main-menu ul .menu-item{float: left;} header.site-header .main-head .main-menu ul .menu-item .menu-label{position:relative;} header.site-header .main-head .main-menu ul .menu-item.main-item .menu-label.main::after{content:'';position:absolute;left:0px;bottom:-11px;display:none;width:0;height:2px;background:#fec617;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;transition:width .3s} header.site-header .main-head .main-menu ul .menu-item a{font-size: 15px;position:relative;letter-spacing:1px;} header.site-header .main-head .main-menu ul .menu-item a:hover{background: #35e3ff !important;color:#041b5d !important;} header.site-header .main-head .main-menu ul .menu-item.main-item a:hover .menu-label.main::after{width:100%;} header.site-header .main-head .main-menu ul .menu-item:hover{background: transparent !important;} header.site-header .main-head .main-menu ul .menu-item.dropdown.on > a{color:#041b5d;} header.site-header .main-head .main-menu ul .menu-item.main-item.active>a{ background: #35e3ff !important;color:#041b5d !important;font-weight: 600;} header.site-header .main-head .main-menu ul .menu-item.main-item.active>a .menu-label.main:before{content: "";position: absolute;top: 18px; left: 0;right: 0;width:10px;margin: auto !important;border-width: 5px;border-style: solid;border-color: transparent transparent #041b5d transparent;} header.site-header .main-head .main-menu ul .menu-item.main-item.active>a .menu-label.main::after{width:145%;height:2px;left:-10px;bottom:-11px;display:none;} header.site-header .main-head .main-menu ul > .menu-item.main-item1:hover a:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#fef400;} header.site-header .main-head .main-menu ul > .menu-item.main-item1:hover a1::after{content: "";position: absolute;top: 3px;left: 0;right: 0;width:5px;margin: auto !important;width: 0;height: 0;border-top: solid 10px #fef400;border-left: solid 10px transparent;border-right: solid 10px transparent !important;} header.site-header .main-head .main-menu ul li.dropdown .menu-item{width: 100%; float: left;padding:0px !important;} header.site-header .main-head .main-menu ul li.dropdown .menu-item a{display:block;padding:10px 10px !important;} header.site-header .main-head .main-menu ul li.dropdown .menu-item a:hover{background: #35e3ff !important;color:#041b5d !important;} header.site-header .main-head .main-menu ul li.dropdown .menu-item a::after{content:'';position:absolute;left:0;bottom:-2px;display:block;width:0;height:1px;background:#00aced;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;transition:width .3s} header.site-header .main-head .main-menu ul li.dropdown .menu-item a:hover::after{width:100%;} header.site-header .main-head .main-menu ul li.dropdown .menu-item.active>a{background:#35e3ff !important;color:#041b5d !important;} header.site-header .main-head .main-menu ul li.dropdown .menu-item.active>a::after{width:100%;} header.site-header .main-head .main-menu .dropdown-menu{top: 90%;min-width: 230px;} header.site-header .main-head .main-menu .dropdown-menu.overflow{max-height:400px !important;overflow:auto;} header.site-header .main-head .main-menu .dropdown-menu.overflow::-webkit-scrollbar{width: 3px;height: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);} header.site-header .main-head .main-menu .dropdown-menu.overflow::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background: #eee;} header.site-header .main-head .main-menu .dropdown-menu.overflow::-webkit-scrollbar-thumb{background: #0b6ea7;height: 3px;} header.site-header .main-head .main-menu .dropdown-menu.overflow::-webkit-scrollbar-corner{ display: none; height: 0px; width: 0px; } header.site-header .flg-btn-wrap{width:110px;height:90px;position:absolute;top:0px;right:15px; z-index:10;font-size: 13px;text-transform: uppercase;text-align:center; letter-spacing: 1px; -webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;-webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);} header.site-header .flg-btn-wrap a{color:#323232;} header.site-header .hideThis{-webkit-transform: translateY(-1000px);-moz-transform: translateY(-1000px);-ms-transform: translateY(-1000px);transform: translateY(-1000px);} header.site-header .flg-btn-wrap .content-wrap{width:100%;float:left;position:relative;} header.site-header .flg-btn-wrap .tip{width:100%;position:relative;top:105px;} header.site-header .flg-btn-wrap .download-btn{width:100%;float:left;position:relative;margin-top:2px;font-weight: 600;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} header.site-header .flg-btn-wrap .download-btn a{padding: 5px 3px;background: #041b5d !important;color:#fff !important;position:relative;display:block;z-index: 3;} header.site-header .flg-btn-wrap .download-btn a .text{position:relative;z-index:1;color:#fff !important;} header.site-header .flg-btn-wrap .download-btn::before {content: "";position: absolute;top: 0px;left: -6px;bottom: 0px;z-index:-1;margin: auto;width: 28px;height: 30px;background: #fec617;-webkit-transition: width .3s, height .3s;-moz-transition: width .3s, height .3s;-ms-transition: width .3s, height .3s;transition: width .3s, height .3s;} header.site-header .flg-btn-wrap .download-btn::after {content: "";position: absolute;top: 0px;right: -6px;bottom: 0px;z-index:-1;margin: auto;width: 28px;height: 30px;background: #fec617;-webkit-transition: width .3s, height .3s;-moz-transition: width .3s, height .3s;-ms-transition: width .3s, height .3s;transition: width .3s, height .3s;} header.site-header .flg-btn-wrap .apply-online-btn{width:100%;position:relative;margin-top: 90px;z-index: 1;font-weight: 800;} header.site-header .flg-btn-wrap .apply-online-btn a{display:block;} header.site-header .flg-btn-wrap .apply-online-btn1::before{content: "";position: absolute;left:0;right:0;z-index: -1;width: 82px;height: 82px;bottom: -30px;margin:auto;background: #d83086;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} header.site-header .flg-btn-wrap .apply-online-btn::after{content: '';position: absolute;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);width: 82px;height: 82px;left:0;right:0;bottom: -42px;margin:auto;z-index: -1 !important;background: #00aced;-webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);box-shadow: 0px 0px 5px 2px -rgba(0, 0, 0, 0.75);-webkit-animation-name: bg-colorChange;-moz-animation-name: bg-colorChange;-ms-animation-name: bg-colorChange;-o-animation-name: bg-colorChange;animation-name: bg-colorChange;-webkit-animation-duration: 3s;-moz-animation-duration: 3s;-ms-animation-duration: 3s;-o-animation-duration: 3s;animation-duration: 3s;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-ms-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-o-animation-iteration-count: infinite; animation-iteration-count: infinite;} header.site-header .flg-btn-wrap .apply-online-btn .text.apply{width:100%;float:left;color: #fff;position:relative;z-index:1;margin-top: -30px; -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} header.site-header .flg-btn-wrap .apply-online-btn .text.apply .inner-text{width:100%;float:left;position:relative;z-index:1;color: #fff !important; margin-top: 0px;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} header.site-header .flg-btn-wrap .apply-online-btn .text.online{width:100%;float:left;position:relative;z-index:1;} header.site-header .flg-btn-wrap .apply-online-btn .text.online .inner-text{width:100%;float:left;position:relative;top: 8px;color: #000 !important;z-index:1; margin-top: 0px;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} header.site-header .flg-btn-wrap .apply-online-btn .text.online::before{content: "";position: absolute;left:0;right:0;z-index: -1;width: 0px;height: 0px;bottom: -38px;margin:auto;border-left:55px solid transparent;border-right:55px solid transparent;border-top:55px solid #fec617;} header.site-header .flg-btn-wrap .apply-online-btn .text.online::after{content: "";position: absolute;left:0;right:0;z-index: -1;width: 0px;height: 0px;bottom: 5px;margin:auto;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fec617;} header.site-header .sticky{width: 100%;height:75px;float: left;position: fixed;top:0px !important;;left:0;z-index: 10;background-image: -webkit-linear-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: -moz-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: -ms-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: -o-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);-webkit-box-shadow: 0px 0px 25px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 25px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 25px 20px rgba(0,0,0,0.2);-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;animation: smoothScroll 1s forwards;} header.site-header .main-head.sticky .inner-wrapper:before{width:100%;height:100%;background-image: -webkit-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%); background-image: -moz-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%); background-image: -ms-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%); background-image: -o-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%); background-image: linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);} header.site-header .main-head.sticky .inner-wrapper:after{display:none !important;} header.site-header .main-head.sticky .left-sec{width:310px; -webkit-transition: width 2s, height 4s;-webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-ms-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;} header.site-header .main-head.sticky .left-sec:after{display:none !important;} header.site-header .main-head.sticky .logo{margin: 10px 0px 0px 0px;} header.site-header .main-head.sticky .logo .logo-icon{width:60px;height:60px;} header.site-header .main-head.sticky .logo .text-block{width:290px;margin: 0px 0px 0px 58px;-webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-ms-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;} header.site-header .main-head.sticky .logo .main-text{font-size: 18px !important;color:#fff;margin-bottom: 6px;} header.site-header .main-head.sticky .logo .sub-text{font-size: 9px;color:#fff;} header.site-header .main-head.sticky .nav-bar.for-desktop{width:auto;position:absolute;top:0px;right:0px; background: transparent;-webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-ms-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;} header.site-header .main-head.sticky .nav-bar.for-desktop nav ul .menu-item.main-item>a{line-height: 57px;} header.site-header .main-head.sticky .nav-bar.for-desktop ul.menu-wrap ul{top:75px;} header.site-header .main-head.sticky .nav-bar.for-desktop ul.menu-wrap .menu-item.main-item> a::after{bottom:22px !important;} header.site-header .main-head.sticky .nav-bar.for-desktop ul.menu-wrap .menu-item.main-item.active> a:after{bottom:22px !important;} header.site-header .nav-bar.for-desktop{ width:100%;float:left;position:relative;background: #041b5d;z-index: 2;} header.site-header .nav-bar.for-desktop ul.menu-wrap {display: block;} header.site-header .nav-bar.for-desktop ul.menu-wrap li {float:left;display: inline-block;position: relative;} header.site-header .nav-bar.for-desktop ul.menu-wrap li a {width:100%;float:left;color:#fff;text-decoration: none;padding: 9px 5px;display: block;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;} header.site-header .nav-bar.for-desktop ul.menu-wrap .menu-item.main-item> a::after{content:'';position:absolute;left:0;right:0;bottom:5px;margin:auto;display:block;width:0;height:2px;background:#fec617;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;transition:width .3s} header.site-header .nav-bar.for-desktop ul.menu-wrap .menu-item.main-item:hover> a::after{width:80%;} header.site-header .nav-bar.for-desktop ul.menu-wrap .menu-item.main-item.active> a:after {content: "";position: absolute;left: 0;right: 0;bottom: 5px;margin: auto;width: 80%;border-bottom: 2px solid #fec617;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul {visibility: hidden;opacity: 0;margin: 0;padding: 0;min-width: 220px;position: absolute;top:40px;left: 0px;background: #fff;z-index: 99;-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-ms-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-o-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow: 0 10px 28px -4px rgba(0, 0, 0, 0.25);-webkit-transform: translate(0,20px);-moz-transform: translate(0,20px);-ms-transform: translate(0,20px);-o-transform: translate(0,20px);transform: translate(0,20px);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul.has-overflow{max-height:360px;overflow:auto;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color: #eee;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul::-webkit-scrollbar{width: 10px;height:10px;background-color: #eee;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #041b5d;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul:after {bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;margin-left: -6px;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul li {display: block;margin: 0;padding: 0;} header.site-header .nav-bar.for-desktop ul.menu-wrap ul li a {font-weight: normal;display: block;color: #797979;background: #fff;} header.site-header .nav-bar.for-desktop ul.menu-wrap .sub-menu li{width:100%;float:left;border-bottom:1px solid #e6e6e6;} header.site-header .nav-bar.for-desktop ul.menu-wrap .sub-menu li a{padding:10px 15px;color:#585858 !important;font-size: 14px;} header.site-header .nav-bar.for-desktop ul.menu-wrap .sub-menu li a:hover{background-image: -webkit-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(1, 172, 237) 100%);background-image: -moz-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(1, 172, 237) 100%);background-image: -ms-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(1, 172, 237) 100%);background-image: -o-linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(1, 172, 237) 100%);background-image: linear-gradient(60deg, rgb(4, 27, 93) 0%, rgb(1, 172, 237) 100%);color: #fff;color:#fff !important;} header.site-header .nav-bar.for-desktop ul.menu-wrap li:hover>ul {visibility: visible;opacity: 1;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);} header.site-header .nav-bar.for-desktop ul.menu-wrap ul ul {left: 169px;top: 0px;visibility: hidden;opacity: 0;-webkit-transform: translate(20px,20px);-moz-transform: translate(20px,20px);-ms-transform: translate(20px,20px);-o-transform: translate(20px,20px);transform: translate(20px,20px);} header.site-header .nav-bar.for-desktop ul.menu-wrap ul ul:after {left: -6px;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 6px;margin-top: -6px;} header.site-header .nav-bar.for-desktop ul.menu-wrap li>ul ul:hover {visibility: visible;opacity: 1;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);} header.site-header .hamburger-icon {width: 25px;height: 25px;position: absolute; top: 0px;right:0px;z-index: 999;cursor:pointer;margin:8px 15px 0px 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} header.site-header .hamburger-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #ffffff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} header.site-header .hamburger-icon span:nth-child(1) {top: 0px;} header.site-header .hamburger-icon span:nth-child(2) {top: 7px;} header.site-header .hamburger-icon span:nth-child(3) {top: 14px;} header.site-header .hamburger-icon.opened span:nth-child(1) {top: 10px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} header.site-header .hamburger-icon.opened span:nth-child(2) {opacity: 0;left: -60px;} header.site-header .hamburger-icon.opened span:nth-child(3) {top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(135deg);-o-transform: rotate(-135deg); transform: rotate(-135deg);} header.site-header .nav-bar.for-mobile {width: 100%;height: 500vh;background: #192e79;position: fixed;top:0px;right: 0px;margin:95px 0px 0px 0px;padding: 20px;z-index: 999999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} header.site-header .sticky .nav-bar.for-mobile{margin:75px 0px 0px 0px;} header.site-header .nav-bar.for-mobile.show-menu {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);} header.site-header .nav-bar.for-mobile.hide-menu {-webkit-transform: translateX(120%);-moz-transform: translateX(120%);-ms-transform: translateX(120%);-o-transform: translateX(120%);-o-transform: translateX(120%);transform: translateX(120%);} header.site-header .nav-bar.for-mobile:before{content: "";position: absolute;top: 0px;left: 0px; width: 25px;height: 38px;background: #00aced;display: block; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0;-webkit-transform: skew(-45deg, 0deg);-moz-transform: skew(-45deg, 0deg); -ms-transform: skew(-45deg, 0deg); -o-transform: skew(-45deg, 0deg);transform: skew(-45deg, 0deg);} header.site-header .nav-bar.for-mobile:after{content: "";position: absolute;top: 0px;left: 22px; width: 18px; height: 40px;background: #fec617;display: block; -webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0;-o-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transform: skew(-45deg, 0deg);-moz-transform: skew(-45deg, 0deg);-ms-transform: skew(-45deg, 0deg); -o-transform: skew(-45deg, 0deg);transform: skew(-45deg, 0deg);} header.site-header .nav-bar.for-mobile nav {width:100%;float:left;display: block;margin: 0px 0px 20px 0px;} header.site-header .nav-bar.for-mobile nav ul {width:100%;float:left;display: block;margin:15px 0px 0px 0px !important;} header.site-header .nav-bar.for-mobile nav>ul.menu-wrap{max-height: 490px;overflow: auto;} header.site-header .nav-bar.for-mobile nav>ul.menu-wrap::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 0px;background-color: #eee;} header.site-header .nav-bar.for-mobile nav>ul.menu-wrap::-webkit-scrollbar{width: 10px;height:10px;background-color: #eee;} header.site-header .nav-bar.for-mobile nav>ul.menu-wrap::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #1e447e;} header.site-header .nav-bar.for-mobile .menu-wrap li {width:100%;float:left;display: inline-block;position: relative;z-index: 100;float:left;} header.site-header .nav-bar.for-mobile .menu-wrap li:first-child {margin-left: 0;} header.site-header .nav-bar.for-mobile .menu-wrap .menu-item a {width:100%;float:left;text-decoration: none;padding: 10px 7px;line-height:20px;display: block;letter-spacing:1px;border-bottom: 1px solid #1b7fd2;color: #fff;z-index: 2;transition: all 0.2s ease-in-out 0s;} header.site-header .nav-bar.for-mobile .menu-wrap1 ul {visibility: hidden;opacity: 0;margin: 0;padding: 0;width: 230px;position: absolute;left: 0px;background: #fff;z-index: 99;-webkit-transform: translate(0,20px); -moz-transform: translate(0,20px);-ms-transform: translate(0,20px);-o-transform: translate(0,20px);transform: translate(0,20px);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-ms-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-o-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow: 0 10px 28px -4px rgba(0, 0, 0, 0.25);} header.site-header .nav-bar.for-mobile .menu-wrap ul:after {bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;margin-left: -6px;} header.site-header .nav-bar.for-mobile .menu-wrap ul li {float:left;display: block;float: none;background: none;margin: 0;padding: 0;} header.site-header .nav-bar.for-mobile .menu-wrap ul li a{font-size: 14px;font-weight: normal; display: block;color: #797979;background: #fff;} header.site-header .nav-bar.for-mobile .menu-wrap ul li a:hover, header.site-header .nav-bar.menu-wrap ul li:hover>a {background: #0065b8;color: #fff;} header.site-header .nav-bar.for-mobile li.active a{color: #fec617 !important;font-weight: 600;} header.site-header .nav-bar.for-mobile .sub-menu{display:none;width:100%;float:left;padding:0px;margin:0px;position:relative; max-height: 240px;overflow: auto;} header.site-header .nav-bar.for-mobile .sub-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 0px;background-color: #eee;} header.site-header .nav-bar.for-mobile .sub-menu::-webkit-scrollbar{width: 5px;height:10px;background-color: #eee;} header.site-header .nav-bar.for-mobile .sub-menu::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #1e447e;} header.site-header .nav-bar.for-mobile .sub-menu li a{color:#484848 !important;border-bottom: 1px solid #dcdcdc !important;} header.site-header .main-head.sticky .hamburger-icon{margin: 28px 15px 0px 0px !important;} header.site-header .main-head.sticky .hamburger-icon span{background: #ffffff !important;} /*Header styles ends */ .home-slider-container {width:100%;float:left;height: 78vh;} .home-slider-container .container{height:100%;position:relative;} .home-slider-container .content-slider {width: 100%;height: 100%;position: relative; } .home-slider-container .content-slider input {display: none;} .home-slider-container .content-slider .slideshow {position: relative;width: inherit;height: inherit;overflow: hidden;} .home-slider-container .content-slider .slideshow .slide {position: absolute;top: 0;left: 0;opacity: 0;z-index: 0;width: inherit;height: inherit;background-repeat: no-repeat;background-position: center top;background-size: cover;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .home-slider-container .content-slider .slideshow .slide .slide-img {position: relative;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: cover;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .home-slider-container .content-slider .slideshow .slide .slide-img.animation.zoomEffect { animation: homePageSliderSlideShowZoomAnimation 4s linear infinite 0s;-moz-animation: homePageSliderSlideShowZoomAnimation 4s linear infinite 0s;-ms-animation: homePageSliderSlideShowZoomAnimation 4s linear infinite 0s;-o-animation: homePageSliderSlideShowZoomAnimation 4s linear infinite 0s;-webkit-animation: homePageSliderSlideShowZoomAnimation 4s linear infinite 0s;} .home-slider-container .content-slider .slideshow .slide .slide-inner-wrapper {width:100%;float:left;height: 100%;} .home-slider-container .slide-content-block{width:100%;float:left;position:absolute;left:0;right:0;bottom:0;margin:auto;} .home-slider-container .slide-content-block .in-wrap{width:100%;float:left;position:relative;padding:10px;text-align:center;} .home-slider-container .slide-content-block .in-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1, 17, 53, 0.84);-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);-ms-transform: skew(0deg, 0deg);-o-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0;transform-origin: 100% 0;} .home-slider-container .slide-content-block .text-block{width:100%;float:left;position:relative;z-index:1;padding:10px 10px 10px 10px;} .home-slider-container .slide-content-block .main-title{width:100%;float:left;font-size:24px;font-weight:700;position:relative;z-index:1;} .home-slider-container .slide-content-block .sub-title{width:100%;float:left;margin-bottom:10px;text-transform:uppercase;position:relative;z-index:1;} .home-slider-container .slide-content-block .main-title .text{display:block;} .home-slider-container .slide-content-block .main-title .text-1{color: #fff500 !important;} .home-slider-container .slide-content-block .main-title .text-2{color: #d21f3f !important;} .home-slider-container .slide-content-block .description{width:100%;float:left;} .home-slider-container .slide-content-block .description p{color:inherit;} .home-slider-container .content-slider .slideshow #slide-1 .slide-img{background-image: url('../images/slider/img1.jpg');} .home-slider-container .content-slider .slideshow #slide-2 .slide-img{background-image: url('../images/slider/img2.jpg');} .home-slider-container .content-slider .slideshow #slide-3 .slide-img{background-image: url('../images/slider/img3.jpg');} .home-slider-container .content-slider .slideshow #slide-4 .slide-img{background-image: url('../images/slider/img4.jpg');} .home-slider-container .content-slider .slideshow #slide-5 .slide-img{background-image: url('../images/slider/img5.jpg');} .home-slider-container .content-slider .slider-nav {width: 100%;position: absolute;bottom: 0px; z-index: 1;text-align: center;} .home-slider-container .content-slider .slider-nav .controls { display: block;width: 70%;margin: 0 auto;} .home-slider-container .content-slider .slider-nav .controls label {position: relative;display: inline-block;width: 100px;height: 5px;overflow: hidden;margin: 0px 10px;text-align: left;cursor: pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-slider-container .content-slider .slider-nav .controls label .progressbar {position: absolute;top: 0;left: 0;height: 3px;width: 100%;background: #192e79;z-index: 100;} .home-slider-container .content-slider .slider-nav .controls label .progressbar .progressbar-fill {position: inherit;width: inherit;height: inherit; margin-left: -100%;background: #00aced;} .home-slider-container .content-slider .slider-nav .controls label .text {display:none;} .home-slider-container .content-slider .slider-nav .controls label:hover {color: #d21f3f;} .home-slider-container .content-slider #slide1:checked ~ .slideshow #slide-1, .home-slider-container .content-slider #slide2:checked ~ .slideshow #slide-2, .home-slider-container .content-slider #slide3:checked ~ .slideshow #slide-3, .home-slider-container .content-slider #slide4:checked ~ .slideshow #slide-4, .home-slider-container .content-slider #slide5:checked ~ .slideshow #slide-5 {opacity: 1; z-index: 1;} .home-slider-container .content-slider #slide1:checked ~ .slider-nav label:nth-of-type(1), .home-slider-container .content-slider #slide2:checked ~ .slider-nav label:nth-of-type(2), .home-slider-container .content-slider #slide3:checked ~ .slider-nav label:nth-of-type(3), .home-slider-container .content-slider #slide4:checked ~ .slider-nav label:nth-of-type(4), .home-slider-container .content-slider #slide5:checked ~ .slider-nav label:nth-of-type(5) {cursor: default;color: #fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .home-slider-container .content-slider #slide1:checked ~ .slider-nav label:nth-of-type(1) .progressbar, .home-slider-container .content-slider #slide2:checked ~ .slider-nav label:nth-of-type(2) .progressbar, .home-slider-container .content-slider #slide3:checked ~ .slider-nav label:nth-of-type(3) .progressbar, .home-slider-container .content-slider #slide4:checked ~ .slider-nav label:nth-of-type(4) .progressbar, .home-slider-container .content-slider #slide5:checked ~ .slider-nav label:nth-of-type(5) .progressbar {background: #fff;} .home-slider-container .content-slider #slide1:checked ~ .slider-nav label:nth-of-type(1) .progressbar-fill, .home-slider-container .content-slider #slide2:checked ~ .slider-nav label:nth-of-type(2) .progressbar-fill, .home-slider-container .content-slider #slide3:checked ~ .slider-nav label:nth-of-type(3) .progressbar-fill, .home-slider-container .content-slider #slide4:checked ~ .slider-nav label:nth-of-type(4) .progressbar-fill, .home-slider-container .content-slider #slide5:checked ~ .slider-nav label:nth-of-type(5) .progressbar-fill {-webkit-animation: sliderProgressBarFill 4s linear;-moz-animation: sliderProgressBarFill 4s linear;-ms-animation: sliderProgressBarFill 4s linear;-o-animation: sliderProgressBarFill 4s linear;animation: sliderProgressBarFill 4s linear;} /* Slider Animations */ /* keyframes*/ @-webkit-keyframes homePageSliderSlideShowZoomAnimation { 0% {-webkit-transform:scale(1);} 5% {opacity: 1} 25% {opacity: 1;} 30% {-webkit-transform:scale(1.1);} 100% {-webkit-transform:scale(1);} } @-moz-keyframes homePageSliderSlideShowZoomAnimation { 0% {-moz-transform:scale(1);} 5% {opacity: 1} 25% {opacity: 1;} 30% {opacity: 0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} 100% {opacity: 0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} } @-ms-keyframes homePageSliderSlideShowZoomAnimation { 0% {-ms-transform:scale(1);} 5% {opacity: 1} 25% {opacity: 1;} 30% {-ms-transform:scale(1.1);} 100% {-ms-transform:scale(1);} } @-o-keyframes homePageSliderSlideShowZoomAnimation { 0% {-o-transform:scale(1);} 5% {opacity: 1} 25% {opacity: 1;} 30% {-o-transform:scale(1.1);} 100% {-o-transform:scale(1);} } @keyframes homePageSliderSlideShowZoomAnimation { 0% {transform:scale(1);-ms-transform:scale(1);} 30% {transform:scale(1.1);-ms-transform:scale(1.1);} 100% {transform:scale(1);-ms-transform:scale(1);} } @-webkit-keyframes sliderProgressBarFill { from {margin-left: -100%;} to { margin-left: 0; } } @-moz-keyframes sliderProgressBarFill { from {margin-left: -100%;} to { margin-left: 0; } } @-ms-keyframes sliderProgressBarFill { from {margin-left: -100%;} to { margin-left: 0; } } @-o-keyframes sliderProgressBarFill { from {margin-left: -100%;} to { margin-left: 0; } } @keyframes sliderProgressBarFill { from {margin-left: -100%;} to { margin-left: 0; } } .home-slider, .home-slider .slide-item {display: block;width: 100%;height: 490px;position: relative;background-size: cover;background-position: center top;background-repeat: no-repeat;background-color: #041b5d;overflow: hidden;-moz-transition: transform .4s;-o-transition: transform .4s;-webkit-transition: transform .4s;transition: transform .4s;} .home-slider .slide-item.slide-item.one{ background-position: center center;} .home-slider .slide-item.slide-item.two{ background-position: center center;} .home-slider .slide-item.slide-item.three{background-position: center top; } .home-slider .slide-item.slide-item.four{background-position: center top; } .home-slider .slide-item.slide-item.five{background-position: center center; } .home-slider1 > div {position: absolute;} .home-slider .slider-arrow {color: #5bbd72;position: absolute;font-size: 60px;margin: 20px;top: 40%;text-shadow: 0 10px 2px #223422;transition: .3s;width: 30px;height:30px;padding: 10px 13px;background: #fff;background: rgba(255, 255, 255, .6);cursor: pointer;line-height: 0;box-sizing: content-box;border-radius: 3px;z-index: 4;} .home-slider .slider-arrow .in-wrap{width:100%;position:relative;float:left;} .home-slider .slider-arrow.left .in-wrap:before {content: "";position: absolute;top: 7px;left: 0px;width: 25px;height: 2px;background: #000;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .home-slider .slider-arrow.left .in-wrap:after {content: "";position: absolute;top: 23px;left: 0px;width: 25px;height: 2px;background: #000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .home-slider .slider-arrow.right .in-wrap:before {content: "";position: absolute;top: 7px;left: 0px;width: 25px;height: 2px;background: #000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .home-slider .slider-arrow.right .in-wrap:after {content: "";position: absolute;top: 23px;left: 0px;width: 25px;height: 2px;background: #000;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .home-slider .slider-arrow svg {margin-top: 3px;} .home-slider .slider-arrow.left {left: -100px;} .home-slider .slider-arrow.right {right: -100px;} .home-slider:hover .slider-arrow.left {left: 0;} .home-slider:hover .slider-arrow.right {right: 0;} .home-slider .slider-arrow:hover {background:#fff;background: rgba(255, 255, 255, .8);-webkit-transform: translateX(-2px);-moz-transform: translateX(-2px);-ms-transform: translateX(-2px);-o-transform: translateX(-2px);transform: translateX(-2px);} .home-slider .slider-arrow.right:hover {-webkit-transform: translateX(2px);-moz-transform: translateX(2px);-ms-transform: translateX(2px);-o-transform: translateX(2px);transform: translateX(2px);} .home-slider .slider-arrow.right:active, .home-slider .slider-arrow.left:active {-webkit-transform: translateY(1px);-moz-transform: translateY(1px);-ms-transform: translateY(1px);-o-transform: translateY(1px);transform: translateY(1px);} .home-slider:hover .slide-item {-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);} .hoverZoomOff:hover .slide-item {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .home-slider .slider-dots {position: absolute;bottom: 10px;left: 50%;z-index: 4;padding: 0;margin: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home-slider .slider-dots li {padding: 0;width: 10px;height: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;list-style: none;float: left;margin: 10px 10px 0;cursor: pointer;border: 1px solid #fff;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;} .home-slider .slider-dots .showli {background-color: #00aced;-moz-animation: boing .5s forwards;-o-animation: boing .5s forwards;-webkit-animation: boing .5s forwards;animation: boing .5s forwards;} .home-slider .slider-dots li:hover {background-color: #00aced;} .home-slider .home-slide .show {z-index: 1;} .home-slider.hideDots .slider-dots {display: none;} .home-slider.showArrows .slider-arrow.left {left: 0;} .home-slider.showArrows .slider-arrow.right {right: 0;} .home-slider .slideCaption {width: 80%;height: 100px; display: none;background: rgba(4, 27, 93, 0.8);position: absolute;left: 0;right: 0;bottom: 60px;z-index: 2;margin: auto;color: #fff;-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s; -o-transition: position 10s;transition: all 0.5s ease;} @keyframes text-slide-up{ 0% {bottom:0px;} 100% {bottom:60px;} } @keyframes slide-right { to {transform:translateX(0);} } @keyframes anim-1 { 0%, 8.3% { left: -100%; opacity: 0; } 8.3%,25% { left: 25%; opacity: 1; } 33.33%, 100% { left: 110%; opacity: 1; } } .home-slider .slideCaption .in-wrap{width:100%;height:100%;float:left;position:relative;display: table;padding:0px 110px;} .home-slider .slideCaption .shape-1.left{position:absolute;top:0;left: 0;margin:auto;} .home-slider .slideCaption .shape-1.right{position:absolute;top:0;right: 0;margin:auto;} .home-slider .slideCaption .shape-2.left{width:80px;height:100px;position:absolute;top:0;left: 48px;margin:auto;} .home-slider .slideCaption .shape-2.right{width:80px;height:100px;position:absolute;top:0;right: 48px;margin:auto;} .home-slider .slideCaption .shape-3.left{width:42px;height:42px;position:absolute;top:30px;left: 21px;z-index:2;margin:auto;} .home-slider .slideCaption .shape-3.right{width:42px;height:42px;position:absolute;top:30px;right: 21px;z-index:2;margin:auto;} .home-slider .slideCaption .in-wrap:before{content:"";position:absolute;top:8px;left: 0;bottom: 0; z-index:1;margn:auto;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);width: 82px;height: 82px; background: #00aced;} .home-slider .slideCaption .in-wrap:after{content:"";position:absolute;top:8px;right: 0;bottom: 0;z-index:1;margin:auto;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);width: 82px;height: 82px; background: #00aced;} .home-slider .slideCaption .caption-text{font-size:40px;text-align:center;display: table-cell;vertical-align:middle;position:relative;z-index:3;} .home-slider .slideCaption .shape-1.pattern-style-1.left:before {content: "";position: absolute;top: 0px;left: 0px;width: 42px;height: 100px;background: #fec617;transform-origin: bottom left;-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);-ms-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);} .home-slider .slideCaption .shape-1.pattern-style-1.right:before {content: "";position: absolute;top: 0px;right: 0px;width: 42px;height: 100px;background: #fec617;transform-origin: bottom left;-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);-ms-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);} .home-slider .slideCaption .shape-2.pattern-style-1.left:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #fff;transform-origin: bottom left;-webkit-transform: skew(-45deg, 0deg);-moz-transform: skew(-45deg, 0deg);-ms-transform: skew(-45deg, 0deg);transform: skew(-45deg, 0deg);} .home-slider .slideCaption .shape-2.pattern-style-1.right:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #fff;transform-origin: bottom right;-webkit-transform: skew(45deg, 0deg);-moz-transform: skew(45deg, 0deg);-ms-transform: skew(45deg, 0deg);transform: skew(45deg, 0deg);} .home-slider .slideCaption .shape-3.pattern-style-1.left:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } .home-slider .slideCaption .shape-3.pattern-style-1.right:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } @keyframes boing { 0% {transform: scale(1.2);} 40% {transform: scale(.6);} 60% {transform: scale(1.2);} 80% {transform: scale(.8);} 100% {transform: scale(1);} } .home-page .flash-news-scroller-div{width:100%;height: 30px;overflow: hidden;position: relative;white-space: nowrap;background-image: -webkit-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: -moz-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: -ms-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: -o-linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);background-image: linear-gradient(135deg, rgb(4, 27, 93) 0%,rgb(1, 146, 211) 100%);} .home-page .flash-news-scroller-div .content-wrap {width: 100%;float: left;position: relative;} .home-page .flash-news-scroller-div .ticker-txt {position: absolute;left: 0;line-height: 1.5em;letter-spacing: 1px;width: 4500px;color: #fff;-webkit-animation: marquee 67.5s linear infinite;-moz-animation: marquee 67.5s linear infinite;-ms-animation: marquee 67.5s linear infinite;-o-animation: marquee 67.5s linear infinite;animation: marquee 67.5s linear infinite;} .home-page .flash-news-scroller-div .marquee-text-scroller{width: 100%;float: left;position: relative;line-height: 30px;color: #fff;overflow: hidden;} .home-page .flash-news-scroller-div .marquee-text-scroller .text{float:left;position:relative;} .home-page .flash-news-scroller-div .marquee-text-scroller .seperator{float:left;position:relative;margin:0px 30px;} .home-page .vertical-news-scroller-container{width:100%;height:330px;background:#ffffff;overflow:hidden;} .home-page .events-scroller-container{width:100%;height:330px;background:#ffffff;overflow:hidden;} .home-page .events-scroller-container_none ul{width:100%;float:left;list-style:none;position:relative;} .home-page .pricipal-info-section .principal-image {max-width: 200px;padding: 0px 8px 0px 0px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} .home-page .pricipal-info-section .principal-image img{border-radius: 8px;} .home-page .pricipal-info-section .principal-name {font-size:18px;font-weight:700;} .home-page .pricipal-info-section .principal-qualification {font-size:16px;font-weight:600;} .home-page .news-and-events .list-item {padding:0px !important;margin:0px 0px 0px 0px !important;} .home-page .news-and-events .list-item .custom-icon{display:none;} .home-page .news-and-events .list-item:before{display:none !important;} .home-page .news-and-events .list-item:after{display:none !important;} .home-page .news-and-events .list-item .item-content{padding:0px !important;} .home-page .news-and-events .list-item .main-title{color:inherit !important;font-size:inherit !important} .home-page .top-rankers{overflow:hidden;} .home-page .top-rankers .info-box{width:500% !important;border:0px;overflow:hidden;} .home-page .top-rankers .info-box ul{width:500% !important;} .home-page .top-rankers .info-box .list-item{width:180px !important;height:auto !important;position:relative;display: inline-block;margin: 10px 20px 10px 20px;} .home-page .top-rankers .info-box .student-photo{width:150px;height:180px;display:block;margin:0 auto;} .home-page .top-rankers .info-box .student-photo img{width:100%;height:100%;max-width:100%;max-height:100%;display:block;margin:0 auto;border-radius:4px;} .home-page .top-rankers .info-box .student-name{width:100%;float:left;font-weight:600;font-size:17px;} .home-page .top-rankers .info-box .student-total-mark{width:100%;float:left;} .home-page .top-rankers .info-box .student-total-mark-percent{width:100%;float:left;} .home-page .video-scroller-container{float:left;position:relative;} .home-page .video-scroller-container .video-holder{width:95%;height:170px;margin: 10px auto;position:relative;} .home-page .video-scroller-container .video-holder iframe{width:100% !important;height:100% !important; border:solid 5px; border-bottom-color:#ffe; border-left-color:#eed; border-right-color:#eed; border-top-color:#ccb; } .home-page .video-scroller-container .video-holder .frame {width:100%;height:100%; background-color:#ddc; border: 14px solid #eee; border-bottom-color:#fff; border-left-color:#eee; border-radius:2px; border-right-color:#eee; border-top-color:#ddd; box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25); box-sizing:border-box; display:inline-block; margin:0px; padding:2px; position:relative; text-align:center; } .home-page .video-scroller-container .video-holder .frame:before { border-radius:2px; bottom:-2vmin; box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset; content:""; left:-2vmin; position:absolute; right:-2vmin; top:-2vmin; } .home-page .video-scroller-container .video-holder .frame:after { border-radius:2px; bottom:-2.5vmin; box-shadow: 0 2px 5px 0 rgba(0,0,0,.25); content:""; left:-2.5vmin; position:absolute; right:-2.5vmin; top:-2.5vmin; } .home-page .video-scroller-container .video-holder .frame .in-wrap{width:100%;height:100%;float:left;position:relative;z-index:1;} .home-page .video-scroller-container .video-holder .embed-video{width:100% !important;height:100% !important;float:left;} .home-page .video-scroller-container .video-holder .content-block{width:100% !important;float:left;margin:20px 0px 5px 0px;} .home-page .video-scroller-container .video-holder .main-title{width:100% !important;float:left;font-size:22px;font-weight:600;text-align:center;} .home-page .video-scroller-container .video-holder .main-title .text{width:100% !important;float:left;} .home-page .video-scroller-container .swiper-pagination{width:100% !important;float:left;bottom:0px !important;} .home-page .video-scroller-container .owl-controls{ margin-top: 0; } .home-page .video-scroller-container .owl-controls .owl-buttons div{display: inline-block;font-size:0px;width: 40px;height: 40px;line-height: 35px;background: #041b5d;color: #fff;margin-right: 5px;opacity: 1;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;} .home-page .video-scroller-container .owl-prev:before, .home-page .video-scroller-container .owl-next:before{content: "\f060";font-family: "Font Awesome 5 Free" !important;font-size: 20px;font-weight: 900;} .home-page .video-scroller-container .owl-next:before{ content: "\f061"; } .home-page .recruiters .list-item {width: 170px;max-width: 260px;height: 100px;float:left;position:relative;padding: 0px 10px;} .home-page .recruiters .list-item .image-wrapper{width: 100%;float:left;position:relative;} .home-page .recruiters .list-item .image-wrapper a{width:100%;max-height:100%;display:block;} .home-page .recruiters .list-item.Capgemini_0 {background: url(../images/Recruiters/capgemini.html)no-repeat center/contain;} .home-page .Digital-Initiatives li{ width:150px;height: 88px;float:left;margin:10px 10px;} .home-page .news-section{height:370px !important;overflow:hidden !important;} .home-page .news-section .content-block{padding:0px 20px;} .home-page .news-section .list-item.odd{padding: 15px 0 15px 75px;} .home-page .news-section .list-item .custom-icon{width:50px;height:50px;line-height:40px;font-size:25px;} .home-page .news-section .list-item .main-title{color:#041b5d !important;font-size:16px !important;} .home-page .news-section .list-item.odd .custom-icon{left:20px;} .home-page .news-section .list-item.odd .item-content{padding:0px 0px 0px 40px;} .home-page .news-section .list-item.even{padding: 15px 75px 15px 0px;} .home-page .news-section .list-item.even .custom-icon{right:20px;} .home-page .news-section .list-item.even .item-content{padding:0px 40px 0px 0px;} .home-page .news-section .list-item .description p{text-align:left !important;margin:0px !important;} .home-page .events-section{height:370px !important;overflow:hidden !important;} .home-page .events-section .content-block{padding:0px 20px;} .home-page .events-section .list-item{margin-bottom:10px;} .home-page .events-section .list-item.odd:before{left: 50px;} .home-page .events-section .list-item.even:before{right: 50px;} .home-page .events-section .list-item .custom-icon{width:80px;height:80px;line-height:65px;font-size:25px;} .home-page .events-section .list-item .text-block{padding: 17px 30px 17px 30px;} .home-page .events-section .list-item .main-title{color:#041b5d !important;font-size:16px !important;} .home-page .events-section .list-item .description p{text-align:left !important;margin:0px !important;} .home-page .gallery-section {width:100%;float:left;height: 300px;position:relative;background-image: url(../images/college.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .home-page .gallery-section .content-wrap{width:100%;height:100%;float:left;position:relative;padding:20px;} .home-page .gallery-section .content-wrap .container{position:relative;height:100%;} .home-page .gallery-section .content-wrap .content-block{width:70%;height:100%;float:right;position:relative;padding:20px;} .home-page .gallery-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);} .home-page .gallery-section .section-title{position: relative;float: left;font-size: 40px;color: #fff;margin: 80px auto;} .home-page .gallery-section .content-wrap:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background: rgb(4, 27, 93,.5);-webkit-transform:skew(-45deg,0deg);-moz-transform:skew(-45deg,0deg);-ms-transform:skew(-45deg,0deg);-o-transform:skew(-45deg,0deg);transform:skew(-45deg,0deg);-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;-o-transform-origin: 100% 0;transform-origin: 100% 0;} .home-page .gallery-section .img-box.style-1{width:400px;height:200px;float:left;padding:10px;overflow: hidden;position: relative;z-index: 1;background: rgb(4, 27, 93,.5);box-sizing: border-box;overflow: hidden;-webkit-box-shadow: 0 20px 50px rgb(23, 32, 90);-moz-box-shadow: 0 20px 50px rgb(23, 32, 90);box-shadow: 0 20px 50px rgb(23, 32, 90);border: 2px solid #2a3cad;color: #fff;padding: 20px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .home-page .gallery-section .img-box.style-1 .frame {position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border: 1px solid #f0a591;padding: 5px;text-align: center;-webkit-box-shadow: 0 5px 10px rgba(9,0,0,0.5);-moz-box-shadow: 0 5px 10px rgba(9,0,0,0.5);box-shadow: 0 5px 10px rgba(9,0,0,0.5);overflow:hidden;} .home-page .gallery-section .img-box.style-1 .frame .img-container {width: 100%;height: 100%;float: left;position: relative;background-size: cover;background-position: 100% 0px;background-color: #fff;background-repeat: no-repeat;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;} .home-page .gallery-section .img-box.style-1.one .frame .img-container{background-image: url(../images/gallery/1.jpg);} .home-page .gallery-section .img-box.style-1.two .frame .img-container{background-image: url(../images/gallery/2.jpg);} .home-page .gallery-section .img-box.style-1.three .frame .img-container{background-image: url(../images/gallery/3.jpg);} .home-page .gallery-section .img-box.style-1.four .frame .img-container{background-image: url(../images/gallery/4.jpg);} .home-page .gallery-section .img-box.style-1.five .frame .img-container{background-image: url(../images/gallery/5.jpg);} .home-page .gallery-section .img-box.style-1.six .frame .img-container{background-image: url(../images/gallery/6.jpg);} .home-page .gallery-section .img-box.style-1.seven .frame .img-container{background-image: url(../images/gallery/7.jpg);} .home-page .gallery-section .img-box.style-1.eight .frame .img-container{background-image: url(../images/gallery/8.jpg);} .home-page .gallery-section .img-box.style-1.nine .frame .img-container{background-image: url(../images/gallery/9.jpg);} .home-page .gallery-section .img-box.style-1.ten .frame .img-container{background-image: url(../images/gallery/10.jpg);} .home-page .gallery-section .img-box.style-1.eleven .frame .img-container{background-image: url(../images/gallery/11.jpg);} .home-page .gallery-section .img-box.style-1.twelve .frame .img-container{background-image: url(../images/gallery/12.jpg);} .home-page .gallery-section .img-box.style-1 .animated-span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;box-sizing: border-box;} .home-page .gallery-section .img-box.style-1 .animated-span:nth-child(1){-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} .home-page .gallery-section .img-box.style-1 .animated-span:nth-child(2){-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .home-page .gallery-section .img-box.style-1 .animated-span:nth-child(3){-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .home-page .gallery-section .img-box.style-1 .animated-span:nth-child(4){-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);} .home-page .gallery-section .img-box.style-1 .animated-span:before{content: '';position: absolute;width:100%;height: 2px;background: #50dfdb;-webkit-animation: imgBoxLineAnimation 4s linear infinite;-moz-animation: imgBoxLineAnimation 4s linear infinite;-ms-animation: imgBoxLineAnimation 4s linear infinite;-o-animation: imgBoxLineAnimation 4s linear infinite;animation: imgBoxLineAnimation 4s linear infinite;} @-webkit-keyframes imgBoxLineAnimation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transform-origin: right;} } @-moz-keyframes imgBoxLineAnimation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transform-origin: right;} } @-ms-keyframes imgBoxLineAnimation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transform-origin: right;} } @-o-keyframes imgBoxLineAnimation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: right; } 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transform-origin: right; } } @keyframes imgBoxLineAnimation { 0% {-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin: left;} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: left;} 50.1%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform-origin: right;} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transform-origin: right; } } .home-page .gallery-section .img-box.style-1:hover{ box-shadow: 3px 3px 5px #999; } .home-page .gallery-section .img-box.style-1:before, .home-page .gallery-section .img-box.style-1:after{content: "";background: -webkit-radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);background: -moz-radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);background: -ms-radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);background: -o-radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);background: radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);width: 150%;height: 150%;opacity: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top:-10.5%;right:-150%;z-index: 1;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;} .home-page .gallery-section .img-box.style-1:after{background: rgba(255,255,255,0.5);width: 65%;height: 65%;right: auto;left: -20%;top: -65%;} .home-page .gallery-section .img-box.style-1:hover:before{opacity: 1;right: -85%;} .home-page .gallery-section .img-box.style-1:hover:after{opacity: 1;top: -42%;} .home-page .gallery-section .img-box.style-1 img{width: 100%;height: auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .home-page .gallery-section .img-box.style-1:hover .img-container1{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} .home-page .gallery-section .img-box.style-1 .box-content{text-align: right;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);position: absolute;top: 50%;right: -100%;z-index: 2;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .home-page .gallery-section .img-box.style-1:hover .box-content{ right: 5%; } .home-page .gallery-section .img-box.style-1 .title{color: #041b5d;font-size: 20px;font-weight: 700;margin: 0 0 3px 0;} .home-page .gallery-section .img-box.style-1 .post{font-size: 16px;text-transform: capitalize;margin: 0 0 10px;display: block;} .home-page .gallery-section .img-box.style-1 .icon{padding: 0;margin: 0;list-style: none;} .home-page .gallery-section .img-box.style-1 .icon li{display: inline-block;margin: 0 4px;} .home-page .gallery-section .img-box.style-1 .icon li a{color: #fff;background-color: #041b5d;font-size: 18px;text-align: center;line-height: 35px;height: 35px;width: 35px;border-radius: 50%;display: block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-page .gallery-section .img-box.style-1 .icon li a:hover{color: #041b5d;background-color: #fff;-webkit-border-radius: 10%;-moz-border-radius: 10%;border-radius: 10%;-webkit-box-shadow: 0 0 5px #1e272e inset;-moz-box-shadow: 0 0 5px #1e272e inset;box-shadow: 0 0 5px #1e272e inset;} .home-page .gallery-section .gallery-carousel .owl-controls{ margin-top: 0; } .home-page .gallery-section .gallery-carousel .owl-controls .owl-buttons div{display: inline-block;width: 40px;height: 40px;line-height: 35px;background: #041b5d;color: #fff;margin-right: 5px;opacity: 1;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;} .home-page .gallery-section .gallery-carousel .owl-prev:before, .home-page .gallery-section .gallery-carousel .owl-next:before{content: "\f060";font-family: "Font Awesome 5 Free" !important;font-size: 20px;font-weight: 900;} .home-page .gallery-section .gallery-carousel .owl-next:before{ content: "\f061"; } .home-page .about-us-section .video-container {width: 350px;height: 190px;float: left;position:relative;margin-top: 0px;z-index: 1;} .home-page .about-us-section .video-container .in-wrap{width: 100%;height: 100%;float: left;position:relative;} .home-page .about-us-section .video-container .frame{width: 100%;height: 100%;float: left;position:relative;} .home-page .about-us-section .video-container video {width: 100%;height: auto;float: left;display: block;outline: 0 !important;border: 5px solid #f4f7f9;position:absolute;top:30px;left:0;right:0;margin:auto;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .home-page .about-us-section .video-container:before {content: "";position: absolute;top: 0px;left: 0px;right: 0;z-index: -1;margin: auto;width: 250px;height: 250px;background: #d83086;border: 10px solid #f4f7f9;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);} .home-page .about-us-section .video-container .frame:before {content: "";position: absolute;top: 10px;left: 0px;right: 0;z-index: -1;margin: auto;width: 300px;height: 230px;background: #d83086;border: 10px solid #e35ba1;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);} .home-page .blogs-section .info-box{width:32%;float:left;background:#eee; margin:0px 10px 10px 0px; border: 5px solid #fff;position:relative; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .home-page .blogs-section .info-box:last-child{margin-right:0px;} .home-page .blogs-section .info-box .date-container{width: 60px;height:125px;float: left;background: #e35ba1;color: #fff;position: absolute;top:0;left: 0;border-left: 3px solid #0a5e8e;} .home-page .blogs-section .info-box .content{position:relative;padding:10px 20px 10px 70px; } .home-page .blogs-section .info-box .content .title{width: 100%;float: left;position:relative;margin:0px;font-size:20px;font-weight:600;} .home-page .blogs-section .info-box .date-container > div{width: 100%;float: left;text-align:center;} .home-page .blogs-section .info-box .date-container .day{font-size:30px;font-weight:600;padding: 10px 0px;} .home-page .blogs-section .info-box .date-container .month{background: #fec617;font-weight:600;padding: 5px 0px;color: #000;} .home-page .blogs-section .info-box .date-container .year{background: #277cac;font-weight:600;padding: 5px 0px;color: #fff;} .newsletter-section .in-wrap{width:100%;float:left;position:relative;background:#e35ba1;} .newsletter-section .content{width:100%;float:left;position:relative;} .newsletter-section .left-sec{float:left;position:relative;z-index:1;padding: 20px 20px 20px 60px;} .newsletter-section .right-sec{width:60%;float:right;position:relative;z-index:1; padding: 20px 20px 20px 60px;} .newsletter-section .left-sec:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index:-1;background: #277cac;transform-origin: bottom left;-webkit-transform: skew(-35deg, 0deg);-moz-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);} .newsletter-section .title{font-size:30px;margin:0px;font-weight:600;position:relative;color:#fff;} .newsletter-section .tag-line{font-size:15px;color:#fff;} .newsletter-section .form-wrapper{width:100%;float:left;position:relative; margin-top: 8px;} .newsletter-section .form-wrapper .form-group{width:100%;float:left;position:relative;margin:0px;} .newsletter-section .form-wrapper .form-group .input{width:100%;height:40px;float:left;position:relative;} .newsletter-section .form-wrapper .form-group .subscribe-btn{width:130px;height:40px;background:#277cac;color:#fff;font-size:20px;font-weight:600 !important;padding:0px;position: absolute;top:0;right:0;} .trust-members .row-item {width:100%;float:left;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: left;-moz-justify-content: left;-ms-justify-content: left;-o-justify-content: left;justify-content: left;} .trust-members .row-item .section-title{font-size:18px;} .trust-members .gallery-container{width:100%;float:left;position:relative; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;} .trust-members .info-box{width: 200px;max-width: 200px;min-height: 250px;float: left;margin: 0px 20px 10px 0px;position:relative;z-index:2;-webkit-border-radius: 50% 50% 0 0%;-moz-border-radius: 50% 50% 0 0%;border-radius: 50% 50% 0 0%;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;} .trust-members .info-box:last-child{margin-right: 0px;} .trust-members .info-box .wrap{width: 100%;float: left;-webkit-border-radius: 50% 50% 0 0%;-moz-border-radius: 50% 50% 0 0%;border-radius: 50% 50% 0 0%;} .trust-members .info-box .wrap:before{content: ""; width: 100%; height: 100px;background: #fff;position: absolute;left: 0;bottom: 0px;z-index: 1;} .trust-members .info-box .wrap:after{content: ""; width: 100%; height: 5px;background: #00aced;position: absolute;left: 0;bottom: 0px;z-index: 1;} .trust-members .info-box .pic{width:180px; height: 180px;margin:0 auto;background:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;position: relative;z-index: 1;margin-bottom: 10px;} .trust-members .info-box .pic img{width: 100%;height: 100%;margin: 0 auto;display: block;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;padding:8px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .trust-members .info-box .pic:before, .trust-members .info-box .pic:after{content: "";width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 8px solid #e6e5e5;position: absolute;top: 0;left: 0;} .trust-members .info-box .pic:after{border-color: #041b5d #e4e1e1 #e4e1e1 #00aced;z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} .trust-members .info-box:hover .pic:after{ -webkit-transform: rotate(350deg);-moz-transform: rotate(350deg);-ms-transform: rotate(350deg);transform: rotate(350deg); } .trust-members .info-box:hover .pic img1{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .trust-members .info-box .content-section {width: 100%;min-height: 65px;float: left;z-index: 1;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;position:relative;left:0;} .trust-members .info-box .content-section .in-wrap{width: 100%;float: left;padding: 5px 10px 5px 10px;z-index: 1; transition: all 0.3s ease 0s;position:relative;background: #fff;} .trust-members .info-box .content-section .in-wrap.2-lines{line-height: 40px;} .trust-members .info-box .content-section:before, .trust-members .info-box .content-section:after{content: ""; width: 52%; height: 20px;background: #3f2b4f;position: absolute;top: 32px;transform: rotate(15deg);z-index: 1;display:none;} .trust-members .info-box .content-section:before{left: 0%;} .trust-members .info-box .content-section:after{right: 0%;-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg);} .trust-members .info-box .content-section .in-wrap:before, .trust-members .info-box .content-section .in-wrap:after{display:none;content: "";width: 7px;height: 106px;background: #0a5e8e;position: absolute;top: -75px;z-index: 2;-webkit-transform: rotate(-74deg);-moz-transform: rotate(-74deg);-ms-transform: rotate(-74deg);transform: rotate(-74deg);} .trust-members .info-box .content-section .in-wrap:before{left: 24%;} .trust-members .info-box .content-section .in-wrap:after{right: 24%;-webkit-transform: rotate(74deg);-moz-transform: rotate(74deg);-ms-transform: rotate(74deg);transform: rotate(74deg);} .trust-members .info-box .name{width: 100%;float: left;text-align: center;font-weight: 600;} .trust-members .info-box .designation{width: 100%;float: left;text-align: center;font-weight: 600;} .faculty-members .row-item {width:100%;float:left;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: left;-moz-justify-content: left;-ms-justify-content: left;-o-justify-content: left;justify-content: left;} .faculty-members .row-item .section-title{font-size:18px;} .faculty-members .info-box{width: 270px;min-height: 250px;float: left;margin: 0px 20px 25px 0px;position:relative;z-index:2;-webkit-border-radius: 5% 5% 0 0%;-moz-border-radius: 5% 5% 0 0%;border-radius: 5% 5% 0 0%;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .faculty-members .info-box:last-child{margin-right: 0px;} .faculty-members .info-box .wrap{width: 100%;float: left;-webkit-border-radius: 5% 5% 0 0%;-moz-border-radius: 5% 5% 0 0%;border-radius: 50% 50% 0 0%;} .faculty-members .info-box .wrap:before{content: ""; width: 100%; height: 100px;background: #fff;position: absolute;left: 0;bottom: 0px;z-index: 1;} .faculty-members .info-box .wrap:after{content: ""; width: 100%; height: 5px;background: #00aced;position: absolute;left: 0;bottom: 0px;z-index: 1;} .faculty-members .info-box .pic{width:180px; height: 180px;margin:20px auto 10px auto;background:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;position: relative;z-index: 1;} .faculty-members .info-box .pic img{width: 100%;height: 100%;margin: 0 auto;display: block;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;padding:5px;border: 5px solid #ffffff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .faculty-members .info-box .pic:before, .faculty-members .info-box .pic:after{content: "";width: 100%;height: 100%;border-radius: 50%;border: 8px solid #e6e5e5;position: absolute;top: 0;left: 0;} .faculty-members .info-box .pic:after{border-color: #041b5d #e4e1e1 #e4e1e1 #00aced;z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} .faculty-members .info-box:hover .pic:after{ -webkit-transform: rotate(350deg);-moz-transform: rotate(350deg);-ms-transform: rotate(350deg);transform: rotate(350deg); } .faculty-members .info-box:hover .pic img1{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .faculty-members .info-box .content-section {width: 100%;min-height: 65px;float: left;z-index: 1;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;position:relative;left:0;} .faculty-members .info-box .content-section .in-wrap{width: 100%;float: left;padding: 5px 10px 5px 10px;z-index: 1; transition: all 0.3s ease 0s;position:relative;background: #fff;} .faculty-members .info-box .content-section .in-wrap.2-lines{line-height: 40px;} .faculty-members .info-box .content-section:before, .faculty-members .info-box .content-section:after{content: ""; width: 52%; height: 20px;background: #3f2b4f;position: absolute;top: 32px;transform: rotate(15deg);z-index: 1;display:none;} .faculty-members .info-box .content-section:before{left: 0%;} .faculty-members .info-box .content-section:after{right: 0%;-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg);} .faculty-members .info-box .content-section .in-wrap:before, .faculty-members .info-box .content-section .in-wrap:after{display:none;content: "";width: 7px;height: 106px;background: #0a5e8e;position: absolute;top: -75px;z-index: 2;-webkit-transform: rotate(-74deg);-moz-transform: rotate(-74deg);-ms-transform: rotate(-74deg);transform: rotate(-74deg);} .faculty-members .info-box .content-section .in-wrap:before{left: 24%;} .faculty-members .info-box .content-section .in-wrap:after{right: 24%;-webkit-transform: rotate(74deg);-moz-transform: rotate(74deg);-ms-transform: rotate(74deg);transform: rotate(74deg);} .faculty-members .info-box .row-div{width: 100%;min-height: 22px;float: left;position:relative;font-size: 13px;border-bottom: 1px solid #e6e6e6;padding: 5px 0px 5px 0px;} .faculty-members .info-box .text-label{min-width: 115px;float: left;margin-right: 5px;font-weight:600;text-transform:uppercase;position:absolute;top:5px;left:0;} .faculty-members .info-box .text-data{float: left;font-weight:600;margin:0px 0px 0px 135px;} .faculty-members .info-box .row-div .seperator{position:relative;float:left;margin: 0px 0px 0px 120px;} .faculty-members .info-box .row-div .seperator:before{content:":";position:absolute;top:0;left:0;display:block;} .faculty-members .info-box .name{width: 100%;float: left;text-align: center;font-weight: 700;font-size: 16px;color: #043173;} .infrastructure .info-box {display: inline-block;background-color: #fff;width: 210px;height: 130px;float:left;margin: 0px 10px 10px 0px;text-align: center;position: relative;overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border-radius: 8px;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-ms-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-o-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);-webkit-transition: all 0.35s;-moz-transition: all 0.35s;-ms-transition: all 0.35s;-0-transition: all 0.35s;transition: all 0.35s;-webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);-moz-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);-ms-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);-o-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);} .infrastructure .info-box:last-child{margin-right:0px;} .infrastructure .info-box1:before {content: '';width: 130%;height: 118%;position: absolute;-webkit-transform: rotate(75deg);-moz-transform: rotate(75deg);-ms-transform: rotate(75deg);-o-transform: rotate(75deg);transform: rotate(75deg);} .infrastructure .info-box .content{width:100%;height:100%;float:left;position:relative;} .infrastructure .info-box .icon-container{width:60px;height:35px;margin:0 auto 5px auto;position:relative;z-index:2;background-size: 100% 100% !important;background-repeat: no-repeat !important;background-position: center center !important;display:none;} .infrastructure .info-box .icon-container .icon{font-size:30px;display: block;line-height: 35px;} .infrastructure .info-box .title-area {width:100%;height:62px;float:left;position:absolute;left:0;bottom:0;padding: 10px;letter-spacing:1px;font-size: 17px;} .infrastructure .info-box .title-area .in-wrap{width:100%;height:100%;float:left;position:relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;align-items: center; } .infrastructure .info-box .title {width:100%;float:left;position:relative;font-size: 17px;font-weight: 600;color: #fff;} .infrastructure .info-box:hover .title1 {color:#fff !important;} .infrastructure .info-box .title-area:before {content: '';width: 100%;height: 100%;position: absolute;left:0;bottom:0;background:rgba(4, 27, 93, 0.48);} .infrastructure .info-box{ background-image: url("../images/college.jpg");} .infrastructure .info-box.one{ background-image: url("../images/college.jpg");} .infrastructure .info-box.two{ background-image: url("../images/college.jpg");} .infrastructure .info-box.three{ background-image: url("../images/college.jpg");} .infrastructure .info-box.four{ background-image: url("../images/college.jpg");} .infrastructure .info-box.five{ background-image: url("../images/college.jpg");} .infrastructure .info-box.six{ background-image: url("../images/college.jpg");} .infrastructure .info-box.seven{ background-image: url("../images/college.jpg");} .infrastructure .info-box.eight{ background-image: url("../images/college.jpg");} .infrastructure .info-box.nine{ background-image: url("../images/college.jpg");} .infrastructure .info-box.ten{ background-image: url("../images/college.jpg");} .infrastructure .info-box.eleven{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twelve{ background-image: url("../images/college.jpg");} .infrastructure .info-box.thirteen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.fourteen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.fifteen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.sixteen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.seventeen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.eighteen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.ninteen{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twenty{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twenty-one{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twenty-two{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twenty-three{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twenty-four{ background-image: url("../images/college.jpg");} .infrastructure .info-box.twenty-five{ background-image: url("../images/college.jpg");} .vision-and-mission-page .page-section .col{position:relative;} .vision-and-mission-page .page-section .col-title{background: #041b5d;color: #fff;letter-spacing: 1px;position:relative;padding: 10px 0px;z-index: 1;} .vision-and-mission-page .page-section .col-title .title-text{position:relative;z-index: 1;} .vision-and-mission-page .page-section .col-title:after {content: "";position: absolute;top: 0px;left: 0px;width: 95%;height: 100%;background: #00aced;transform-origin: bottom left;-webkit-transform: skew(-35deg, 0deg);-moz-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg);} .vision-and-mission-page .page-section .col:before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; background: #fff;z-index:1;} .vision-and-mission-page .page-section .col:after{content: "";position: absolute;left: -5px;bottom: 0px;width: 50%;height: 50%;background: #fec617;} .vision-and-mission-page .page-section .col .content{width:100%;float:left;position:relative;z-index:1;} .vision-and-mission-page .page-section .col ul.list{width:100%;float:left;background:#fff;position:relative;z-index:1;padding: 10px 20px 20px 20px;} .vision-and-mission-page .page-section .col ul.list li{width:100%;float:left;} .vision-and-mission-page .page-section .col ul.list li .text{float:left;margin-left:20px;} .message-box .author-infobox{width: 280px;height:auto;float: left;border-bottom:4px solid #00aced;margin: 0px 10px 10px 0px;position:relative;z-index:2;-webkit-border-radius: 5% 5% 0 0%;-moz-border-radius: 5% 5% 0 0%;border-radius: 5% 5% 0 0%;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);box-shadow: 0 2px 10px 0 rgba(0,0,0, .1);} .message-box .author-infobox .wrap{width: 100%;float: left;-webkit-border-radius: 5% 5% 0 0%;-moz-border-radius: 5% 5% 0 0%;border-radius: 5% 5% 0 0%;} .message-box .author-infobox .pic{width:180px; height: 180px;margin:20px auto 10px auto;background:#fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;position: relative;z-index: 1;} .message-box .author-infobox .pic img{width: 100%;height: 100%;margin: 0 auto;display: block;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;padding:20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .message-box .author-infobox .pic:before, .message-box .author-infobox .pic:after{content: "";width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 8px solid #e6e5e5;position: absolute;top: 0;left: 0;} .message-box .author-infobox .pic:after{border-color: #00aced #e4e1e1 #e4e1e1 #041b5d;z-index: 1;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} .message-box .author-infobox:hover .pic:after{ -webkit-transform: rotate(350deg);-moz-transform: rotate(350deg);-ms-transform: rotate(350deg);transform: rotate(350deg); } .message-box .author-infobox:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.1)} .message-box .author-infobox .content-section {width: 100%;float: left;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;position:relative;left:0;} .message-box .author-infobox .content-section .in-wrap{width: 100%;float: left;padding: 10px 10px 10px 10px; transition: all 0.3s ease 0s;position:relative;background: #fff;} .message-box .author-infobox .content-section:before, .message-box .author-infobox .content-section:after{content: ""; width: 52%; height: 20px;background: #3f2b4f;position: absolute;top: 32px;transform: rotate(15deg);z-index: 1;display:none;} .message-box .author-infobox .content-section:before{left: 0%;} .message-box .author-infobox .content-section:after{right: 0%;-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg);} .message-box .author-infobox .content-section .in-wrap:before, .message-box .author-infobox .content-section .in-wrap:after{display:none;content: "";width: 7px;height: 67px;background: #0a5e8e;position: absolute;top: -50px;z-index: 2;-webkit-transform: rotate(-74deg);-moz-transform: rotate(-74deg);-ms-transform: rotate(-74deg);transform: rotate(-74deg);} .message-box .author-infobox .content-section .in-wrap:before{left: 32%;} .message-box .author-infobox .content-section .in-wrap:after{right: 32%;-webkit-transform: rotate(74deg);-moz-transform: rotate(74deg);-ms-transform: rotate(74deg);transform: rotate(74deg);} .message-box .author-infobox .name{width: 100%;float: left;text-align: center;font-size:15px;font-weight: 600;} .message-box .author-infobox .designation{width: 100%;float: left;text-align: center;font-size:13px;font-weight: 600;} .message-box .author-infobox .contact-no{width:100%;float:left;text-align:center;border-bottom:1px solid #ccc;margin:10px 0px 10px 0px;padding-bottom:10px;} .message-box .author-infobox .contact-time{width:100%;float:left;padding-bottom:0px;text-align:center;} .news-and-events-list .list-item{width:100%;float:left;position:relative;} .news-and-events-list .list-item .item-content{width:100%;float:left;position:relative;} .news-and-events-list .list-item .item-counter{width:60px;height:60px;line-height:60px;text-align:center;position:absolute;top:0px;left:0px;z-index:3;margin:-7px 0px 0px -2px;background: #fff;border-radius:50%;} .news-and-events-list .list-item .item-counter:before{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;width:90%;height:90%;background:#fff;border:5px solid #00aced;border-radius:50%;} .news-and-events-list .list-item .item-counter .inner{width:100%;float:left;position:relative;} .news-and-events-list .list-item .item-counter .inner-text{position:relative;z-index:2;font-weight:600;font-size:30px;color:#041b5d;} .news-and-events-list .list-item .item-image{max-width:300px;max-height:100px;overflow:hidden;float:left;position:relative;margin-right:10px;} .news-and-events-list .list-item .item-image img{max-width:100%;max-height:100%;display:block;margin:0 auto;} .news-and-events-list .list-item .text-block{float:left;} .news-and-events-list .list-item .main-title{width:100%;float:left;position:relative;line-height:normal;color:#041b5d;font-weight:600;margin:0px 0px 20px 0px;padding:10px 20px 10px 70px;} .news-and-events-list .list-item .main-title:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:5px solid #00aced;border-radius:50px;} .news-and-events-list .list-item .main-title .inner-text{position:relative;z-index:2;} .apply-online-form-container{width:100%;float:left;display:block; border: 7px solid #eee;padding: 10px;overflow-x:auto;} .apply-online-form-container table{width:100%;background:#fff !important;border: 1px solid #dadada;border-collapse: collapse;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);} .apply-online-form-container .inner-table{box-shadow:none !important;} .apply-online-form-container table th{text-align:center !important;line-height: 20px !important;vertical-align:middle;font-weight: 500;} .apply-online-form-container .top-section img{display: block;margin: 0 auto;} .apply-online-form-container table th{padding: 5px ;vertical-align:middle;} .apply-online-form-container table td{padding: 5px 10px;vertical-align:middle;} .apply-online-form-container table td label{font-weight:600 !important;} .apply-online-form-container table input[type="text"], .apply-online-form-container table input[type="email"], .apply-online-form-container table input[type="tel"]{width:100%;text-transform:capitalize;border:1px solid #ccc !important;outline:0 !important;} .apply-online-form-container table textarea{border:1px solid #ccc !important;outline:0 !important;} .apply-online-form-container input[type="submit"]{background: #041b5d;height: 30px;width: 100px;margin: 0 auto;display: block;padding: 0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: none;outline: none;cursor: pointer;color: #fff;font-size: 17px;letter-spacing: 1px;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;} .apply-online-form-container table#category td{text-align:center;} .apply-online-form-container table .input-group{width:100%;} .apply-online-form-container table .input-group-addon{position: absolute;top: 1px;right: 1px;width: 30px;height: 26px;border: 0;line-height: 26px;padding:0px;border-left: 1px solid #ccc;} .apply-online-form-container input[type="submit"]:hover {background: #00aced;} .apply-online-form-container .validation-error{display:none;color:#f00;} .tab__content{width:100%;float:left;} .tab__content .tab__item{width:100%;float:left;display:none;} .tab__content .tab__item.active{display:block;} .tabbed-content-container.has-image-gallery{min-height:80vh;} .tabbed-content-container .side-widget.side-menu {width:270px;max-height:390px;float:left;position: absolute;top: 0px;z-index: 2;padding:0px 0px 0px 0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .tabbed-content-container .side-widget.side-menu.sticky-sidebar {position: fixed;top: 250px;left: auto;} .tabbed-content-container .side-widget.side-menu.sticky-sidebar.sticked-to-top{top:130px;} .tabbed-content-container .side-widget.side-menu.has-more-menus.sticked-to-bottom{ position: absolute;top:auto !important;bottom:0px;} .tabbed-content-container .side-widget.side-menu.has-more-menus.fixed-to-top{ position: fixed;bottom:auto !important;padding-top:100px;} .tabbed-content-container .side-widget.side-menu.has-more-menus.fixed-to-bottom{ position: fixed;top:auto !important;padding-top:100px;} .tabbed-content-container .side-widget.side-menu .wrap{width:100%;float:left;position:relative;} .tabbed-content-container .side-widget.side-menu .wrap::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color: #ccc;} .tabbed-content-container .side-widget.side-menu .wrap::-webkit-scrollbar{width: 15px;height:10px;background-color: #ccc;} .tabbed-content-container .side-widget.side-menu .wrap::-webkit-scrollbar-thumb:vertical {width: 15px;border: 2px solid #041b5d;background-color: #00aced;height: 50px;} .tabbed-content-container .side-widget.side-menu nav{width:100%;float:left;padding:0px 20px 0px 0px;overflow:hidden;} .tabbed-content-container .side-widget.side-menu ul {width:100%;float:left;list-style: none;margin: 0;padding: 0;background: #eee;} .tabbed-content-container .side-widget.side-menu li.nav-item{width:100%;float:left;position:relative;list-style:none;border-bottom: 1px dashed #d8d8d8;} .tabbed-content-container .side-widget.side-menu li.nav-item a.nav-link {width:100%;float:left;position:relative;padding: 10px 10px 10px 10px;display: block;background:#fff;color: #041b5d;cursor: pointer;text-decoration: none;} .tabbed-content-container .side-widget.side-menu li.nav-item a.nav-link.active:after, .side-widget.side-menu li.nav-item a.nav-link.active:before {left: 100%;top: 64%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .tabbed-content-container .side-widget.side-menu li.nav-item a.nav-link:hover{ background-image: -webkit-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -moz-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -ms-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -o-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);color:#fff;} .tabbed-content-container .side-widget.side-menu li.nav-item a.nav-link.active {background-image: -webkit-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -moz-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -ms-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: -o-linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);background-image: linear-gradient(60deg, rgb(0, 172, 237) 0%, rgb(4, 27, 93) 100%);color: #fff;border: 0px solid #041b5d;} .tabbed-content-container .side-widget.side-menu li.nav-item a.nav-link.active:before {border-color: rgba(194, 225, 245, 0);border-left-color: #041b5d;border-width: 15px;margin-top: -20px;} .tabbed-content-container .side-widget.side-menu li.nav-item a.nav-link.active.active:after {border-color: rgba(136, 183, 213, 0);border-left-color: #041b5d;border-width: 12px;margin-top: -17px;} .tabbed-content-container .section-container{width:100%;float:left;position:relative;padding: 0px 0px 0px 280px;} .tabbed-content-container .tabs-wrapper{width:100%;float:left;position:relative;} .tabbed-content-container .tabs-wrapper .tab-content {width:100%;float:left;min-height: 70vh;} .tabbed-content-container .tabs-wrapper .page-content.section {width:100%;will-change: transform;float:left;opacity: 0;height: 0;position: relative;top:0;background: #fff;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);} .tabbed-content-container .tabs-wrapper .page-content.section .section-title-area{margin:0px 0px 20px 0px;} .tabbed-content-container .tabs-wrapper .page-content.section .content-box{width:100%;float:left;position:relative;padding:0px 15px 0px 15px;} .tabbed-content-container .tabs-wrapper .page-content.section .content-box.has-scrollbar{/*max-height: 60vh;overflow:auto;*/} .tabbed-content-container .tabs-wrapper .page-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color: #eee;} .tabbed-content-container .tabs-wrapper .page-content::-webkit-scrollbar{width: 10px;height:10px;background-color: #eee;} .tabbed-content-container .tabs-wrapper .page-content1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #00aced;} .tabbed-content-container .tabs-wrapper .page-content::-webkit-scrollbar-thumb:vertical {width: 5px;border: 2px solid #041b5d;background-color: #00aced;height: 50px;} .tabbed-content-container .tabs-wrapper .page-content.section--active {-webkit-transform: translateX(0) rotateY(0);-moz-transform: translateX(0) rotateY(0);-ms-transform: translateX(0) rotateY(0);-o-transform: translateX(0) rotateY(0);transform: translateX(0) rotateY(0);-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;z-index: 2;opacity: 1;height: auto;} .tabbed-content-container .tabs-wrapper .page-content .content-box .row-item .in-content{width:100%;float:left;padding:20px;position:relative;} .tabbed-content-container .tabs-wrapper .page-content{} /*Gallery page styles starts */ .tabbed-content-container.has-image-gallery .folders-menu {width:250px;height:100vh;overflow-y: auto;border: 1px solid black;padding: 10px 10px;position: absolute;top: 0;left: 0px;z-index:2;} .tabbed-content-container.has-image-gallery ..folders-menu .wrap{width:100%;float:left;position:relative;} .tabbed-content-container.has-image-gallery .folders-menu ul {list-style: none;margin: 0;padding: 0;} .tabbed-content-container.has-image-gallery .folders-menu .list-item{list-style:none;border-bottom: 1px dashed #ccc;} .tabbed-content-container.has-image-gallery .folders-menu .list-item li {list-style:none;padding-left: 20px;} .tabbed-content-container.has-image-gallery .folders-menu .sub-folder {display:none;} .tabbed-content-container.has-image-gallery .folders-menu .list-item a {background: transparent url(../images/directory.png) no-repeat;padding: 5px 0px 5px 30px;display: block;background-position: 5px 8px !important;color: #000000;cursor: pointer;text-decoration: none;} .tabbed-content-container.has-image-gallery .folders-menu .list-item a:hover{background-color:#041b5d;color: #fff;} .tabbed-content-container.has-image-gallery .folders-menu .list-item.selected a{background: #041b5d url(../images/folder_open.png) no-repeat;color: #fff;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container{width:100%;float:left;position:relative;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline{width:100%;height:100px;float:left;position:relative;top:0;left:0;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates{width:100%;float:left;position:relative;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates li {list-style: none;float: left;width: 90px;height: 90px;position:relative;text-align: center;margin: -20px 0px 0px 40px;background:#eee;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates li:before{content:"";position:absolute;top:7px;left:-50px;bottom:0;margin:auto;width:0%;height:4px;background:#00aced;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-transition: width .5s;-moz-transition: width .5s;-ms-transition: width .5s;transition: width .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates li:after{content:"";position:absolute;top:7px;right:-38px;bottom:0;margin:auto;width:100%;height:4px;background:#00aced;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-transition: width .5s;-moz-transition: width .5s;-ms-transition: width .5stransition: width .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates li.one:before{left:-38px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .list-item.selected:before{width:65%;background:#fec617;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .year{width:100%;height:100%;float:left;position:relative; line-height: 18px;color:#fff;padding-bottom: 10px;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .year:before{content:"";position:absolute;top:0px;left:0px;bottom:0;width:100%;height:100%;display:block;z-index:1;background:#041b5d;border:2px solid #00aced;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .year .text-block{width:100%;float:left;position:relative;margin: 15px 0px;z-index:2;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .year .text-block .text{font-size:15px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .list-item.selected {border:2px solid #041b5d;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .list-item.selected .year:before{border:2px solid #fec617;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .dates-holder-line{width:100%;height:10px;float:left;position:absolute;top:44px;left:0;background:#041b5d;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .dates-holder-line .in-wrap{width:100%;height:100%;float:left;position:relative;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .dates-holder-line .filling-line{width:100%;height:100%;float:left;position:relative;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .dates-holder-line .filling-line:before{content:"";width:99%;height:4px;float:left;position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;background:#00aced;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .dates-holder-line .filling-line_0:after{content:"";width:20%;height:4px;float:left;position:absolute;top:0px;left:4px;;bottom:0px;margin:auto;background:#fec617;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .timeline .timeline-dates .list-item .arrow-line{position: absolute;left: 0;right: 0;margin: auto;top: 0px; width: 10px;height: 0px;-webkit-transition: height .5s;-moz-transition: height .5s;-ms-transition: height .5s;transition: height .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .timeline .timeline-dates .list-item .arrow-line:before{content:"";width:3px;height:100%;float:left;position:absolute;top:0px;left:0px;right:0px;margin:auto;background:#fec617;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .timeline .timeline-dates .list-item.selected .arrow-line{height: 140px;background: #041b5d;-webkit-transition: height .5s;-moz-transition: height .5s;-ms-transition: height .5s;transition: height .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-holder-line{width:100%;height:4px;float:left;position:relative;margin:40px 0px 30px 0px;-webkit-transition: width .5s;-moz-transition: width .5s;-ms-transition: width .5s;transition: width .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .gallery-holder-line.active{width:100%;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .gallery-holder-line:before{content:"";width:0%;height:4px;float:left;position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;background:#00aced;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-transition: width .5s;-moz-transition: width .5s;-ms-transition: width .5s;transition: width .5s;-moz-transition: height .5s;-ms-transition: height .5s;transition: height .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .gallery-holder-line.active:before{width:100%;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .gallery-holder-line:after{content:"";width:4px;height:0%;float:left;position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;background:#00aced;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; -webkit-transition: width .5s;-moz-transition: height .5s;-ms-transition: height .5s;transition: height .5s;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .gallery-holder-line.active:after{height:50px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-timeline-container .image-gallery-loader{width:100%;float:left;position:relative;margin:0px 0px 0px 0px;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-wrapper {width: 100%;float: left;opacity: 0;height: 0;width: 0;position: relative;top: 0;background: #fff;white-space: no-wrap;margin: 0px 0px 30px 0px;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-wrapper.active {-webkit-transform: translateX(0) rotateY(0);-moz-transform: translateX(0) rotateY(0);-ms-transform: translateX(0) rotateY(0);-o-transform: translateX(0) rotateY(0);transform: translateX(0) rotateY(0);-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;z-index: 2;opacity: 1;width: 100%;height: auto;} .tabbed-content-container.has-image-gallery .page-content .folder-container .gallery-wrapper .img-item_0{float:left;margin:0px 10px 10px 0px !important;} /*Gallery page styles ends */ .popup.admissions-open-info-popup .pop-box{margin:12% auto;} .admissions-open-info-popup .logo{width: 550px; float: left; position: relative;margin: 20px 0px 0px 0px; z-index: 2; } .admissions-open-info-popup .wrap{background:rgb(4 27 93 / 81%) !important;border:0px !important} .admissions-open-info-popup .main--title{color: #fff500 !important;padding:20px 5px;} .admissions-open-info-popup .logo img { width: 100%; height: 100%; } .admissions-open-info-popup .logo .logo-icon { width: 80px; height: 80px; float: left; margin: 0px 10px 4px 0px; } .admissions-open-info-popup .logo .text-block { width: 460px; height: 100%; float: left; position: absolute; top: 0; left: 0; margin: 0px 0px 0px 85px; } .admissions-open-info-popup .logo .main-text { width: 100%; float: left; font-size: 40px; text-transform: uppercase; font-weight: 800; color: #fff; text-align: center; letter-spacing: 1px; white-space: no-wrap; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .admissions-open-info-popup .logo .sub-text { width: 100%; float: left; font-size: 13px; text-transform: uppercase; font-weight: 600; color: #000; text-align: center; letter-spacing: 1px; white-space: no-wrap; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .admissions-open-info-popup .animated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .admissions-open-info-popup .animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .admissions-open-info-popup .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } /*Footer styles starts */ footer.site-footer {width:100%;float:left;position:relative;color:#fff;z-index:2;} footer.site-footer .content-wrap{width:100%;float:left;position:relative;} footer.site-footer .wavesSVG {position:absolute;left:0px;bottom:0px;width: 100%;height:20vh;margin-bottom:0px; min-height:60px;max-height:150px;z-index:1;} /* Animation */ footer.site-footer .wavesSVG .parallax > use {-webkit-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;-moz-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;-ms-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;-o-animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;animation: wavesSVGAnimation 25s cubic-bezier(.55,.5,.45,.5) infinite;} footer.site-footer .wavesSVG .page-titlebar .parallax > use:nth-child(1) {-webkit-animation-delay: -2s;-moz-animation-delay: -2s;-ms-animation-delay: -2s;-o-animation-delay: -2s;animation-delay: -2s;-webkit-animation-duration: 7s;-moz-animation-duration: 7s;-ms-animation-duration: 7s;-o-animation-duration: 7s;animation-duration: 7s;} footer.site-footer .wavesSVG .parallax > use:nth-child(2) {-webkit-animation-delay: -3s;-moz-animation-delay: -3s;-ms-animation-delay: -3s;-o-animation-delay: -3s;animation-delay: -3s;-webkit-animation-duration: 10s;-moz-animation-duration: 10s;-ms-animation-duration: 10s;-o-animation-duration: 10s;animation-duration: 10s;} footer.site-footer .wavesSVG .parallax > use:nth-child(3) {-webkit-animation-delay: -4s;-moz-animation-delay: -4s;-ms-animation-delay: -4s;-o-animation-delay: -4s;animation-delay: -4s;-webkit-animation-duration: 13s;-moz-animation-duration: 13s;-ms-animation-duration: 13s;-o-animation-duration: 13s;animation-duration: 13s;} footer.site-footer .wavesSVG .parallax > use:nth-child(4) {-webkit-animation-delay: -5s;-moz-animation-delay: -5s;-ms-animation-delay: -5s;-o-animation-delay: -5s;animation-delay: -5s;-webkit-animation-duration: 20s;-moz-animation-duration: 20s;-ms-animation-duration: 20s;-o-animation-duration: 20s;animation-duration: 20s;} footer.site-footer .top-sec{width:100%;float:left;position:relative;padding: 30px 0px;background: -webkit-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); background: -moz-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); background: -ms-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); background: -o-linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);} footer.site-footer .column{float:left;position:relative;margin: 0px 25px 20px 0px;} footer.site-footer .column:last-child{margin-right:0px;} footer.site-footer .column-title{width:100%;float:left; font-size: 22px;color:#fff;position: relative;display: inline-block;margin-bottom:20px;} footer.site-footer .column-title:before{border-bottom: 1px dashed #ffffff;} footer.site-footer .column-title .title-text{font-weight: 600;position: relative;display: inline-block;} footer.site-footer .column .content-block{width:100%;float:left;position:relative;} footer.site-footer .column .address-box{width:100%;float:left;position:relative;} footer.site-footer .column .address-box .row-item{width:100%;float:left;position:relative;margin-bottom: 20px;} footer.site-footer .column .address-box .row-item:last-child{margin-bottom: 0px;} footer.site-footer .column .address-box .icon-container{width:30px;height:30px;float:left;position:absolute;left: 0;top: 0;text-align:center;} footer.site-footer .column .address-box .icon-container .icon{font-size:22px;color:#ccc;} footer.site-footer .column .address-box .text-block{float:left;position:relative;margin: 0px 0px 0px 38px;} footer.site-footer .column ul{width:100%;float:left;padding:0px !important;} footer.site-footer .column ul li{width:100%;float:left;line-height:20px !important;display: inline-block; margin: 0px 10px 0px 0px;} footer.site-footer .column ul li i{margin-right: 3px;color: #00659f;font-size: 14px; font-weight: 600;} footer.site-footer .column ul li .text{margin-left:10px !important;} footer.site-footer .column ul li a{display:inline-block;position:relative;color:#fff !important; } footer.site-footer .column ul li a::after{content:'';position:absolute;left:0;bottom:-2px;display:block;width:0;height:1px;background:#00aced;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;transition:width .3s} footer.site-footer .column ul li a:hover::after{width:100%;} footer.site-footer .column ul li a:hover i{color: #9ac100;} footer.site-footer .column .map-container{width:100%;height:200px;float:left;border-radius:10px;border:3px solid #eee;position: relative;z-index: 1;} footer.site-footer .column .map-container iframe{width:100% !important;height:100% !important;float:left;border-radius:5px;} footer.site-footer .bottom-sec{width:100%;float:left;position:relative;z-index:2;padding:10px 0px;} footer.site-footer .copyright-text{width:100%;float:left;text-align:center;color: #041b5d;font-size:13px;letter-spacing:1px;} footer.site-footer .scroll-to-top{display: none;width: 100%;margin: 0 auto;position: fixed;bottom: 0px;right: 10px;z-index: 2;} footer.site-footer .scroll-to-top .scroll.icon{width: 40px;height: 40px;position: absolute;right: 20px;bottom: 30px;text-align: center;margin: 0px;cursor: pointer;-webkit-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} footer.site-footer .scroll-to-top .scroll.icon i{color: #fff !important;line-height: 40px;font-size: 30px;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; transition: 0.5s;} footer.site-footer .scroll-to-top .scroll.icon:hover{background: #0a5e8e;} /*Footer styles ends */ @media only screen and (max-width: 1290px) { } @media only screen and (max-width: 1270px) { header.site-header.header-style-2 .main-head .inner-wrapper:after{display:none !important;} header.site-header .main-head .left-sec{width:470px !important;} header.site-header .main-head .logo .text-block{width:370px !important;} header.site-header .main-head .logo .main-text{font-size: 32px !important;} header.site-header .main-head.sticky .logo .text-block{width:280px !important;} header.site-header .flg-btn-wrap{right:60px !important;} header.site-header .main-head .nav-bar.for-desktop{display:none !important;} header.site-header .main-head .nav-bar.for-mobile{width:300px !important;} header.site-header .main-head .hamburger-icon{display:block !important;} header.site-header.header-style-2 .main-head .inner-wrapper:before{height:100% !important;} .main-section{margin-top: 82px !important;} } @media only screen and (max-width: 1190px) { } @media only screen and (max-width: 1130px) { header.site-header .main-head .left-sec{width:400px !important;} header.site-header .main-head .logo .text-block{width:295px !important;} header.site-header .main-head .logo .main-text{font-size: 25px !important;} } @media only screen and (max-width: 1160px) { header.site-header .col-widget.links.admission-open .text .inner-text.split{width:100%;float:left;display: block;} header.site-header .col-widget.links.prospectus .text .inner-text.split{width:100%;float:left;display: block;} header.site-header .main-head .right-sec .col-widget .in-wrap{padding: 5px 20px !important;} header.site-header .main-head .right-sec:before{height: 100% !important;} } @media only screen and (max-width: 1060px) { header.site-header .main-head .left-sec{width:370px !important;} header.site-header .main-head .logo .text-block{width:270px !important;} header.site-header .main-head .logo .main-text{font-size: 22px !important;} } @media only screen and (max-width: 1030px) { } @media only screen and (max-width: 1020px) { header.site-header .main-head .left-sec:after{display:none !important;} header.site-header .main-head .right-sec{width:100% !important;position:absolute;top:0px;left:0px;} header.site-header .main-head .right-sec:before{background:transparent !important;} header.site-header .main-head .right-sec .bottom-sec{width:100%;margin:55px 0px 0px 0px !important;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;flex: 1 0 auto;} header .col-widget.links.admission-open{width:205px;} header .col-widget.links.prospectus{width:205px;} header.site-header .main-head .left-sec{margin-top: 35px !important;} header.site-header .main-head.sticky .left-sec{margin-top:0px !important;} header.site-header .main-head.sticky .right-sec{display:none;} .main-section { margin-top: 118px !important;} } @media only screen and (max-width: 990px) { .home-slider-container .slide-content-block .main-title{font-size: 18px !important;} .home-slider-container .content-slider .slider-nav{display:none !important;} .content-row.has-columns-with-equal-height{display:block !important;} .content-row.has-columns-with-equal-height .column{width:100% !important;} } @media only screen and (max-width: 768px) { .tabbed-content-container .side-widget.side-menu{display:none !important;} .tabbed-content-container .section-container{display:none !important;width:100% !important;margin:0px !important;} } @media only screen and (max-width: 767px) { header.site-header .main-head .right-sec .top-sec{margin: 0px 0px 0px 15px !important;} header.site-header .main-head .right-sec .top-sec .inner-row:before{width:3px !important; left:0px !important;-webkit-transform: skew(0deg, 0deg) !important;-moz-transform: skew(0deg, 0deg) !important;-ms-transform: skew(0deg, 0deg) !important;-o-transform: skew(0deg, 0deg) !important;transform: skew(0deg, 0deg) !important;} header.site-header .main-head .right-sec .top-sec .inner-row:after{left:0px !important;} header.site-header .main-head .top-bar:before{left:0px !important;-webkit-transform: skew(0deg, 0deg) !important;-moz-transform: skew(0deg, 0deg) !important;-ms-transform: skew(0deg, 0deg) !important;-o-transform: skew(0deg, 0deg) !important;transform: skew(0deg, 0deg) !important;} header.site-header .main-head .top-bar .inner-row .in-block{padding: 3px 0px 3px 0px !important;} } @media only screen and (max-width: 730px) { header.site-header .main-head .right-sec .bottom-sec{display:none !important;} header.site-header .flg-btn-wrap{display:none !important;} header.site-header .hamburger-icon{margin:70px 15px 0px 0px !important} header.site-header .hamburger-icon span{background: #041b5d !important;} .sliding--panel.sliding--panel--1 .panel--box{width:90% !important;top:120px !important;} .sliding--panel.sliding--panel--1.big--panel.opened .panel--box .panel--content{width:100% !important;} .sliding--panel.sliding--panel--1.big--panel.opened .panel--box form .form--group{width:100% !important;} } @media only screen and (max-width: 630px) { header.site-header .nav-bar.for-mobile{margin: 118px 0px 0px 0px !important;} header.site-header .sticky .nav-bar.for-mobile {margin: 75px 0px 0px 0px !important;} header.site-header .main-head .right-sec .bottom-sec{margin: 78px 0px 0px 0px !important;} header.site-header .main-head .right-sec .bottom-sec:after{content:"";position:absolute;left:0;top:0px;z-index:-1;width:100%;height:100%;background:#041b5d;display:block;} header .col-widget.links.admission-open{width:auto !important;} header .col-widget.links.prospectus{width:auto !important;} header.site-header .col-widget.links.admission-open .text .inner-text.split{width:auto !important;} header.site-header .col-widget.links.prospectus .text .inner-text.split{width:auto !important;} header.site-header .flg-btn-wrap .apply-online-btn::after{bottom:-20px !important;} header.site-header .flg-btn-wrap .apply-online-btn{margin-top: 70px !important;} header.site-header .flg-btn-wrap .apply-online-btn .text.apply{margin-top: -38px !important;} header.site-header .flg-btn-wrap .apply-online-btn .text.online::before{bottom: -20px !important;} header.site-header .flg-btn-wrap .apply-online-btn .text.online .inner-text{top:-12px !important;} .sliding--panel--opener{ top: auto !important; bottom: -2px !important; left: 0px !important; right: 0px !important; -webkit-border-radius: 50px 50px 0px 0px !important; -moz-border-radius: 50px 50px 0px 0px !important; border-radius: 50px 50px 0px 0px !important; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important; } .sliding--panel.sliding--panel--1.big--panel{width:100% !important;height:100%;background:#fff;} .sliding--panel.sliding--panel--1.big--panel .panel--box{top: 238px !important;bottom:100% !important;} } @media only screen and (max-width: 600px) { } @media only screen and (max-width: 590px) { header.site-header .main-head .nav-bar.for-mobile{width:100% !important;} header.site-header .main-head .right-sec .bottom-sec{-webkit-justify-content: left;-moz-justify-content: left;-ms-justify-content: left;-o-justify-content: left;justify-content: left;} header .col-widget.links.admission-open {width: 205px !important;} header .col-widget.links.prospectus {width: 205px !important;} header.site-header .col-widget.links.admission-open .text .inner-text.split {width: 100% !important;} header.site-header .col-widget.links.prospectus .text .inner-text.split {width: 100% !important;} .admissions-open-info-popup .logo {width:450px !important;} .admissions-open-info-popup .logo .text-block{width:360px !important;} .admissions-open-info-popup .logo .main-text{font-size:30px !important;} .home-slider-container .slide-content-block .main-title{font-size: 14px !important;} .main-section .section-title-area .section-title{font-size: 20px !important;} .home-page .gallery-section .section-title{font-size: 20px !important;margin: 0px 0px 5px 0px !important;} .home-page .pricipal-info-section .principal-info .principal-image{float:none !important;margin:0px auto 10px auto !important;} .home-page .pricipal-info-section .principal-info .principal-name{width:100%;float:left;text-align:center;} .home-page .pricipal-info-section .principal-info .principal-designation{width:100%;float:left;text-align:center !important;} .home-page .pricipal-info-section .principal-info .principal-qualification{width:100%;float:left;text-align:center !important;} .home-page .pricipal-info-section .principal-info p{width:100%;float:left;} .home-page .gallery-section .content-wrap{padding:20px 0px !important;} .home-page .gallery-section .content-wrap .content-block{width: 100% !important;float:left !important;padding: 0px 5px 0px 0px !important;} .home-slider-container{margin:0px !important; height:280px;} } @media only screen and (max-width: 560px) { header.site-header .main-head .left-sec {width: 305px !important;} header.site-header .main-head .logo .text-block {width: 280px !important;} header.site-header .main-head .logo .main-text{font-size: 16px !important;} header.site-header .main-head .logo .sub-text{font-size: 9px !important;} header.site-header .flg-btn-wrap{top: 30px !important;right:20px !important;} .sliding--panel.sliding--panel--1.big--panel .panel--box .main--title{font-size:17px !important;} } @media only screen and (max-width: 490px) { .admissions-open-info-popup .logo {width:340px !important;} .admissions-open-info-popup .logo .logo-icon{width:60px !important;height:60px !important;} .admissions-open-info-popup .logo .text-block{width:265px !important;margin: 0px 0px 0px 70px !important;} .admissions-open-info-popup .logo .main-text{font-size:22px !important;} .sliding--panel.sliding--panel--1.big--panel .panel--box{top: 200px !important;} } @media only screen and (max-width: 460px) { header.site-header .main-head .inner-wrapper{padding: 0px 0px 10px 0px;} header .main-head .left-sec {width: 280px !important;} header.site-header .main-head .logo .logo-icon {width: 50px !important;height: 50px !important;} header.site-header .main-head .logo .text-block{ margin: 0px 0px 0px 55px !important;} header.site-header .main-head .right-sec .bottom-sec {margin: 120px 0px 0px 0px !important;} header.site-header .main-head .right-sec .bottom-sec:before{content:"";position:absolute;left:0;top:-21px;width:100%;height:100%;display:block;background: #041b5d; } header .col-widget.links.admission-open {margin: -20px 0px 0px 32px !important;} header .col-widget.links.prospectus {margin: -20px 0px 0px 200px !important;} header.site-header .hamburger-icon{margin:55px 15px 0px 0px !important} .main-section{margin-top: 95px !important;} } @media only screen and (max-width: 430px) { header.site-header .main-head .right-sec{left:-15px !important;} header.site-header .hamburger-icon span{background: #041b5d !important;} header.site-header .flg-btn-wrap{top: 100px !important;} header .col-widget.links.prospectus {margin: 0px 0px 0px 35px !important;} header.site-header .nav-bar.for-mobile{margin: 96px 0px 0px 0px !important;} .sliding--panel--opener{width: 340px !important;} .sliding--panel--opener .text--block{font-size:18px !important; margin: 12px 0px 0px 0px !important;} }