/*-----------------------------------------------------------------------------------

  Template Name: Lloyd Institute of Management & Technology.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
-------------------------------------------------------------------------------------*/

@import url("header.css?version=1.8");
@import url("footer.css?version=1.8");
@import url("default.css?version=1.8");

574/*-----------------------------------------------------------------------------------
  Template Name: Lloyd Institute of Management & Technology.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
-----------------------------------------------------------------------------------*/


 
/*======================================

[  Table of contents  ]


  01. Reset
  02. Helper Classes
  03. Typography
` 04. Transtion
  05. Images
  06. Bg-Color
  07. Social Icon Text Color
  08. Social Icon Bg Color
  09. Text Color
  10. Bg Images
  11. Background overlay
  12. Background Black Overlay
  13. Input
  14. Basic margin padding
  15. Margin top
  16. Margin bottom
  17. Padding top
  18. Padding bottom
  19. Page section padding
  20. Page section margin
  21. Custom cloumn
  22. Moz Placeholder

[ End table content ]
======================================*/

/*

    font-family: 'Roboto Slab', serif;

    font-family: 'Raleway', sans-serif;

*/

/*------------------
  01. Reset
--------------------*/
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

/*----------------------
  02. Helper Classes
------------------------*/
.fix {
    overflow: hidden
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*-----------------------
  03. Typography
------------------------*/
html {
    font-size: 100%;
}
@media all and (max-width: 768px) {
    html {
        font-size: 87.5%;
    }
}
body {
    font-family:  sans-serif;
    color: #747474;
    font-weight: 450;
    font-size: 15px;
    line-height: 24px;
	text-align: justify;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    font-family:  sans-serif;
    color: #333333;
    font-weight: 500;
font-size: 17px;
    line-height: 1.8em;
	margin-bottom:10px!important;

}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family:  sans-serif;
    color: #333333;
    font-weight: 400;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}
h1, .h1 {
    font-size: 30px;
    font-weight: 700;
}
h2, .h2 {
    font-size: 28px;
    font-weight: 700;
}
h3, .h3 {
    font-size: 22px;
    font-weight: 400;
}
h4, .h4 {
    font-size: 18px;
    font-weight: 400;
}
h5, .h5 {
    font-size: 16px;
    font-weight: 400;
}
h6, .h6 {
    font-size: 16px;
    font-weight: 300;
}
@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 18px;
        font-weight: 400;
    }
    h2, .h2 {
        font-size: 16px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    h6, .h6 {
        font-size: 16px;
    }
}
ul,
ol {
    list-style: none;
}

ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}
strong {
    font-weight: 600;
}
hr {
    margin: 1.625em 0;
    border-color: #e6e6e6;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
a {
    color: #ffffff;
}
a:hover,
a:focus,
a:active {
    color: #f36371;
}
p a:hover,
p a:focus,
p a:active {
    color: #f36371;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

body {
  overflow-x: hidden;
}
/*---------------------
` 04. Transtion
-----------------------*/
a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
input,

select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

/*---------------------
  05. Images
----------------------*/
img, .img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
p + img,
img:last-child {
  margin-bottom: 0;
}
body {
  background: #fff;
}
.mark, mark {
    background: #005691 none repeat scroll 0 0;
    color: #ffffff;
}




/*-------------------------------
  06. Bg-Color
-------------------------------------*/
.bg__theme {
    background: #000000;
}
.bg__theme--2 {
    background: #ED6A47;
}
.bg__white {
  background: #ffffff;
}
.bg__gray {
    background: #f1f1f1;
}
.bg__dark {
    background: #151515;
}
.bg__cat--1{
    background-color: #9b826f;
}
.bg__cat--2{
    background-color: #1e1e1e;
}
.bg__cat--3{
    background-color: #f0f0f0;
}

.bg__cat--4{
    background-color: #0e2c53;
}

/*-------------------------------
  07. Social Icon Text Color
-------------------------------*/
.color--facebook {
  color: #3b5998;
}
.color--twitter {
  color: #00aced;
}
.color--linkedin {
  color: #dd4b39;
}

.color--linkedin {
  color: #dd4b39;
}

.color--instagram {
  color: #125688;
}
.color--pinterest {
  color: #cb2027;
}
.color--dribbble {
  color: #ea4c89;
}
.color--behance {
  color: #053eff;
}
/*-------------------------------
  08. Social Icon Bg Color
-------------------------------*/
.bg--facebook {
  background: #3a5897;
}
.bg--twitter {
  background: #00aced;
}
.bg--linkedin {
  background: #db4437;
}

.bg--linkedin {
  background: #db4437;
}


.bg--instagram {
  background: #ac907a;
}


.bg--pinterest {
  background: #cb2027;
}
.bg--dribbble {
  background: #ea4c89;
}
.bg--behance {
  background: #053eff;
}


/*-----------------------------
  09. Text Color
--------------------------------*/
.text--theme { 
  color: #f36371;
 }
.text--blue { 
  color: #4FC1F0;
 }
.text--white { 
  color: #fff ;
}
.text--black { 
  color: #363636; 
}
.text--white { 
  color: #fff;
 }

/*--------------------------
  10. Bg Images
----------------------------*/

.bg--1 {
  background-attachment: scroll;
  background-clip: border-box;
  background-image: url("../../images/bg/1.jpg");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg--2 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/2.jpg") no-repeat scroll center center / cover ;
}
.bg--3 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/3.jpg") no-repeat scroll center center / cover ;
}
.bg--4 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/4.jpg") no-repeat scroll center center / cover ;
}
.bg--5 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/8.jpg") no-repeat scroll center center / 100% 100%;
}
.bg--6 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/6.jpg") no-repeat scroll center center / cover ;
}
.bg--7 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/7.jpg") no-repeat scroll center center / cover ;
}
.bg--8 {
  background: rgba(0, 0, 0, 0) url("../../images/others/blog/1.jpg") no-repeat scroll center center / 100% 100%;
}
.bg--9 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/8.jpg") no-repeat scroll center center / cover ;
}


