/*@charset "UTF-8";*/
/*{}*/

/* Header */
.header {/*background-color:#101b2b;*/ display:block; padding-left:15px; padding-right:15px;}
.navbar-brand {padding-top:0; padding-bottom:0; padding-left:0px; padding-right:0; margin-left:48px; margin-right:52px; width:188px; z-index:99;}

/* Custom Navbar */
.navbar {padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; z-index:9999; /*border:1px solid red;*/}
/*.navbar .container {margin-left:inherit;}*/

/* Icon Menu */
.navbar-toggler {padding:.25rem .5rem; font-size:1.25rem; border-radius:.25rem;}

.animated-icon {width:30px; height:30px; position:relative; margin:0px; display: inline-block; vertical-align: middle;
  -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;
}

.animated-icon span {display:block; position:absolute; height:3px; width:100%; 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;
}

.animated-icon span {background:#50549c;}
.animated-icon span:nth-child(1) {top:4px;}
.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {top:14px;}
.animated-icon span:nth-child(4) {top:23px;}
.animated-icon.open span:nth-child(1) {top:11px; width:0%; left:50%;}

.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon.open span:nth-child(4) {top:11px; width:0%; left:50%;}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.5); border-color: rgb(80, 84, 156, 1); /*margin-bottom:30px;*/}

