/*
Author: Themectg
-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Google font
2. Theme Default CSS
3. Helper-class
4. Button-style
5. Mainmenu-area
6. Section-Background
7. Header-style
8. Headline-style
9. Skills-area
10. Service-area
11. Work-area
12. Team-area
13. Bar-effect-css
14. Masp style
15. Form-style
16. Scroll-To-Top-Button
17. Preloader-css
-----------------------------------------------------------------------------------*/
/*-----------------
1. Google font
------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');*/
/*-------------------
2. Theme Default CSS
--------------------*/
a { text-decoration: none; outline: none; -webkit-transition: 0.4s; transition: 0.4s; color: #333333; }
input:focus, button:focus, a:focus, a:hover { text-decoration: none; outline: none; color: #000000; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: 600; }
html, body { width: 100%; font-family: 'Roboto', sans-serif; }
body { font-family: 'Roboto', sans-serif!important; font-weight: 400; font-size: 15px; line-height: 1.8; color: #515656; overflow-x: hidden; }
 /* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
* { outline: none !important; }
.btn { font-weight: bold; padding: 15px 26px; padding: 1rem 2.6rem; color: #fff; border-radius: 0; border: none; font-size: 22px; font-size: 2.2rem; }
.btn:hover, .btn:focus, .btn:active { color: #fff; }
.btn-transparent { background-color: transparent; border: 3px solid #fff; }
/** Helper-Classes */ 
.full-height { width: 100%; height: 100vh; }
.relative { position: relative; }
.fixed, .absolute { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.fixed { position: fixed; }
.v-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.section-padding { padding: 50px 0; }
.social-menu { list-style: none; margin: 0; padding: 10px; }
.social-menu li { display: inline-block; margin: 0 3px; }
.social-menu li a { display: block; width: 36px; height: 36px; text-align: center; line-height: 2.5em; background-color: #ffffff; color: #138fc2; border-radius: 100px; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); font-size: 15px; }
.social-menu li a:hover { background-color: #138fc2; color: #ffffff; -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1); }
.about-page-sec.section-top-padding { padding: 150px 0 0; }
/** Default Background Class */
 /*.overlay:before, .sky-bg { background: #75cbe7; background: -webkit-gradient(linear, left top, left bottom, from(#75cbe7), to(#138fc2)); background: linear-gradient(to bottom, #75cbe7 0%, #138fc2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75cbe7', endColorstr='#138fc2', GradientType=0);
color: #ffffff; }*/
.gray-bg { background-color: #f2fefe; }
/** Default Button */
.button { display: inline-block; padding: 8px 30px; border-radius: 27px; color: #ffffff; background-color: #ec5621; -webkit-transition: 0.3s; transition: 0.3s; border: none; -webkit-box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1); }
.button.white, .button:hover { background-color: #ec5621; color: #212121; }
.button.white:hover { background-color: #2f60c3; color: #ffffff; }
.button i { margin-left: 5px; }
i.ti-arrow-right:before { content: "\f105"; font-size: 19px; font-family: FontAwesome; border-radius: 100%; background-color: #ec5621; padding: 8px 14px; color: #fff }
i.ti-arrow-right, i.ti-arrow-left { font-style: normal; }
i.ti-arrow-left:before { content: "\f104 "; font-size: 19px; font-family: FontAwesome; border-radius: 100%; background-color: #ec5621; padding: 8px 14px; color: #fff }
.testimonial h3 { font-size: 20px; font-weight: 500; line-height: 14px; color: #212121; font-weight: 500; letter-spacing: 0.31px; margin: 0 0 25px }
.testimonial p { font-size: 14px; color: #818181; line-height: 1.43; }
/** Header-area */ /*.client-area, .header-area { background: #000000 url('images/parallax-2.jpg') no-repeat scroll center center / cover; }*/
.anlge-bg { background: url('images/banner-1.png') no-repeat scroll center bottom -25px / 100% auto; }
.overlay { position: relative; }
.overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8 }
.header-text h2 { margin-bottom: 20px; font-size: 42px; color: #212121; }
.header-text .button { margin-top: 30px; color: #212121; letter-spacing: 0.26px; font-size: 17px; }
.screen-slider .item { background: url('images/mobile2.png') no-repeat scroll center center / auto 100%; padding: 56px 22px; display: inline-block; margin: auto; }
.screen-slider.owl-carousel .owl-item { text-align: center }
.screen-slider .owl-controls { position: absolute; left: 0; top: 100%; }
.screen-slider .owl-controls .owl-nav > div { display: inline-block; margin: 0 15px; font-size: 20px; text-align: center; position: relative; }
.screen-slider .owl-controls .owl-nav { position: relative; margin-top: 0; }
.screen-slider .owl-controls .owl-nav:after { content: "/"; position: absolute; left: 50%; top: 12px; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
/** Caption-slider */
.caption-slider .carousel-indicators { position: static; margin: 30px auto 0 auto; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.caption-slider .carousel-indicators li { float: left; padding-top: 20px; padding-right: 30px; cursor: pointer; position: relative; list-style: none; }
.caption-slider .carousel-indicators li:before { content: ""; position: absolute; left: 0; top: -2px; width: 100%; height: 3px; background-color: #ffffff; opacity: 0; }
.caption-slider .carousel-indicators li.active:before { opacity: 1; }
.caption-slider .carousel-indicators li strong { display: block; }
.caption-slider h2 { margin-bottom: 20px; font-size: 40px; }
.caption-slider .button { margin-top: 30px; }
.caption-slider .caption-photo { display: inline-block; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1) }
.caption-slider .caption-photo.two { margin-top: 60px; }
.caption-slider .caption-title { -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
.caption-slider .caption-desc { -webkit-animation-delay: 0.6s; animation-delay: 0.6s }
.caption-slider .caption-button { -webkit-animation-delay: 0.8s; animation-delay: 0.8s }
.caption-slider .caption-photo.one { -webkit-animation-delay: 1s; animation-delay: 1s }
.caption-slider .caption-photo.two { -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
/*** Team-Section **/

.single-team { border-radius: 5px; overflow: hidden; color: #515656; text-align: center; position: relative; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.3s; transition: 0.3s }
.single-team:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.single-team .team-photo { margin-bottom: 20px; padding-top: 20px; overflow: hidden; }
.single-team .team-photo img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; }
.single-team:hover .team-photo img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.single-team h4 { text-transform: uppercase; }
.single-team h6 { margin-bottom: 20px; }
.single-team .social-menu { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; bottom: -80px; left: 0; width: 100%; padding: 23px 10px; background-color: #ffffff; }
.single-team:hover .social-menu { bottom: 0; }
/*** Testimonial-Page **/

.testimonial { padding: 5px 50px; }
.testimonial .testimonial-photo { margin-bottom: 20px; display: inline-block; margin-right: 30px; border-radius: 50%; -webkit-box-shadow: 5px 10px 30px -10px rgba(255, 255, 255, 0.5); box-shadow: 5px 10px 30px -10px rgba(255, 255, 255, 0.5); position: relative; }
.testimonial .testimonial-photo:after { content: ""; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 20px; height: 20px; }
.owl-prev { top: 40%; left: -10%; position: absolute; }
.owl-next { top: 40%; right: -10%; position: absolute; }
.owl-carousel .owl-controls .owl-nav > div { height: 30px; width: 40px }
/*** Price-area **/
.price-area { background: url('images/parallax-6.jpg') no-repeat scroll center center / cover }
.price-table h3 { margin-bottom: 30px; }
.price-table { padding: 50px 40px; border-radius: 2px; text-align: center; background-color: #ffffff; color: #515656; position: relative; margin-top: 20px }
.price-table.active { padding: 70px 40px; margin-top: 0 }
.price-table ul { margin: 30px 0; padding: 0; list-style: none; }
.price-table ul li { padding: 5px 0; }
.price-table .price-info { position: absolute; left: 50%; top: 0; width: 100px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #55A2BE; color: #ffffff; border-radius: 0 0 50% 50%; padding-bottom: 5px; }
/** Accordion */
#accordion .panel { background: none; }
#accordion .panel .panel-title { padding: 30px 0 30px 60px; position: relative; }
#accordion .panel .panel-collapse { padding-left: 60px; }
#accordion .panel .panel-title a span:after, #accordion .panel .panel-title a span:before, #accordion .panel .panel-title a span { content: ''; position: absolute; left: 0; top: 20px; width: 36px; height: 36px; background: #2f60c3; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; }
#accordion .panel .panel-title a span:before, #accordion .panel .panel-title a span:after { width: 10px; height: 1px; background-color: #ffffff; top: 50%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%) }
#accordion .panel .panel-title a span:before { -webkit-transform: translate(-50%) rotate(90deg); transform: translate(-50%) rotate(90deg) }
#accordion .panel .panel-title a[aria-expanded="true"] span:before { -webkit-transform: translate(-50%) rotate(0deg); transform: translate(-50%) rotate(0deg) }
/**** Blog-area ****/ 
.single-blog { overflow: hidden; border-radius: 5px; -webkit-box-shadow: 10px 15px 50px -10px rgba(0, 0, 0, 0.1); box-shadow: 10px 15px 50px -10px rgba(0, 0, 0, 0.1); }
.single-blog h3 { font-size: 18px; }
.single-blog .blog-meta { list-style: none; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 30px; }
.single-blog .blog-meta li { display: inline-block; margin-right: 15px; }
.single-blog .blog-meta li span { margin-right: 5px; }
.single-blog .blog-content { padding: 40px 20px; background-color: #ffffff }
.snip1273 { position: relative; margin: 10px; color: #ffffff; text-align: left; /*background-color: #000000;*/ font-size: 16px; background-color: rgba(235, 86, 36, 0.62); border-radius: 8px; }
.snip1273 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.snip1273 img { position: relative; max-width: 100%; vertical-align: top; }
.snip1273 figcaption { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; padding: 20px 30px; top: 40%; }
.snip1273 figcaption:before, .snip1273 figcaption:after { width: 1px; height: 0; }
.snip1273 figcaption:before { right: 0; top: 0; }
.snip1273 figcaption:after { left: 0; bottom: 0; }
.snip1273 h3, .snip1273 p { line-height: 1.5em; }
.snip1273 h3 { margin: 0 0 45px; font-weight: 700; }
.snip1273 p { font-size: 0.8em; font-weight: 500; margin: 0 0 15px; }
.snip1273 a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; }
.snip1273:before, .snip1273:after, .snip1273 figcaption:before, .snip1273 figcaption:after { position: absolute; content: ''; background-color: #ec5621; z-index: 1; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity: 1; }
.snip1273:before, .snip1273:after { height: 1px; width: 0%; }
.snip1273:before { top: 0; left: 0; }
.snip1273:after { bottom: 0; right: 0; }
.snip1273:hover img, .snip1273.hover img { opacity: 0.4; }
.snip1273:hover figcaption, .snip1273.hover figcaption { opacity: 1; }
.snip1273:hover figcaption:before, .snip1273.hover figcaption:before, .snip1273:hover figcaption:after, .snip1273.hover figcaption:after { height: 100%; }
.snip1273:hover:before, .snip1273.hover:before, .snip1273:hover:after, .snip1273.hover:after { width: 100%; }
.snip1273:hover:before, .snip1273.hover:before, .snip1273:hover:after, .snip1273.hover:after, .snip1273:hover figcaption:before, .snip1273.hover figcaption:before, .snip1273:hover figcaption:after, .snip1273.hover figcaption:after { opacity: 0.1; }
#img { transition: 0.3s; }
.about-page-sec { }
.about-page-sec a { }
.about-page-sec p { font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 0.2px; text-align: center; font-weight: 300; color: #212121; line-height: 1.69; padding: 0 0px }
.about-page-sec h1 { font-size: 24px; font-weight: 500; line-height: 0.92; letter-spacing: 0.24px; color: #ec5621; margin: 0 0 5px }
.about-page-sec .vision-and-mission { padding: 75px 0 0; }
.about-page-sec .vision-and-mission hr { background: #979797; height: 1px; width: 100%; margin: 10px 0 15px }
.about-page-sec .vision-and-mission p { font-size: 14px; line-height: 1.69; display: inline-block; color: #212121; margin: 0 0 30px; text-align: left; font-weight: 400 }
.about-page-sec .vision-and-mission h2 { font-size: 14px; line-height: 1.69; letter-spacing: 0.13px; color: #212121; padding: 0 0 15px; text-align: left; }
.about-page-sec img { }
/*.about-page-sec h2 {   font-size: 14px;  font-weight: 500;  line-height: 1.57;  letter-spacing: 0.14px;  color: #212121; } */
.about-page-sec ul { font-size: 14px; font-weight: normal; line-height: 1.69; text-align: left; color: #212121; padding: 0 0 0 10px }
.about-page-sec #primary-menu ul li { list-style-position: outside; }
.about-page-sec h3 span { font-size: 89px; font-weight: 900; line-height: 25px; color: #ec5621; border-bottom: solid 0.5px #979797; padding: 0 0 50px; display: inline-block; }
.about-page-sec h5 { font-size: 34px; font-weight: 300; line-height: 1.56; letter-spacing: 0.38px; color: #212121; padding: 10px 100px 0 0 }
.about-page-sec .years { padding: 75px 25px; }
.about-page-sec ul li::before { list-style-image: none; content: ""; height: 8px; width: 8px; border-radius: 50%; background: #ec5621; display: inline-block; position: relative; top: 0px; z-index: 100; left: -10px; }
.about-page-sec .vision-and-mission ul li { padding: 0; list-style-position: outside; margin: 15px 0; position: relative; list-style: none }
.padding-r-50 { padding: 0 50px 0 0; }
.padding-l-50 { padding: 0 0 0 50px; }
/* Zoom In #1 */
.hover01 figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.hover01 figure:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }
.column { /*margin: 15px 15px 0;*/ padding: 0; }
.column:last-child { /*padding-bottom: 60px;*/ }
.column::after { content: ''; /*clear: both;*/ display: block; }
.column div { position: relative; float: left; /*width: 300px;*/ /*height: 200px;*/ margin: 0 0 0 25px; padding: 0; }
.column div:first-child { margin-left: 0; }
.column div span { position: absolute; /*bottom: -20px;*/ left: 0; z-index: -1; display: block; /*width: 300px;*/ margin: 0; padding: 0; color: #444; font-size: 18px; text-decoration: none; text-align: center; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; }
figure { width: auto; height: auto; margin: 0; padding: 0; /*background: #fff;*/ overflow: hidden; }
figure:hover+span { /*bottom: -36px;*/ opacity: 1; }
.newsletter { /*padding: 80px 0;*/ }
.newsletter .content { max-width: 650px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.newsletter .content h2 { color: #243c4f; margin-bottom: 40px; }
.newsletter .content .form-control { height: 50px; border-color: #ffffff; border-radius: 8px!important; }
.newsletter .content.form-control:focus { box-shadow: none; border: 2px solid #243c4f; }
.newsletter .content .btn { /*min-height: 50px; */ border-radius: 8px; font-size: 14px; padding: 16px 19px; background: #ec5621; color: #fff; font-weight: 600; margin: 0 0 0 15px }
input, textarea { border-radius: 8px!important; }
* { box-sizing: border-box; }
.demo-inner { display: table-cell; vertical-align: middle; }
.multi-select { /*width: 350px;*/ margin: 0 auto; background: #fff; border-radius: 15px }
h1 { /*width: 350px;*/ margin: 0 auto 1em auto; /*border-bottom: 2px solid;*/ padding-bottom: .3em; }
.si-result { padding: .5em .7em .5em 15px!important; font: inherit; background: #fff; border-radius: 8px;/*border-top-right-radius: 3px;*/ }
.si-hide .si-result { border-radius: 3px; background: #fff; }
.si-list { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: #fff; position: absolute; width: 100%; margin: -10px 0 0 0 }
.ocean { height: 5%; width: 100%; position: absolute; bottom: -80px; left: 0; background: #015871; }
.wave { background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x; position: absolute; top: -198px; width: 6400px; height: 198px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }
.wave:nth-of-type(2) { top: -175px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite; opacity: 1; }
 @keyframes wave {  0% {
margin-left: 0;
}
 100% {
margin-left: -1600px;
}
}
 @keyframes swell { 0%, 100% {
transform: translate3d(0, -25px, 0);
}
 50% {
transform: translate3d(0, 5px, 0);
}
}
.clip-circle { clip-path: rect(340px at left); overflow: hidden; }
.modal-body { position: relative; padding: 0px!important; }
.header { position: relative; text-align: center; /*background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);*/ color: white; }
.inner-header { /*height:65vh;*/ width: 100%; margin: 0; padding: 0; }
.flex { /*Flexbox for containers*/ display: flex; justify-content: center; align-items: center; text-align: center; }
.waves { position: relative; width: 100%; height: 15vh; margin-bottom: -10px; /*Fix for safari gap*/ min-height: 100px; max-height: 150px; }
.content { position: relative; height: 30vh; text-align: center;/*background-color: white;*/ }
/* Animation */

.parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; }
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
@keyframes move-forever {  0% {
transform: translate3d(-90px, 0, 0);
}
 100% {
transform: translate3d(85px, 0, 0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves { height: 40px; min-height: 40px; }
.content { height: 30vh; }
h1 { font-size: 24px; }
}
.planePath { stroke: #D9DADA; stroke-width: .1%; stroke-width: .5%; stroke-dasharray: 1% 2%; /*stroke-linecap: round;*/ fill: none; }
.fil1 { fill: #D9DADA; }
.fil2 { fill: #C5C6C6; }
.fil4 { fill: #9D9E9E; }
.fil3 { fill: #AEAFB0; }
.container1 { position: absolute; padding: 5px; top: 50%; left: 50%; overflow: hidden; }
.wave1 { position: relative; width: 100px; height: 100px; background-color: #000; }
.wave1::before, .wave1::after { content: ""; position: absolute; width: 200px; height: 200px; top: 0; left: 50%; background-color: rgba(255, 255, 255, 0.4); border-radius: 45%; -webkit-transform: translate(-50%, -70%) rotate(0); transform: translate(-50%, -70%) rotate(0); -webkit-animation: rotate 6s linear infinite; animation: rotate 6s linear infinite; z-index: 10; }
.wave1::after { border-radius: 47%; background-color: rgba(255, 255, 255, 0.9); -webkit-transform: translate(-50%, -70%) rotate(0); transform: translate(-50%, -70%) rotate(0); -webkit-animation: rotate 10s linear -5s infinite; animation: rotate 10s linear -5s infinite; z-index: 20; }
 @-webkit-keyframes rotate {  50% {
-webkit-transform: translate(-50%, -73%) rotate(180deg);
transform: translate(-50%, -73%) rotate(180deg);
}
 100% {
-webkit-transform: translate(-50%, -70%) rotate(360deg);
transform: translate(-50%, -70%) rotate(360deg);
}
}
 @keyframes rotate {  50% {
-webkit-transform: translate(-50%, -73%) rotate(180deg);
transform: translate(-50%, -73%) rotate(180deg);
}
 100% {
-webkit-transform: translate(-50%, -70%) rotate(360deg);
transform: translate(-50%, -70%) rotate(360deg);
}
}
.dropdown .dropdown-toggle { display: block; padding: 15px 10px 0; text-decoration: none; color: black; transition: 0.5s; font-weight: normal; }
.dropdown .dropdown-toggle::after { display: inline-flex; vertical-align: middle; margin-left: 10px; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 6px; border-color: #000000 transparent transparent transparent; transition: 0.5s; }
.dropdown .dropdown-list { margin: 0; padding: 0; list-style-type: none; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: 0.5s; text-align: left; z-index: 1 }
.dropdown .dropdown-list li a { display: block; padding: 10px; text-decoration: none; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #898989; background: #fff; transition: 0.5s; text-align: left; width: 100% }
.dropdown .dropdown-list li a:hover { background: #ec5621; color: #fff }
.dropdown .dropdown-list li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-align: left; }
/*.dropdown:hover .dropdown-toggle { color: #3498db; }*/
.dropdown:hover .dropdown-toggle::after { border-top-color: #ec5621; transform: scaleY(-1); }
.dropdown:hover .dropdown-list { transform: rotate(0); left: 0 }
nav ul ul { position: absolute; width: 100% }
.fade-scale { transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
.fade-scale.in { opacity: 1; transform: scale(1); z-index: 99999999; overflow: hidden; }
body.modal-open .background-container { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}
.col-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; }
.col-md-4.col { display: flex; flex-direction: row; padding: 16px; }
.blink_me { animation: blinker 1s linear infinite; }
 @keyframes blinker {  50% {
opacity: 0;
}
}
.coimbatore { transform: translate(0, 25px); }
#grad1 { height: 200px; background-color: red; /* For browsers that do not support gradients */ background-image: linear-gradient(red, yellow); /* Standard syntax (must be last) */ }
#rocket { transform-box: fill-box; }
/*.st0{stroke:#FFFFFF;stroke-miterlimit:10;}*/
  /*.st1{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}*/
svg g.boat { background: black; width: 25px; height: 41px; }
.large-boat { width: 100vw; height: 100vh; position: absolute; }
.news-and-updates { padding: 30px 23px; background-color: #f8f8f8; border-radius: 5px;display: block; margin: 0 0 30px }
.news-and-updates:hover { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1); box-shadow: 3px 3px 8px 3px rgba(116, 116, 116, 0.15); }
.news-and-updates { margin-bottom: 40px; }
.news-and-updates h3 { margin-bottom: 10px; font-size: 12px; font-weight: 500; color: #818181; display: inline; }
.news-and-updates h2 { margin-bottom: 10px; font-size: 24px; color: #212121; line-height: 1.46; font-weight: 500; }
.news-and-updates p { text-align: left; font-size: 13px; color: #818181 }
.news-and-updates a { position: relative; font-size: 13px; color: #ec5621 }
.news-and-updates img { width: 100%; background-color: #fff; margin: 0 0 15px }
.news-and-updates hr { margin: 10px 0; width: 100%; }
.news-and-updates h3 span { font-size: 12px; font-weight: 500; color: #818181; float: right; padding: 0; border: 0 }
.news-and-updates-details { }
.news-and-updates-details p { font-size: 14px; line-height: 1.69; letter-spacing: 0.13px; color: #212121; padding: 0 0 15px; margin: 0; font-weight: normal; }
.news-and-updates-details h2 { font-size: 30px; line-height: 1.1; letter-spacing: 0.13px; color: #212121; padding: 0 0 0; text-align: left; }
.news-and-updates-details .full-banner { margin: 0; padding: 0 }
.news-and-updates-details ol { margin: 0px 0px 25px 105px;list-style-position: all; padding: 0 }
.news-and-updates-details ol li { padding: 0 0 0px 0; }
.news-and-updates-details ol li::before { content: ""; height: 8px; width: 8px; border-radius: 50%; display: block; position: relative; top: 16px; z-index: 100; left: -15px; }
.news-and-updates-details span strong { display: block; }
.news-and-updates-details .banner { margin: 30px 0 30px }
.news-and-updates-details.section-top-padding { padding: 130px 0 0!important; }
.news-and-updates-details ol ol { margin: 0 0 5px 15px; padding: 0 }
.section-center { position: relative; display: block; z-index: -1; top: -445px; left: 50%; }
.section-down { position: absolute; width: 100%; height: 180px; left: 0; top: 270px; display: block; z-index: 6; }
.fish-wrapper { position: absolute; left: 82px; bottom: 85px; height: 20px; width: 54px; display: block; z-index: 4; }
.fish-wrapper.right { left: 567px; bottom: 100px; transition: transform 300ms linear; }
.fish-wrapper.right .fish-wrap { transform: translate(-35px, 60px) rotate(-90deg); animation: moveFish-higher 3.5s linear infinite; animation-delay: 1s; }
.fish-wrap { position: absolute; left: 0; bottom: 0; height: 20px; width: 54px; display: block; z-index: 4; transform-origin: center center; transform: translate(-35px, 60px) rotate(-90deg); animation: moveFish 3.5s linear infinite; }
@keyframes moveFish {  0% {
transform: translate(-35px, 60px) rotate(-90deg);
}
 5% {
transform: translate(20px, 60px) rotate(90deg);
}
 45% {
transform: translate(20px, 60px) rotate(90deg);
}
 50% {
transform: translate(10px, 10px) rotate(35deg);
}
 58% {
transform: translate(0, 0) rotate(0);
}
 67% {
transform: translate(0, 0) rotate(0);
}
 75% {
transform: translate(-20px, 10px) rotate(-65deg);
}
 80% {
transform: translate(-35px, 60px) rotate(-90deg);
}
 100% {
transform: translate(-35px, 60px) rotate(-90deg);
}
}
@keyframes moveFish-higher {  0% {
transform: translate(-35px, 60px) rotate(-90deg);
}
 5% {
transform: translate(20px, 60px) rotate(90deg);
}
 45% {
transform: translate(20px, 60px) rotate(90deg);
}
 50% {
transform: translate(10px, 10px) rotate(35deg);
}
 58% {
transform: translate(0, -7px) rotate(0);
}
 67% {
transform: translate(0, -7px) rotate(0);
}
 75% {
transform: translate(-20px, 10px) rotate(-65deg);
}
 80% {
transform: translate(-35px, 60px) rotate(-90deg);
}
 100% {
transform: translate(-35px, 60px) rotate(-90deg);
}
}
.fish { position: absolute; left: 0; bottom: 0; height: 20px; width: 54px; display: block; z-index: 4; transform: scale(1, 0.45); }
.fish span { position: absolute; left: 0; top: 0; height: 36px; width: 36px; background-color: #fff; border: 4px solid #DCE7F0; border-top-left-radius: 60%; border-bottom-right-radius: 60%; border-bottom-left-radius: 53%; transform: rotate(45deg); }
.fish span:nth-child(2) { position: absolute; left: 39px; top: 16px; height: 4px; width: 13px; background-color: #DCE7F0; border: none; border-radius: 0; transform-origin: left center; transform: rotate(45deg); animation: fishTail-bottom 3.5s linear infinite; }
.fish-wrapper.right .fish span:nth-child(2) { animation-delay: 1s; }
@keyframes fishTail-bottom {  0% {
transform: rotate(45deg);
left: 39px;
top: 16px;
}
 59% {
transform: rotate(45deg);
left: 39px;
top: 16px;
}
 60% {
transform: rotate(25deg);
left: 37px;
top: 15px;
}
 61% {
transform: rotate(25deg);
left: 37px;
top: 15px;
}
 62% {
transform: rotate(45deg);
left: 39px;
top: 16px;
}
 64% {
transform: rotate(45deg);
left: 39px;
top: 16px;
}
 65% {
transform: rotate(25deg);
left: 37px;
top: 15px;
}
 66% {
transform: rotate(25deg);
left: 37px;
top: 15px;
}
 67% {
transform: rotate(45deg);
left: 39px;
top: 16px;
}
 100% {
transform: rotate(45deg);
left: 39px;
top: 16px;
}
}
.fish span:nth-child(3) { position: absolute; left: 39px; top: 16px; height: 4px; width: 13px; background-color: #DCE7F0; border: none; border-radius: 0; transform-origin: left center; transform: rotate(-45deg); animation: fishTail-top 3.5s linear infinite; }
.fish-wrapper.right .fish span:nth-child(3) { animation-delay: 1s; }
@keyframes fishTail-top { 0% {
 transform: rotate(-45deg);
 left: 39px;
 top: 16px;
}
 59% {
 transform: rotate(-45deg);
 left: 39px;
 top: 16px;
}
 60% {
 transform: rotate(-25deg);
 left: 37px;
 top: 17px;
}
 61% {
 transform: rotate(-25deg);
 left: 37px;
 top: 17px;
}
 62% {
 transform: rotate(-45deg);
 left: 39px;
 top: 16px;
}
 64% {
 transform: rotate(-45deg);
 left: 39px;
 top: 16px;
}
 65% {
 transform: rotate(-25deg);
 left: 37px;
 top: 17px;
}
 66% {
 transform: rotate(-25deg);
 left: 37px;
 top: 17px;
}
 67% {
 transform: rotate(-45deg);
 left: 39px;
 top: 16px;
}
 100% {
 transform: rotate(-45deg);
 left: 39px;
 top: 16px;
}
}
.fish span:nth-child(4) { position: absolute; left: 9px; top: 14px; height: 7px; width: 4px; background-color: #DCE7F0; border: none; border-radius: 50%; transform-origin: center center; transform: rotate(0); animation: fishEye 3.5s linear infinite; }
.fish-wrapper.right .fish span:nth-child(4) { animation-delay: 1s; }
@keyframes fishEye { 0% {
 height: 7px;
 top: 14px;
}
 59% {
 height: 7px;
 top: 14px;
}
 60% {
 height: 0;
 top: 17px;
}
 61% {
 height: 7px;
 top: 14px;
}
 64% {
 height: 7px;
 top: 14px;
}
 65% {
 height: 0;
 top: 17px;
}
 66% {
 height: 7px;
 top: 14px;
}
 100% {
 height: 7px;
 top: 14px;
}
}
/* #Link to profile
================================================== */
.link-to-portfolio { position: fixed; top: 30px; right: 30px; z-index: 20; cursor: pointer; width: 40px; height: 40px; text-align: center; border-radius: 3px; background-position: center center; background-size: 30px 30px; background-repeat: no-repeat; background-color: #212121; background-image: url('https://blog.codepen.io/wp-content/uploads/2012/06/Button-White-Small.png'); box-shadow: 0 0 0 2px rgba(0,0,0,.1); transition: opacity .2s, border-radius .2s, box-shadow .2s; transition-timing-function: ease-out; }
.link-to-portfolio:hover { opacity: 0.8; border-radius: 50%; box-shadow: 0 0 0 20px rgba(0,0,0,.1); }
/*base.min.css*/
.si-wrap { position: relative; }
.si-result { position: relative; width: 100%; color: #a2acaf; border: 1px solid #fff }
.si-result:after { position: absolute; top: 50%; right: 1em; display: block; content: ''; border-style: solid; border-color: rgba(0,0,0,.3) transparent transparent transparent!important; border-width: 5px; margin-top: -2.5px; pointer-events: none; }
.si-result.si-selection { color: #aaacb6; padding-left: 15px }
.si-off .si-result:after { border-top-color: #000; }
.si-list { position: absolute; top: 100%; left: 0; z-index: 9999; width: 100%; overflow-y: auto; border: 1px solid; border: none; }
.si-list ul { padding: 0; margin: 0; list-style: none; }
.si-item { position: relative; padding: .5em .7em .5em 25px; border-bottom: 1px solid #ccc; cursor: pointer; display: flex; justify-content: space-between; color: #aaacb6 }
.si-item:last-child { border-bottom: none; }
.si-item:hover { background-color: #fff; }
.si-selected:after { position: absolute; right: 1em; content: '✔'; color: #000 }
.si-off .si-list { display: none; border: 1px solid #fff }
/*base.min.css*/
/* animated-slider.css */


.ct-slick-arrows--type2 .slick-prev, .ct-slick-arrows--type2 .slick-next { opacity: 0.85; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
-webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
.ct-slick-arrows--type2 .slick-prev:before, .ct-slick-arrows--type2 .slick-next:before, .ct-slick-arrows--type2 .slick-prev:after, .ct-slick-arrows--type2 .slick-next:after { background-color: #fff; height: 15px; height: 1.5rem; width: 70px; width: 7rem; }
.ct-slick-arrows--type2 .slick-prev:before, .ct-slick-arrows--type2 .slick-next:before { margin-top: -20px; margin-top: -2rem; }
.ct-slick-arrows--type2 .slick-prev:after, .ct-slick-arrows--type2 .slick-next:after { margin-top: 20px; margin-top: 2rem; }
.ct-slick-arrows--type2 .slick-prev:hover:before, .ct-slick-arrows--type2 .slick-next:hover:before { margin-top: -20px; margin-top: -2rem; }
.ct-slick-arrows--type2 .slick-prev:hover:after, .ct-slick-arrows--type2 .slick-next:hover:after { margin-top: 20px; margin-top: 2rem; }
.ct-slick-arrows--type2 .slick-prev:hover:active, .ct-slick-arrows--type2 .slick-next:hover:active { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ct-slick-arrows--type2 .slick-prev { left: 10px; left: 1rem; }
.ct-slick-arrows--type2 .slick-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.ct-slick-arrows--type2 .slick-prev:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.ct-slick-arrows--type2 .slick-prev:hover:before { margin-top: -27px; margin-top: -2.7rem; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); }
.ct-slick-arrows--type2 .slick-prev:hover:after { margin-top: 27px; margin-top: 2.7rem; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.ct-slick-arrows--type2 .slick-next { right: 10px; right: 1rem; }
.ct-slick-arrows--type2 .slick-next:before, .ct-slick-arrows--type2 .slick-next:after { left: auto; right: 0; }
.ct-slick-arrows--type2 .slick-next:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.ct-slick-arrows--type2 .slick-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.ct-slick-arrows--type2 .slick-next:hover:before { margin-top: -27px; margin-top: -2.7rem; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.ct-slick-arrows--type2 .slick-next:hover:after { margin-top: 27px; margin-top: 2.7rem; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); }
/*.ct-slick .slick-track, .ct-slick .slick-list, .ct-slick .item, .ct-slick .slick-item { min-height: inherit; }
.ct-slick .item { background-size: cover; }
.slick-list { height: 100vh; }*/
/* Transitions */
.activate { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100);
filter: alpha(opacity=1 * 100);
}
.animated { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
filter: alpha(opacity=0 * 100);
}
/* animated-slider.css */

/* main.css*/
[hidden] {
display: none;
}
#__bs_notify__ { display: none !important; }
main { margin: 0 auto; padding: 0 2rem; max-width: 1280px; width: 100%; }
.module { margin: 8rem 0; padding: 2rem; }
.flex-grid { display: flex; justify-content: center; }
.col { flex: 1; padding: 2rem; position: relative; }
.col:nth-child(n+1) { margin-left: 2rem; }
.col:last-child { margin-right: 2rem; }
.col.vertical-align { display: flex; justify-content: center; flex-direction: column; }
.single-column .col { margin-left: auto; margin-right: auto; max-width: 60rem; width: 100%; }
@media (max-width: 680px) {
.flex-grid { display: block; }
.single-column .col { margin: 2rem; width: auto; }
}
/* Text styles */ /* Custom styling for the content */
.rocky-image { width: 100%; max-width: 54rem; }
.badge { }
.badge::before { }
.badge.first { }
.badge.third { }
.rocky-badge { height: 70px; z-index: 10; }
.rocky-image-small { width: 150%; margin-left: -2rem; }
.options { margin: 8em 0; }
.options .option { border-radius: .2em; border: 1px solid transparent; }
.options .badge, .options h2, .options p { position: absolute; left: 20%; right: 20%; }
.options .more-info { left: 10%; right: 10%; }
.options .call-to-action { display: inline-block; margin: 1em auto; }
.options h2 { top: 5em; }
.options p { top: 7em; max-width: 80%; }
.options .col { height: 18em; margin: 2em 0; text-align: center; width: 20em; }
.options .col p:nth-child(2) { flex-grow: 1; }
.section-title { text-align: center; }
/*.button { background: #269300; border-radius: .25em; color: #fff; display: inline-block; padding: .25em .5em; margin: 0 auto; text-align: center; }*/
.content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*display: -webkit-box;*/ display: -ms-flexbox; /*display: flex; */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.content .calls-to-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
/* main.css*/
/*reveal-content*/
.badge.first { background: none; }
.badge svg { z-index: 10; }
.is-visible .badge { -webkit-transform: none; transform: none; }
.is-visible .badge::before { -webkit-transform: none; transform: none; -webkit-transition: -webkit-transform .5s cubic-bezier(0, 1, .3, 1); transition: -webkit-transform .5s cubic-bezier(0, 1, .3, 1); transition: transform .5s cubic-bezier(0, 1, .3, 1); transition: transform .5s cubic-bezier(0, 1, .3, 1), -webkit-transform .5s cubic-bezier(0, 1, .3, 1); -webkit-transition-delay: .2s; transition-delay: .2s; }
.is-visible .svg-to-animate { -webkit-animation: show-svg-outline 10s .1s cubic-bezier(0, 1, .3, 1) forwards; animation: show-svg-outline 10s .1s cubic-bezier(0, 1, .3, 1) forwards; stroke-dashoffset: 0; }
.is-visible .rock2 .svg-to-animate { -webkit-animation-delay: 1s; animation-delay: 1s; }
.is-visible .rock3 .svg-to-animate { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.badge .fill, .badge .decor { opacity: 0; -webkit-transform: sca le(.2); transform: scale(.2); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: none; transition: none; }
.is-visible .badge .fill, .is-visible .badge .decor { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: opacity .2s 1s ease-out, -webkit-transform .8s 1s cubic-bezier(0, 1, .3, 1); transition: opacity .2s 1s ease-out, -webkit-transform .8s 1s cubic-bezier(0, 1, .3, 1); transition: transform .8s 1s cubic-bezier(0, 1, .3, 1), opacity .2s 1s ease-out; transition: transform .8s 1s cubic-bezier(0, 1, .3, 1), opacity .2s 1s ease-out, -webkit-transform .8s 1s cubic-bezier(0, 1, .3, 1); }
 @-webkit-keyframes show-svg-outline { to {
stroke-dashoffset: 0;
}
}
@keyframes show-svg-outline { to {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes show-svg-outline1 { to {
stroke-dashoffset: 0;
}
}
@keyframes show-svg-outline1 { to {
stroke-dashoffset: 0;
}
}
/* Styles for highlighting the current hovered content area */ /* Hide the parts we'll show when highlighted */
.option .more-info { visibility: hidden; }
.option .call-to-action { -webkit-transform: scale(.2); transform: scale(.2); visibility: hidden; } /* Set up the "highlighted" state */
.is-visible .option.highlighted { background: #fff; border-color: #eee; -webkit-transform: scale(1.2) translateY(1em); transform: scale(1.2) translateY(1em); }
.is-visible .option.highlighted .badge { -webkit-transform: translateY(-5em) scale(1.2); transform: translateY(-5em) scale(1.2); }
.is-visible .option.highlighted h2 { -webkit-transform: translateY(-3.5em); transform: translateY(-3.5em); }
.is-visible .option.highlighted .more-info { -webkit-transform: translateY(-4em); transform: translateY(-4em); visibility: visible; }
.is-visible .option.highlighted .call-to-action { -webkit-transform: translateY(1.25em); transform: translateY(1.25em); visibility: visible; }
.is-visible .option.highlighted .summary { visibility: hidden; } /* Transitions */
.option { -webkit-transition: background .2s ease-out, -webkit-transform 5s cubic-bezier(0, 1.7, .3, 1); transition: background .2s ease-out, -webkit-transform 5s cubic-bezier(0, 1.7, .3, 1); transition: transform 5s cubic-bezier(0, 1.7, .3, 1), background .2s ease-out; transition: transform 5s cubic-bezier(0, 1.7, .3, 1), background .2s ease-out, -webkit-transform 5s cubic-bezier(0, 1.7, .3, 1); }
.option > * { -webkit-transition: -webkit-transform .5s cubic-bezier(0, 1, .3, 1); transition: -webkit-transform .5s cubic-bezier(0, 1, .3, 1); transition: transform .5s cubic-bezier(0, 1, .3, 1); transition: transform .5s cubic-bezier(0, 1, .3, 1), -webkit-transform .5s cubic-bezier(0, 1, .3, 1); }
/*reveal-content*/


/* #Progress
================================================== */

.progress-wrap { position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); }
.progress-wrap::after { position: absolute; font-family: 'FontAwesome'; content: '\f062'; text-align: center; line-height: 46px; font-size: 24px; color: #ec5621; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
.progress-wrap:hover::after { opacity: 1; color: #898989; }
.progress-wrap::before { position: absolute; font-family: 'FontAwesome'; content: '\f062'; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background-image: linear-gradient(298deg, var(--red), var(--yellow)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
.progress-wrap:hover::before { opacity: 1; }
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path { stroke: #000; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
/*body.light .progress-wrap { box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2); }*/
/*body.light .progress-wrap::after { color: var(--black-blue); }*/
/*body.light .progress-wrap svg.progress-circle path { stroke: var(--black-blue); }*/


.cost-effective-vessel-it-solutions { background: url('images/cost-effective-vessel-it-solutions.jpg'); background-size: cover; background-repeat: no-repeat; }
.operational-excellence { background: url('images/operational-excellence-ensures-transfer-with-security.jpg'); background-size: cover; background-repeat: no-repeat; }
.predictive-intelligence { background: url('images/predictive-Intelligence-for-actionable-insights.jpg'); background-size: cover; background-repeat: no-repeat; }
/* Our Achievements Slider Active =============================*/
#our-achievements .achievements { margin: 0 50px }
.achievements.owl-carousel .owl-controls .owl-nav { text-align: center; }
.our-achievements-area { /*background: url('images/parallax-7.jpg') no-repeat scroll center center / cover; */ position: relative; /*color: #ffffff;*/ }
.our-achievements-area:before { opacity: 0.9 }
#our-achievements .achievements .owl-dots { display : none }
/* Our Achievements Slider Active =============================*/






/*main banner*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slider .slick-track, .slick-slider .slick-list { -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); }
.slick-prev, .slick-next { position: absolute; display: block; width: 60px; height: 100px; cursor: pointer; background: transparent; top: 50%; margin-top: -45px; font-size: 0; border: none; z-index: 2; }
.slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { content: ''; position: absolute; background: #ec5621; height: 2px; width: 16px; top: 50%; left: 5px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.slick-prev:before, .slick-next:before { margin-top: -15px; }
.slick-prev:after, .slick-next:after { margin-top: 22px; margin-top: -0.2rem; }
.slick-prev:hover:before, .slick-next:hover:before { margin-top: -18px; margin-top: -1.8rem; }
.slick-prev:hover:after, .slick-next:hover:after { margin-top: 18px; margin-top: -0.6rem; }
.slick-prev { left: -7px; left: 1.3rem; }
.slick-prev:before { -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); }
.slick-prev:after { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.slick-prev:hover:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.slick-prev:hover:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.slick-next { right: -0px; right: -0rem; }
.slick-next:before { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.slick-next:after { -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); }
.slick-next:hover:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.slick-next:hover:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 104vh; min-height: 1px; background-position-y: -110px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.ct-header .ct-slick { margin-bottom: 0; }
.slick-initialized .slick-slide { display: block; }
.ct-u-display-tablex { display: table; width: 100%; height: 100vh; }
.ct-u-display-tablex > .inner { display: table-cell; width: 100%; vertical-align: middle; }
.ct-header h1.big { font-size: 35px; line-height: 1.3; color: #000000; font-weight: 700; padding-top: 0px; letter-spacing: 0.5px; margin: 0 }
.ct-header p { font-size: 2.3rem; line-height: 1.1; margin: 0px 0 21px; color: #212121; }
#home.ct-header.ct-header--slider { background-size: cover; }
#home.ct-header.ct-header--slider .slick-dots { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin: 0px 0; padding: 1rem 0; list-style-type: none; position: relative; }
#home.ct-header.ct-header--slider .slick-dots li { margin: -55px 5px 0; }
#home.ct-header.ct-header--slider .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #fff; text-indent: -9999px; }
#home.ct-header.ct-header--slider .slick-dots li.slick-active button { background-color: #ec5621; }
/*main banner*/



.sea-of-solutions .col-xs-12 { padding: 0 }
.sea-of-solutions .item { width: 100% }
.sea-of-solutions .owl-item > div { cursor: pointer; margin: 8% 0%; transition: margin 0.4s ease; }
.sea-of-solutions .owl-item.center > div { cursor: auto; margin: 0; }
.sea-of-solutions .owl-item:not(.center) > div:hover { opacity: .75; }
#sea-of-solutions-section .box { padding: 55px 35px 30px; margin: 5% }
#sea-of-solutions-section .box .box-icon img { -webkit-transition: 0.3s; transition: 0.3s; border-radius: 0%; padding: 0!important; width: 135px; height: 135px }
#sea-of-solutions-section h3 { font-size: 17px; color: #212121; font-weight: 500; }
/*** Contact-form ***/
.contact-form .button { letter-spacing: 2px; min-width: 150px; margin-top: 13px; border-radius: 3px; border-radius: 27px; box-shadow: 0 2px 4px 0 rgba(60, 60, 60, 0.16); background-color: #ec5621; color: #fff; }
.form-control { margin-bottom: 20px; height: auto; padding: 12px 20px; box-shadow: 0 2px 4px 0 rgba(60, 60, 60, 0.16); background-color: #ffffff; }
.form-double input { width: calc(50% - 10px); float: left; }
.form-double input:last-child { float: right; }
/*** modal-content***/
.modal-content { background-color: #000; box-shadow: none; border: 0; }
.modal-header { border: 0; }
.thank-you p { padding: 30px 50px; font-size: 20px; font-weight: 500; color: #212121; line-height: 30px; text-align: center; }
.thank-you .btn { background-color: #ec5621; color: #fff; display: block; margin: 125px auto 0; border-radius: 25px; font-size: 17px; letter-spacing: 0.2px; padding: 10px 40px; position: inherit; z-index: 99999 }
.thank-you { position: relative; }
.modal { text-align: center; padding: 0!important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; margin: 5px 0 }
#myModal .modal-content { width: 85%; margin: 0 auto; padding: 7% }
#myModal .modal-content .modal-title { color: #ffffff; font-weight: 400; }
#myModal1 .modal-content { background-color: transparent; }
.demo { width: 100%; height: 70%; display: table; margin: 0 0 15px }
.intro { background: transparent!important; }
/*-----------preloader------------*/
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#75cbe7), to(#138fc2)); background: linear-gradient(to bottom, #75cbe7 0%, #138fc2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75cbe7', endColorstr='#138fc2', GradientType=0);
z-index: 99999999999; }
.sk-folding-cube { margin: 20px auto; /*width: 10px; height: 10px; */ position: absolute; top: 45%; left: 45%; margin-top: 0; }
.sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); transform: scale(1.1); }
.sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
 @-webkit-keyframes sk-foldCubeAngle { 0%, 10% {
 -webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
 25%, 75% {
 -webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
 90%, 100% {
 -webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
 @keyframes sk-foldCubeAngle { 0%, 10% {
 -webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
 25%, 75% {
 -webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
 90%, 100% {
 -webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/** Mainmenu-area */
.mainmenu-area { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999; -webkit-transition: 0.3s; transition: 0.3s; }
.overlay, .overlay a, .mainmenu-area a { color: #000; }
.mainmenu-area .logo { text-transform: uppercase; letter-spacing: 2px; height: inherit; margin-top: 8px; padding-left: 0; }
.mainmenu-area .logo h2 { margin-bottom: 0; width: 154px; height: 45px }
.mainmenu-area #primary-menu > ul > li > a { background: none; padding: 30px 0 10px; position: relative; border-top: 3px solid transparent; text-align: center; color: #212121; font-weight: 500; font-size: 14px; }
.mainmenu-area li a { font-size: 14px!important; padding: 15px 0px 10px }
.mainmenu-area #primary-menu > li > a { background: none; padding: 30px 0 10px; position: relative; border-top: 3px solid transparent; text-align: center; color: #212121; font-weight: 500; font-size: 14px; }
.mainmenu-area #primary-menu > ul > li > a:hover:before, .mainmenu-area #primary-menu > ul > li.active > a:before { opacity: 1; top: 0; }
.mainmenu-area #primary-menu ul li.dropdown a.active { border-bottom: 3px solid #ec5621!important; }
.mainmenu-area #primary-menu li.dropdown ul.dropdown-list li a { border-bottom: 0px solid #ec5621!important; }
.mainmenu-area #primary-menu ul li.active a { border-bottom: 3px solid #ec5621; padding: 15px 0px 10px; }
.mainmenu-area #primary-menu ul li a:hover { border-bottom: 3px solid #ec5621; }
.mainmenu-area #primary-menu ul .dropdown .dropdown-list li a:hover { border-bottom: 3px solid #ec5621; background: #ec5621!important }
.mainmenu-area #primary-menu ul li a:hover { background: none!important; }
.mainmenu-area #primary-menu > ul > li { padding: 0px 25px 25px!important; }
.mainmenu-area #primary-menu ul li.active .dropdown-list li a { border-bottom: 0px solid #ec5621; }
.mainmenu-area #primary-menu > ul#menu > li { padding: 0px 25px 25px!important; }
.mainmenu-area #primary-menu ul li { padding: 0 15px; }
.mainmenu-area #primary-menu ul li ul li a { padding: 15px }
.mainmenu-area #primary-menu ul li ul li { padding: 0 }
.mainmenu-area #primary-menu li.active li a { padding: 15px 15px }
.change { background: #fff; }
/*.fixed { position:fixed; top:0; left:0; z-index:2; width:100%; background-color: #fff; opacity: .8 }*/


/** Box-style */
.box { padding: 30px 30px; text-align: center; -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1); background-color: #ffffff; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 5px; -webkit-transform: translateY(0); transform: translateY(0); flex: 1; margin: 15px; }
.box:hover { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1); box-shadow: 0 10px 30px -5px rgba(255, 255, 255, 1); -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.box p { font-size: 14px!important; color: #818181; font-weight: normal; line-height: 1.43; padding: 0 10px }
.box h3 { font-size: 19px; font-weight: 500; color: #212121; line-height: 21px}
#service-page .box { margin: 0 }
.box .box-icon { height: auto; margin-bottom: 30px; border-radius: 100%; background-color: #fff; }
.box .box-icon img { -webkit-transition: 0.3s; transition: 0.3s; background-color: #fff; border-radius: 100%; padding: 30px }
.sea-of-solutions .box .box-icons { width: 135px; height: 135px; object-fit: contain; margin-bottom: 15px }
#service-page .box .box-icon svg { -webkit-transition: 0.3s; transition: 0.3s; width: auto; padding: 30px; box-sizing: content-box; }
.box:hover .box-icon img { -webkit-filter: grayscale(0); filter: grayscale(0) }
.box hr { width: 23px; background: #ec5621; height: 2px; margin: 15px auto; border: 0 }
#service-page .box { box-shadow: none; background-color: transparent; }
#service-page .box:hover { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1); box-shadow: 0 10px 30px -5px rgba(255, 255, 255, 1); background-color: #ffffff; }
#service-page h4 { font-size: 17px; color: #212121; font-weight: 500; }
.vessel-it.row-eq { display: flex; }
.vessel-it .col-md-4 { width: 100% }
/*wave-copy*/
.wave-copy { /*background: url("images/wave-copy.svg") no-repeat scroll center -300px / 100% auto;z-index: -1;*/ background-image: linear-gradient(to bottom, #ffffff, #aec7db 30%, #ffffff 45%); }
.wave-bg { background: url('images/wave-bg.svg') no-repeat scroll center 400px / 100% auto; z-index: -1; background-position: 0 575px }
.about-us { /*background: url("images/bg-gradient.png"), url("images/wave-bg.svg");*/ /*background-image:  url("images/bg-gradient.png");*/ background-position: top left; background-repeat: no-repeat; background-size: 100%; /*padding: 100px 0 0 0;*/ background-image: linear-gradient(to bottom, #ffffff, rgba(232,115,11, .30) 3%, #ffffff 45%); }
/** Page title */
.page-title { margin: 0 14% 60px; }
.page-title h2 { position: relative; margin-bottom: 20px; font-size: 30px; color: #212121; font-weight: 500; }
.page-title h2:after { /*content: "\e675";*/ font-family: 'themify'; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; width: 15px; height: 15px; font-size: 14px; }
.page-title hr { width: 45px; background: #ec5621; height: 2px; margin: 0 auto 25px; border: 0 }
.vcenter { display: inline-block; vertical-align: middle; float: none; }
.page-title li { text-align: center; list-style-position: inside; list-style-image: url(images/sqpurple.gif) }
.page-title ul { display: inline-block; font-size: 19px!important; margin: 50px 0 0 0 }
/*** Footer-area **/
.footer-area { padding-top: 60px; z-index: 1; }
/*.footer-bg { background: url('images/angle-bg.png') no-repeat scroll center bottom / 100% auto; z-index: -1; }*/
.footer-top { margin-bottom: 100px; }
.side-icon-box { margin-bottom: 30px; position: relative; padding-left: 80px; }
.side-icon-box a { color: #ffffff; }
.side-icon-box .side-icon { position: absolute; left: 0; top: 0; width: 60px; }
.side-icon-box strong { display: block; margin-bottom: 10px; }
.footer-middle { margin-bottom: 60px; }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 25px; padding-bottom: 15px; }
.our-team { position: relative; }
.inner-our-team .owl-controls { display: none; }
.custome_slide.owl-carousel .owl-item.active.center .main-reviewimage { /*border: 2px solid #fff;*/ }
.main-reviewimage { /*border-radius: 50%;*/ /*height: 411px;*/ /*width: 100%;*/ background: #f3f2f2; padding: 0px 0 0 0 }
.main-reviewimage img { -webkit-filter: grayscale(1); filter: grayscale(1); }
#our-team .active.center .main-reviewimage img { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); }
#our-team .center .test_img:before { content: none; transition: 0.7s ease-in-out; }
.test_img { position: relative; opacity: 1; -webkit-transition: .4s ease all; transition: .4s ease all;/*margin: 0 -48px;*/ /*margin-top: 40px;*/ }
.inner-our-team { width: 100%; max-width: 875px; margin: 0 auto; }
.test_img img { /*border-radius: 100%;*/ overflow: hidden; margin: 0 auto;/*height: 100%;*/ /*object-fit: cover;*/ }
.custome_slide.owl-carousel .owl-item.active.center { transform: scale(1.3); margin-top: 0 !important; position: relative; z-index: 999; -webkit-transform: scale(1); transform: scale(1); }
.custome_slide.owl-carousel .owl-item { transform: scale(0.7); padding: 10px 0px; transition: all 0.5s; }
.testimonial_detail { text-align: center; }
.testimonial_detail { transform: scale(0.7) !important; width: 447px; position: relative; left: -71px; }
.testimonial_detail h4 { font-size: 30px; margin: 0; color: #212121; letter-spacing: 0.27px; font-weight: 500; }
.testimonial_detail p { color: #ec5621; font-size: 25px; }
.custome_slide.owl-carousel .active .testimonial_detail { display: none; }
.custome_slide.owl-carousel .active.center .testimonial_detail { display: block !important; }
.custome_slide.owl-carousel .testimonial_detail { display: none; }
.vessel-it .box-icon img { width: auto; margin: 0 auto }
/*.vessel-it.owl-carousel .col-md-4{width: 100%!important; }*/


.about-page-sec.gallery-page-sec { padding-right: 15px!important; padding-left: 15px!important; padding-bottom: 40px }
.gallery .caption { margin: 15px 0; color: #212121 }
.gallery { width: auto; height: auto; margin: 0; padding: 0; /*background: #fff;*/ overflow: hidden; }
.gallery img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.gallery:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }
.svg-map { left: 125px; position: relative; top: 35px; padding: 150px 0 0 0; }
svg { display: block; margin: 0 auto; }
.dropdown-menu--animate.collapsing { display: block; }
.dropdown-menu--animate { opacity: 0.8; height: 0; display: block; transition: all 0.3s; overflow: hidden; transform-origin: top; transform: scale(1, 0); }
.dropdown-menu--animate.show { opacity: 1; height: auto; transition: all 0.3s; transform: scale(1); }
.grow-in { opacity: 0; display: block; transition: all 0.3s cubic-bezier(0, 1, 0.3, 1); overflow: hidden; transform: scale(0.8); }
.grow-in.collapsing { opacity: 0.1; transform: scale(0.9); transition: all 0.3s linear; }
.grow-in.show { opacity: 1; transform: scale(1); transition: all 0.3s cubic-bezier(0, 1, 0.3, 1); }
.dropdown-menu { display: block; }
.contact-us { margin: 0 0 0 0; }
.contact-us strong { font-size: 22px; font-weight: 500; line-height: 35px; color: #ec5621; position: relative; display: block; margin: 15px 0 15px }
.contact-us p { margin: 0!important; color: #212121; line-height: 1.75; font-weight: normal; }
.contact-us-sec .vision-and-mission { padding: 0 0; }
.contact-us address { text-align: left; height: 180px }
.contact-us-icon .fa { padding: 8px 10px; font-size: 14px; width: 30px; text-align: center; text-decoration: none; margin: 5px 5px; background: #212121; color: white; border-radius: 7px; }
.contact-us-icon { text-align: center; margin: 15px 0 }
.neha img { width: auto!important; margin: 0 auto; }
 @media only screen and (max-width:767px) {
.main-reviewimage { /*height: 400px;*/ /*width: 425px;*/ margin: 0 auto; display: block; }
.testimonial_detail { left: inherit; width: 100%; }
}
ul.social-links { width: 100%; float: none; padding: 0; margin: 0 }
ul.social-links li { text-align: center; float: none!important; list-style: none; }
.social-links > li.linkedin > a .fa:hover { background: #0077b5 !important; }
.social-links > li.linkedin > a:hover { background-color: transparent; }
/*Now the CSS*/
* { margin: 0; padding: 0; }
.tree ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after { content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; }
.tree li::after { right: auto; left: 50%; border-left: 1px solid #ccc; }
/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before { display: none; }
/*Remove space from the top of single children*/
.tree li:only-child { padding-top: 0; }
/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after { border: 0 none; }
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before { border-right: 1px solid #ccc; border-radius: 0 0px 0 0; -webkit-border-radius: 0 0px 0 0; -moz-border-radius: 0 0px 0 0; }
.tree li:first-child::after { border-radius: 0px 0 0 0; -webkit-border-radius: 0px 0 0 0; -moz-border-radius: 0px 0 0 0; }
/*Time to add downward connectors from parents*/
.tree ul ul::before { content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 20px; }
.tree li a { border: 0px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-size: 11px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; font-size: 18px; font-weight: 500; }
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a { /*background: #c8e4f8; color: #000; border: 1px solid #94a0b4;*/
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before { border-color: #94a0b4; }
ul.no-border li.one { float: left; width: 100%; text-align: left; padding: 0 }
ul.no-border li.one::after { border: 0!important; }
ul.no-border li.one::before { border: 0; }
.tree ul ul ul.no-border::before { border: 0; }
ul.no-border { left: 38% }
.tree ul ul li:nth-child(5) ul.no-border { left: 30%; }
.tree ul ul li:nth-child(3) ul.no-border { left: 35%; }
.tree ul ul li:nth-child(4) ul.no-border { left: 43%; }
.tree ul ul li:nth-child(2) ul.no-border { left: 43%; }
.tree ul ul li { width: 16% }
ul.no-border li.one::before { content: ""; height: 8px; width: 8px; border-radius: 50%; background: #ec5621; display: inline-block; position: relative; top: 0px; z-index: 100; left: 0; list-style-image: none; }
.tree ul li a.main-point:nth-child(1) { font-size: 25px; padding: 0 0 0 40px }
ul.no-border li.one a { font-size: 12px; font-weight: normal; padding: 0 15px }
ul.no-border1 { left: 8% }
ul.no-border1 li.one::before { content: ""; height: 5px; width: 5px; border-radius: 50%; background: #818181; display: inline-block; position: relative; top: 0px; z-index: 100; left: 5%; list-style-image: none; }
iframe { border: 0!important; }