/*----------------------------
  11. Background overlay 
---------------------------------*/
[data__overlay] {
    position: relative;
}
[data__overlay]:before {
    position: absolute;
    content: '';
    background: #3f51b5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data__overlay] *:not(.background-image-holder):not(.instafeed--background) {
    z-index: 2;
}
[data__overlay].image--light:before {
    background: #fff;
}
[data__overlay].bg--primary:before {
    background: #425cbb;
}
[data__overlay="1"]:before {
    opacity: 0.1;
}
[data__overlay="2"]:before {
    opacity: 0.2;
}
[data__overlay="3"]:before {
    opacity: 0.3;
}
[data__overlay="4"]:before {
    opacity: 0.4;
}
[data__overlay="5"]:before {
    opacity: 0.5;
}
[data__overlay="6"]:before {
    opacity: 0.6;
}
[data__overlay="7"]:before {
    opacity: 0.7;
}
[data__overlay="8"]:before {
    opacity: 0.8;
}
[data__overlay="9"]:before {
    opacity: 0.9;
}
[data__overlay="10"]:before {
    opacity: 1;
}


/*---------------------------------
  12. Background Black Overlay 
---------------------------------*/

[data--black__overlay] {
    position: relative;
}

[data--black__overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--black__overlay="1"]:before {
    opacity: 0.1;
}
[data--black__overlay="2"]:before {
    opacity: 0.2;
}
[data--black__overlay="3"]:before {
    opacity: 0.3;
}
[data--black__overlay="4"]:before {
    opacity: 0.4;
}
[data--black__overlay="5"]:before {
    opacity: 0.5;
}
[data--black__overlay="6"]:before {
    opacity: 0.6;
}
[data--black__overlay="7"]:before {
    opacity: 0.7;
}
[data--black__overlay="8"]:before {
    opacity: 0.8;
}
[data--black__overlay="9"]:before {
    opacity: 0.9;
}
[data--black__overlay="10"]:before {
    opacity: 1;
}
[data--black__overlay="0"]:before {
    opacity: 0;
}