/* Custom Navbar */
/*@media all and (min-width: 992px) {*/
@media all and (min-width: 768px) {    
    
/**/
.navbar-nav {font-size:20px; line-height:26px; font-weight:400;} 
.navbar-nav .nav-item > a {white-space:nowrap;}

.navbar-expand-md .navbar-nav .nav-link {padding:10px 40px; margin-left:15px; margin-right:15px;}
.navbar-light .navbar-nav .nav-link {color:#50549c; position:relative; z-index:10;}
    
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {color:#FFF; /*font-weight:700;*/}
    
/*Hover*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item:hover > a {/*color:#50549c;*/ color:#000; font-weight:400; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active {color:#e39349; /*font-weight:700;*/}

}

/*Dropdown*/
/* ============ only desktop view ============ */
@media all and (min-width: 768px) {

.navbar .dropdown-menu-end {right:0; left:auto;}
.navbar .nav-item .dropdown-menu {display:block; opacity:0; visibility:hidden; transition:.3s; margin-top:0; border:0px solid rgba(0,0,0,.5); left:-10px;}  
.navbar li:nth-child(3).nav-item .dropdown-menu {left:-35px;}      
.navbar .dropdown-menu.fade-down {top:80%; transform:rotateX(-75deg); transform-origin:0% 0%;}
.navbar .dropdown-menu.fade-up {top:100%;}
.navbar .nav-item:hover .dropdown-menu {transition:.3s; opacity:1; visibility:visible; top:0%; transform:rotateX(0deg);}
    
.dropdown-menu {min-width:205px; padding:55px 15px 10px 15px; font-size:18px; line-height:24px; color:#fff; background-color: rgba(222,221,230,0.6); border:0px; border-radius:1rem; text-align:center; left:10px; z-index:9;}  
.dropdown-item {padding:3px 30px; font-weight:400; color:#221f20; background-color: rgba(255,255,255); border-radius:50rem; margin-bottom:5px;}
/* hover */ 
.dropdown-item:focus, .dropdown-item:hover {color:#fff; background-color:#50549c;}
/* active */    
.dropdown-item.active, .dropdown-item:active, .dropdown-item.current {color:#fff; background-color:#50549c;}
    
li.active > .dropdown-item {color:#fff; background-color:#50549c;}

.dropdown-menu li {position:relative;}
.nav-item .submenu {/*display: none;*/ transition:.3s; opacity:0; visibility:hidden; position:absolute; top:-30px;}
.nav-item .submenu-left {right:100%; left:auto;}
/*.dropdown-menu > li:hover {background-color:#f1f1f1}*/

.dropdown-menu > li > .submenu {/*display:none;*/ transition:.3s; opacity:0!important; visibility:hidden; top:-14px!important; /*left:165px;*/}      
.dropdown-menu > li:hover > .submenu {/*display:block;*/ transition:.3s; opacity:1!important; visibility:visible; top:-14px!important; left:175px!important;} 
.navbar .nav-item .submenu.dropdown-menu {padding:15px 15px 15px 15px; left:165px;}
  
}
/* ============ desktop view .end// ============ */

/* Social Media */
.social-media-cont {Width:100%; display:flex; justify-content:flex-end; align-items:center; margin-top:-35px; padding-right:12.5%;}

/* Banner Text */
.ban-cont-text {text-align:center;}
.ban-cont-text > h1 {width:75%; display:inline-block;}

/* Home */
.img-home-s {position:absolute; top:-175px; left:50%; margin-left:-34px;}

.icon-home-cont .row > div {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; padding-left:5px; padding-right:5px; /*border:1px solid red;*/}
.icon-home-cont .row > div .icon {padding-top:15px;}
.icon-home-cont .row > div .icon-title {padding-top:15px;}

/* What We Offer */
.icon-home-cont-whatweoffer .row > div {min-height:255px; min-width:132px; margin-bottom:25px; /*border:1px solid red;*/}

/*.icon-home-cont .mt-auto, .icon-home-cont .mt-auto:hover {-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.icon-home-cont .mt-auto:hover {margin-bottom:5px;}*/

/* PERCEIVING PROFIT POTENTIAL */
.perceiving-profit-potential-cont p {display:inline-block; width:60%; padding-top:15px;}

/* Enquire Now Cont */
.enquire-now-cont .enquire-now-text {position:absolute; right:50px; display:block; width:260px; top:50%; transform:translateY(-50%); font-size:26px; line-height:32px;}

/* Enequire Now Contact Us */
.enquire-contact-cont {display:flex; justify-content:center; align-items:center; height:100%;}


/***** START RESPONSIVE *****/
/**/
@media only screen and (min-width:1200px) and (max-width:1367px) {
    
   
}

/**/
@media only screen and (min-width:992px) and (max-width:1199px) { 

/* Header */
.navbar-brand {margin-left:38px; margin-right:24px; width:158px;}

/* Custom Navbar */
.navbar-expand-md .navbar-nav .nav-link {padding:10px 35px;}

/*Dropdown*/
/* ============ only desktop view ============ */
.navbar li:nth-child(3).nav-item .dropdown-menu {left:-42px;}      
     
.dropdown-item {padding:3px 25px;}
    
/*.dropdown-menu > li:hover > .submenu {left:175px!important;} 
.navbar .nav-item .submenu.dropdown-menu {left:165px;}*/
/* ============ desktop view .end// ============ */

/* Social Media */
.social-media-cont {margin-top:-30px; padding-right:6.5%;}
    
/* Banner Cont */  
.banner-cont .container {max-width:100%}
/* Banner Text */
.ban-cont-text > h1 {width:65%; /*border:1px solid red;*/}    

/* Home */
.img-home-s {top:-140px; width:55px; /*border:1px solid red;*/}

/* What We Offer */
.icon-home-cont-whatweoffer .row > div {min-width:128px;}    
.icon-home-cont-whatweoffer .btn {padding:2px 30px; min-width:100px;}  

/* PERCEIVING PROFIT POTENTIAL */

/* Enquire Now Cont */
.enquire-now-cont .enquire-now-text {right:15px; width:275px; font-size:24px; line-height:30px;}

}


/**/
@media only screen and (min-width:820px) and (max-width:991px) { 

.navbar-expand-md .navbar-nav .nav-link {padding:10px 22px!important;}

/*Dropdown*/
/* ============ only desktop view ============ */
.navbar li:nth-child(3).nav-item .dropdown-menu {left:-37px!important;}
    
/*.dropdown-menu > li:hover > .submenu {left:175px!important;} */
.navbar .nav-item .submenu.dropdown-menu {left:136px!important;}
/* ============ desktop view .end// ============ */
    
}    

/**/
@media only screen and (min-width:768px) and (max-width:991px) { 

/* Header */
.header > .container {max-width:100%}    
.navbar-brand {margin-left:5px; margin-right:0px; width:148px;}

/* Custom Navbar */
/**/
.navbar-nav {font-size:20px; line-height:26px;} 

.navbar-expand-md .navbar-nav .nav-link {padding:10px 15px;}

/*Dropdown*/
/* ============ only desktop view ============ */
.navbar li:nth-child(3).nav-item .dropdown-menu {left:-44px;}
    
.dropdown-menu {min-width:165px; padding:50px 15px 10px 15px; font-size:16px; line-height:22px;}  
.dropdown-item {padding:3px 18px;}
    
.nav-item .submenu {top:-30px;}
    
.dropdown-menu > li:hover > .submenu {left:175px!important;} 
.navbar .nav-item .submenu.dropdown-menu {left:135px!important;}
/* ============ desktop view .end// ============ */

/* Social Media */
.social-media-cont {margin-top:-24px; padding-right:6.4%;}
    
/* Banner Cont */  
.banner-cont .container {max-width:100%}
/* Banner Text */
.ban-cont-text > h1 {width:76%;} 
.ban-cont-text > h1.enqnow-cont {width:82%;}

/* Home */
.img-home-s {top:-132px; width:50px;}

.icon-home-cont .row > div {padding-left:8px; padding-right:8px; /*border:1px solid red;*/}

/* What We Offer */
.icon-home-cont-whatweoffer .row > div {min-height:250px; min-width:128px; /*border:1px solid red;*/}

/* PERCEIVING PROFIT POTENTIAL */
.perceiving-profit-potential-cont p {width:75%;}

/* Enquire Now Cont */
.enquire-now-cont .enquire-now-text {right:30px; width:180px; font-size:22px; line-height:28px; /*border:1px solid red;*/}

}

/**/
@media only screen and (max-width: 767px) { 
    
/* Header */
.navbar-brand {margin-left:0px; margin-right:0px; width:138px;}

/* Custom Navbar */
.navbar {padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; /*border:1px solid red;*/}

/* Custom Navbar */    
.navbar-nav {font-size:18px; line-height:24px;} 
.navbar-expand-md .navbar-nav .nav-link {padding:12px 0px; margin-left:5px; margin-right:5px;}
.navbar-light .navbar-nav .nav-link {color:#50549c;}

/*Dropdown*/
.dropdown-menu {min-width:205px; padding:10px; font-size:16px; line-height:22px; color:#fff; background-color: rgba(222,221,230,0.6); text-align:left; left:10px;}  
.dropdown-item {padding:10px; margin-bottom:0px;}
/* hover */ 
.dropdown-item:focus, .dropdown-item:hover {color:#fff; background-color:#50549c;}
/* active */    
.dropdown-item.active, .dropdown-item:active, .dropdown-item.current {color:#fff; background-color:#50549c;}
li.active > .dropdown-item {color:#fff; background-color:#50549c;}

.dropdown-menu {/*transition:.3s;*/ /*opacity:0; visibility:hidden;*/ /*height:0px;*/ -webkit-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -moz-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -ms-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
         -o-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
          transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795);}
.dropdown-menu.show {/*transition:.3s;*/ /*opacity:1; visibility:visible;*/ /*height:200px;*/ -webkit-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -moz-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -ms-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
         -o-transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
          transition: all 500ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
} 

/* Social Media */
.social-media-cont {margin-top:0px; padding-right:0%; position:absolute; top:45px; right:60px;}

/* Banner Text */
.ban-cont-text > h1 {width:auto;} 
.ban-cont-text > h1.enqnow-cont {width:80%;}     
    
/* Home */
.img-home-s {/*position:absolute; top:-175px; left:50%; margin-left:-34px;*/ display:none;}

.icon-home-cont .row > div {padding-left:10px; padding-right:10px; /*border:1px solid red;*/ min-height:250px; margin-bottom:15px;}
/*.icon-home-cont .row > div .icon {padding-top:15px;}
.icon-home-cont .row > div .icon-title {padding-top:15px;}*/

/* What We Offer */
.icon-home-cont-whatweoffer .row > div {min-width:inherit; margin-bottom:25px; /*border:1px solid red;*/}

/* PERCEIVING PROFIT POTENTIAL */
.perceiving-profit-potential-cont p {width:90%; padding-top:15px; /*border:1px solid red;*/}

/* Enquire Now Cont */
.enquire-now-cont .enquire-now-text {right:20px; width:150px; font-size:20px; line-height:26px;}

/* Enquire Now Contact Us */
.enquire-contact-cont {height:auto; padding-top:15px; padding-bottom:0px;}

}