[data--black__overlay="0"] > div{
  z-index: 5;
  color: #fff;
}



/*---------------------------------
  13. Background theme Overlay 
---------------------------------*/

[data--theme__overlay] {
    position: relative;
}

[data--theme__overlay]:before {
    position: absolute;
    content: '';
    background: #005791;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--theme__overlay="1"]:before {
    opacity: 0.1;
}
[data--theme__overlay="6"]:before {
    opacity: 0.6;
}




/*-------------------------
  13. Input
--------------------------*/
input[type=text],
input[type=email],
input[type=password]{
    width: 100%;
}
select {
    width: 100%;
    
}
input:focus {
   /* background: transparent;*/
    border: 1px solid #4FC1F0;
}
textarea {
    resize: none;
    background: #f36371;
    border: 1px solid #f36371;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 1px solid #f36371;
    outline: none;
}
/*----------------------------
  14. Basic margin padding
-----------------------------*/
.m--0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p--0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*---------------------------
  15. Margin top
--------------------------*/
.mt--0 { margin-top: 0 }
.mt--10 { margin-top: 10px }
.mt--15 { margin-top: 15px }
.mt--20 { margin-top: 20px }
.mt--30 { margin-top: 30px }
.mt--40 { margin-top: 40px }
.mt--50 { margin-top: 50px }
.mt--60 { margin-top: 60px }
.mt--70 { margin-top: 70px }
.mt--80 { margin-top: 80px }
.mt--90 { margin-top: 90px }
.mt--100 { margin-top: 100px }
.mt--110 { margin-top: 110px }
.mt--120 { margin-top: 120px }
.mt--130 { margin-top: 130px }
.mt--140 { margin-top: 140px }
.mt--150 { margin-top: 150px }

/*-----------------------------
  16. Margin bottom
-------------------------------*/
.mb--0 { margin-bottom: 0 }
.mb--10 { margin-bottom: 10px }
.mb--15 { margin-bottom: 15px }
.mb--20 { margin-bottom: 20px }
.mb--30 { margin-bottom: 30px }
.mb--40 { margin-bottom: 40px }
.mb--50 { margin-bottom: 50px }
.mb--60 { margin-bottom: 60px }
.mb--70 { margin-bottom: 70px }
.mb--80 { margin-bottom: 80px }
.mb--90 { margin-bottom: 90px }
.mb--100 { margin-bottom: 100px }
.mb--110 { margin-bottom: 110px }
.mb--120 { margin-bottom: 120px }
.mb--130 { margin-bottom: 130px }
.mb--140 { margin-bottom: 140px }
.mb--150 { margin-bottom: 150px }

/*--------------------------
  17. Padding top
---------------------------*/
.pt--0 { padding-top: 0 }
.pt--10 { padding-top: 10px }
.pt--15 { padding-top: 15px }
.pt--20 { padding-top: 20px }
.pt--30 { padding-top: 30px }
.pt--40 { padding-top: 40px }
.pt--50 { padding-top: 50px }
.pt--60 { padding-top: 60px }
.pt--70 { padding-top: 70px }
.pt--80 { padding-top: 80px }
.pt--90 { padding-top: 90px }
.pt--100 { padding-top: 50px }
.pt--110 { padding-top: 110px }
.pt--120 { padding-top: 120px }
.pt--130 { padding-top: 130px }-
.pt--140 { padding-top: 140px }
.pt--150 { padding-top: 150px }

/*------------------------
  18. Padding bottom
---------------------------*/
.pb--0 { padding-bottom: 0 }
.pb--10 { padding-bottom: 10px }
.pb--15 { padding-bottom: 15px }
.pb--20 { padding-bottom: 20px }
.pb--30 { padding-bottom: 30px }
.pb--40 { padding-bottom: 40px }
.pb--50 { padding-bottom: 50px }
.pb--60 { padding-bottom: 60px }
.pb--70 { padding-bottom: 70px }
.pb--80 { padding-bottom: 80px }
.pb--90 { padding-bottom: 90px }
.pb--100 { padding-bottom: 100px }
.pb--110 { padding-bottom: 110px }
.pb--120 { padding-bottom: 120px }
.pb--130 { padding-bottom: 130px }
.pb--140 { padding-bottom: 140px }
.pb--150 { padding-bottom: 150px }


/*------------------------------
  19. Page section padding 
-------------------------------*/
.ptb--0 { padding: 0 }
.ptb--10 { padding: 10px 0 }
.ptb--20 { padding: 20px 0 }
.ptb--30 { padding: 30px 0 }
.ptb--40 { padding: 40px 0 }
.ptb--50 { padding: 50px 0 }
.ptb--60 { padding: 60px 0 }
.ptb--70 { padding: 70px 0 }
.ptb--80 { padding: 80px 0 }
.ptb--90 { padding: 90px 0 }
.ptb--100 { padding: 100px 0 }
.ptb--110 { padding: 110px 0 }
.ptb--120 { padding: 120px 0 }
.ptb--130 { padding: 130px 0 }
.ptb--135 { padding: 135px 0 }
.ptb--140 { padding: 140px 0 }
.ptb--150 { padding: 150px 0 }

/*---------------------------
  20. Page section margin 
-----------------------------*/
.mtb--0 { margin: 0 }
.mtb--10 { margin: 10px 0 }
.mtb--15 { margin: 15px 0 }
.mtb--20 { margin: 20px 0 }
.mtb--30 { margin: 30px 0 }
.mtb--40 { margin: 40px 0 }
.mtb--50 { margin: 50px 0 }
.mtb--60 { margin: 60px 0 }
.mtb--70 { margin: 70px 0 }
.mtb--80 { margin: 80px 0 }
.mtb--90 { margin: 90px 0 }
.mtb--100 { margin: 100px 0 }
.mtb--110 { margin: 110px 0 }
.mtb--120 { margin: 120px 0 }
.mtb--130 { margin: 130px 0 }
.mtb--140 { margin: 140px 0 }
.mtb--150 { margin: 150px 0; }


/*-----------------------------
  21. Custom cloumn
--------------------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}
.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
/*------------------------
 Others
-------------------------*/
p.form-messege{
  margin-top:15px;font-size:14px
}
p.success {
  color: green;
}
p.error {
  color: red;
}

/*-----------------------------------------
  22. Moz Placeholder
------------------------------------------*/

*::-moz-selection {
    background: #005691;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #005691;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #005691;
    color: #fff;
    text-shadow: none;
}

input::-moz-placeholder {
    color: #333;
    font-size: 14px;
}

.single__option select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background: rgba(0, 0, 0, 0) url("../../images/icons/select-option.png") no-repeat scroll 90% 21px / 10px 6px;
}

input [type="text"]:focus, 
input [type="text"]:focus::-moz-placeholder,
input [type="email"]:focus, 
input [type="email"]:focus::-moz-placeholder{
  color: #333333;
}

input::-moz-placeholder {
  color: #444 !important;
  opacity: 1;
}
input::-webkit-input-placeholder { / Chrome/Opera/Safari /
  color: #444 !important;
  opacity: 1;
}
input::-moz-placeholder { / Firefox 19+ /
  color: #444 !important;
  opacity: 1;
}
input:-ms-input-placeholder { / IE 10+ /
  color: #444 !important;
  opacity: 1;
}
input:-moz-placeholder { / Firefox 18- /
  color: #444 !important;
  opacity: 1;
}



/*-----------------------------------------------------------------------------------
  Template Name: Lloyd Institute of Management & Technology.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
-------------------------------------------------------------------------------------*/
/*


    font-family: 'Roboto Slab', serif;

    font-family: 'Raleway', sans-serif;


*/
/*-----------------------------
	Footer Default
------------------------------*/

.htc__footer__top {
  align-items: center;
  display: flex;
  height: 267px;
  justify-content: center;
  border-bottom: 1px solid #126399;
}
.footer__logo a {
    display: block;
}
.htc__footer__address {
    display: flex;
}
.footer__logo {
    margin-bottom: 26px;
    text-align: center;
}
.htc__footer__address li p {
    color: #fff;
    font-size: 15px;
}
.htc__footer__address li a {
    font-size: 15px;
}
.htc__footer__address li i {
    margin-right: 10px;
}
.htc__footer__address li + li {
    margin-left: 40px;
}
.footer__title {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.htc__ft__list li a {
    font-size: 14px;
    line-height: 36px;
    text-transform: capitalize;
}
.htc__ft__list {
    margin-top: 24px;
}
.footer__details {
    color: #fff;
    margin-top: 31px;
}

.copyright__inner {
    align-items: center;
    display: flex;
    height: 84px;
    justify-content: space-between;
}
.htc__copyright__area {
    border-top: 1px solid #126399;
}
.footer__menu {
    display: flex;
}
.copyright p {
    color: #fff;
    font-size: 14px;
}
.copyright p a {
    padding: 0 5px;
    text-transform: capitalize;
}
.footer__menu li a {
    font-size: 14px;
    text-transform: capitalize;
}
.footer__menu li + li {
    margin-left: 31px;
}

/*-----------Footer Style 2-----------*/

.footer__style--2 .htc__footer__top {
  border-bottom: 1px solid #2e2e2e;
}
.footer__style--2 .htc__copyright__area {
  border-top: 1px solid #2e2e2e;
}
.footer__style--2 .copyright p a {
  color: #2db6a3;
}

/*-----------Footer Style 3-----------*/

.footer__style--3 .htc__footer__top {
  border-bottom: 1px solid #2e2e2e;
}
.footer__style--3 .htc__copyright__area {
  border-top: 1px solid #2e2e2e;
}
.footer__style--3 .copyright p a {
  color: #e9ae37;
}

/*-----------Footer Style 4-----------*/

.footer__style--4 .htc__footer__top {
  border-bottom: 1px solid #1f3b5f;
}
.footer__style--4 .htc__copyright__area {
  border-top: 1px solid #1f3b5f;
}
.footer__style--4 .copyright p a {
  color: #9f1e49;
}




/*-----------------------------------------------------------------------------------
  Template Name: Lloyd Institute of Management & Technology.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
-------------------------------------------------------------------------------------*/
/*

    font-family: 'Roboto Slab', serif;

    font-family: 'Raleway', sans-serif;


*/

/*----------------------------------------
  Menu basic style
------------------------------------------*/
.header{
  z-index: 10;
  position: relative;
}
.main__menu {
  display: flex;
  justify-content: flex-end;
}
.main__menu > li > a {
  display: block;
  font-size:14px;
  font-weight: 700;
  height: 120px;
  line-height: 120px;
 /* padding: 0 10px; */
  padding: 0 1px;
  position: relative;
  text-transform: uppercase;
  color: #333333;
  font-family:  Open Sans;
}
.main__menu li {
  position: relative;
}
.main__menu > li:hover > a{
  color: #005691;
}
.main__menu li + li {
  margin-left: 20px;
}
.logo {
    display: flex;
   
    line-height: 120px;
}
.logo a {
    display: block;
}

.mainmenu__wrap .col-md-9{
  padding-right: 0px;
}

.mainmenu__wrap .col-md-1{
  padding-left: 0px;
}
.main__menu li:last-child a {
  padding-right: 0;
}
.header--two .main__menu li.drop::before,
.header--three .main__menu li.drop::before {
  color: #fff;
}



/*-----------------------------------------
  Sticky  For  Header
-------------------------------------------*/
.sticky__header.scroll-header {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #ED6A47;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.header--two .sticky__header.scroll-header,
.header--three .sticky__header.scroll-header  {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
.sticky__header.scroll-header  .logo,
.sticky__header.scroll-header .main__menu > li > a,
.sticky__header.scroll-header .cart__search__list {
  height: 82px;
  line-height: 70px;
}

.header__style__four.sticky__header.scroll-header .htc__header__top {
  display: none;
}
.header__style__four.sticky__header.scroll-header {
  padding-left: 106px;
  padding-right: 106px;
}

.header__style__four.sticky__header.scroll-header .mainmenu__area {
  background: transparent;
}

.fluid-container.mobile-menu-container {
  position: relative;
}
.mobile-logo {
  align-items: center;
  display: flex;
  height: 55px;
  left: 0;
  padding-left: 15px;
  position: absolute;
  top: 0;
  z-index: 2147483647;
}
.mobile-logo img {
  max-height: 54px;
}

/*-----------------------------
  Dropdown Menu
--------------------------------*/
.main__menu li.drop{
    position: relative;
    transition: 0.4s;
}

.main__menu li.drop::before {
    color: #333333;
    content: "";
    font-family: "Ionicons";
    font-size: 12px;
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
}

.main__menu li.drop ul.dropdown {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.12), 7px 0 12px rgba(0, 0, 0, 0.12);
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 12px 0;
  position: absolute;
  top: 100%;
  transform-origin: center top 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 233px;
  z-index: 999;
}
.main__menu li.drop:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
}

.scroll-header .main__menu li.drop ul.dropdown {
  top: 100%;
}
.scroll-header .main__menu li.drop:hover ul.dropdown {
  top: 100%;
}

.main__menu ul.dropdown li {
  display: block;
}

.main__menu ul.dropdown li a {
  background: #ffffff none repeat scroll 0 0;
  color: #333333;
  display: block;
  font-family:  Open Sans;
  font-size: 13px;
  font-weight: 400;
  padding: 0px 10px 8px 20px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.main__menu li.drop ul.dropdown li:hover > a {
    color: #005691;
}
.header--two .main__menu li.drop ul.dropdown li:hover > a {
    color: #2db6a3;
}
.header--three .main__menu li.drop ul.dropdown li:hover > a {
    color: #e9ae37;
}
.header--four .main__menu li.drop ul.dropdown li:hover > a {
    color: #9f1e49;
}

.main__menu li.drop ul.dropdown li{
  margin-left: 0px;
}





/*----------------------------
  Sub Menu
---------------------------*/

.main__menu li.drop ul.dropdown li.drop::after {
  color: #999;
  content: "";
  font-family: "Material-Design-Iconic-Font";
  font-size: 13px;
  position: absolute;
  right: 20px;
  top: 12px;
  transition: all 0.2s ease-in-out 0s;
}
.main__menu li.drop ul.dropdown li.drop{
  position: relative;
}
.main__menu li.drop ul.dropdown li.drop ul.dropdown.smright {
  border: medium none;
  right: 100%;
  top: 0;
  transition: all 0.3s ease 0s;
}
.main__menu li.drop ul.dropdown li.drop ul.dropdown.level2 {
  border: medium none;
  left: 100%;
  top: 20%;
  transition: all 0.3s ease 0s;
}
.main__menu li.drop ul.dropdown li.drop ul.dropdown.level2 {
    opacity: 0;
    visibility: hidden;
}
.main__menu li.drop ul.dropdown li.drop:hover ul.dropdown.level2 {
    opacity: 1;
    visibility: visible;
    top: 0;
}
.main__menu li.drop ul.dropdown li.drop ul.dropdown.smright {
    opacity: 0;
    visibility: hidden;
}
.main__menu li.drop ul.dropdown li.drop ul.dropdown.smright {
  background: #ffffff none repeat scroll 0 0;
  left: -100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 20%;
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
  width: 220px;
  z-index: 999;
}
.main__menu li.drop ul.dropdown li.drop:hover ul.dropdown.smright {
  left: -100%;
  opacity: 1;
  visibility: visible;
  top: 0;
}
/*---------------------------------
  Header Top Area
--------------------------------*/

.htc__header__top {
    align-items: center;
    display: flex;
    height: 56px;
}
.header__address {
    display: flex;
    justify-content: flex-start;
}
.header__top__right {
    display: flex;
    justify-content: flex-end;
}
.social__icon {
    display: flex;
}
.login__register {
    display: flex;
}
.header__address li a {
    font-family:  Open Sans;
    font-size: 14px;
    font-weight: 500;
}
.header__address li + li {
    margin-left: 40px;
}
.header__address li a i {
    padding-right: 10px;
}
.social__icon li a i {
    font-size: 18px;
}
.social__icon li + li {
    padding-left: 28px;
}
.login__register {
    margin-left: 28px;
    padding-left: 28px;
}
.login__register li + li {
    padding-left: 30px;
}
.login__register li a {
    font-family:  Open Sans;
    font-size: 14px;
    font-weight: 500;
}
.login__register {
    position: relative;
}
.login__register::before {
    background: #99bbd3 none repeat scroll 0 0;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}








/*-----------------------------------
  Toggle Menu
---------------------------------------*/
.search__area .search__inner form button::before {
  color: #333;
  content: "";
  display: block;
  font-family:  Open Sans;
  font-size: 18px;
  transition: color 300ms ease 0s;
}
.toggle-menu {
  display: flex;
  justify-content: flex-start;
  padding-left: 15px;
}
.cart__search__list {
  display: flex;
  justify-content: flex-end;
}
.cart__search__list {
  height: 120px;
  line-height: 120px;
}
.cart__search__list li + li {
    margin-left: 40px;
}
.cart__search__list li {
    position: relative;
}
.badge--cart {
    background: #6bc614 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -6px;
    width: 15px;
}
.cart__search__list li a i {
    color: #333;
    font-size: 18px;
}
.search-dropdown {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
li.search__open:hover .search-dropdown {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.input-outer input[type="text"],
.input-outer input[type="email"],
.input-outer input[type="password"] {
  border: 1px solid #ddd;
  color: #606060;
  padding: 0 20px;
  width: 200px;
}
.toggle-menu i {
  cursor: pointer;
  font-size: 24px;
}
.toggle-wrap {
    display: flex;
}
.toggle-dropdown-menu li h4.megamenu__subtitle span::before {
    background: #6bc614 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.toggle-dropdown-menu li a {
  color: #444;
  display: block;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  text-transform: capitalize;
}
.toggle-dropdown-menu li {
    border-bottom: 1px solid #f1f1f1;
}
.site-info-wrap{
    width: 870px;
}
.toggle-dropdown-menu {
    padding: 20px 20px 0;
    width: 34%;
}
.toggle-wrap ul + ul {
    margin-left: 30px;
}
.toggle-dropdown-menu li:last-child {
    border-bottom: 1px solid transparent;
}
.toggle-dropdown-menu li:first-child {
    border-bottom: 1px solid transparent;
}
.toggle-dropdown-menu li:hover a {
  background: #f7f7f7 none repeat scroll 0 0;
}
.toggle-dropdown-menu li{
    display: block;
}
.toggle-dropdown-menu li a img {
    margin-right: 10px;
}
/*New code*/

.site-info-wrap {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #f1f1f1;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
  display: none;
  left: 0;
  padding: 30px;
  position: absolute;
  top: 100%;
}
.site-info-wrap p {
    margin-bottom: 20px;
}
.header__wrap .col-md-1 {
    position: initial;
}
.header__wrap {
    position: relative;
}

em.color.main-font {
    color: #6bc614;
    font-size: 18px;
}
.li-col-full {
    padding-left: 18px;
}

/*---------------------------
  Search area
-------------------------------*/
.search__area {
  background: #005691;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-200%);
  transition: all 300ms ease 0s;
  z-index: 2147483647;
}
.search__area .search__inner{
  position: relative;
}
.search__area .search__inner form {
  margin: 4em 0;
  padding: 0 40px 0 0;
  position: relative;
  text-align: center;
}
.search__area .search__inner form input[type="text"] {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  color: #333;
  font-size: 25px;
  font-weight: 300;
  height: 60px;
  line-height: 60px;
  padding: 0 70px 0 20px;
  text-align: left;
}
.search__area .search__inner form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
  font-size: 25px;
  font-weight: 300;
}
.search__area .search__inner form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  font-size: 25px;
  font-weight: 300;
}
.search__area .search__inner form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #333;
  font-size: 25px;
  font-weight: 300;
}
.search__area .search__inner form input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #333;
  font-size: 25px;
  font-weight: 300;
}
.search__area .search__inner form button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 40px;
  top: 0;
  width: 60px;
  transition: 0.3s;
}
.search__area .search__inner form button:hover {
  background: #f36371 none repeat scroll 0 0;
}
.search__area .search__inner form button:hover::before {
  color: #fff;
}
.search__area .search__inner .search__close__btn {
  display: block;
  line-height: 58px;
  position: absolute;
  right: 0;
  top: 0;
}
.search__area .search__inner .search__close__btn {
  color: #fff;
  cursor: pointer;
  font-size: 21px;
  line-height: 58px;
}

.search__close__btn .search__close__btn_icon i {
    transition: all 0.5s ease 0s;
    transform: scale(1) rotate(0deg);
}
.search__close__btn .search__close__btn_icon:hover i {
    transform: scale(2) rotate(180deg);
    color: red;
}
.search__box__show__hide .search__area {
  transform: translateY(0px);
  transition: all 300ms ease 0s;
}
.pos-static {
  position: static;
}
.cart__search__list li a i{
  transition: 0.3s;
  font-size: 24px;
}
.cart__search__list li a:hover i {
  color: #005691;
}


nav.mainmenu__nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center;
}


nav.mainmenu__nav .cart__search {
    margin-left: 40px;
}




/*---------------------------------------
  03. Header Style Two And Three
----------------------------------------*/
.htc__header--transparent {
  position: relative;
  z-index: 2;
}
.htc__header--transparent::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.htc-header.header--two,
.htc-header.header--three {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
}
.header--two .main__menu > li > a,
.header--three .main__menu > li > a {
  color: #fff;
}


/*-----------------------------
  Header Style 2
-------------------------------*/
.header--two .main__menu > li:hover > a {
  color: #2db6a3;
}
.header--two .htc__header__top {
  border-bottom: 1px solid #484a4a;
}
.header--two .cart__search__list li a i {
  color: #fff;
  font-size: 24px;
}
.header--two .search__area {
  background: #2db6a3;
}

.header--two .cart__search__list li a:hover i {
  color: #2db6a3;
}


/*-----------------------------
  Header Style 3
-------------------------------*/

.header--three .main__menu > li:hover > a {
  color: #e9ae37;
}
.header--three .cart__search__list li a i {
  color: #fff;
  font-size: 24px;
}
.header--three .search__area {
  background: #e9ae37;
}

.header--three .cart__search__list li a:hover i {
  color: #e9ae37;
}
.header--three .htc__header--transparent::before {
  position: inherit;
}
.header--three .htc__header__top {
    position: relative;
    z-index: 1;
}
.header--three .htc__header__top::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.header--three .logo {
  height: 82px;
  line-height: 82px;
}
.header--three .main__menu > li > a {
  height: 82px;
  line-height: 82px;
}
.header--three .cart__search__list {
  height: 82px;
  line-height: 87px;
}
.header--three .slider__display--center {
  padding-top: 112px;
}


/*-----------------------------
  Header Style 4
-------------------------------*/

.header--four .header__address li a {
  color: #707070;
}
.header--four .login__register li a {
  color: #333333;
  transition: 0.3s;
}
.header--four .social__icon li a i {
  color: #333333;
  transition: 0.3s;
}
.header--four .logo {
  height: 146px;
  line-height: 146px;
}
.header--four .main__menu > li > a {
  height: 90px;
  line-height: 90px;
  transition: 0.3s;
}
.header--four .cart__search__list {
  height: 90px;
  line-height: 90px;
}
.header--four .htc__header__top {
  border-bottom: 1px solid #ededed;
}
.header--four .search__area {
  background: #9f1e49;
}


.header--four .main__menu > li:hover > a,
.header--four .cart__search__list li a:hover i,
.header--four .header__address li a:hover,
.header--four .social__icon li a:hover i,
.header--four .login__register li a:hover {
  color: #9f1e49;
}
.header--four .header__top__right {
  margin-right: -15px;
}
.header--four nav.mainmenu__nav {
  margin-right: -15px;
}

.header--four .htc__header__top div[class*="col-"] {
  padding-left: 0;
}