@charset "utf-8";
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight:400;
    font-style: normal;
    font-display: swap;
}

/*	1. General code
==========================*/
html{font-size:14px;}
body {font-family: 'Roboto', sans-serif;font-weight:400;font-size:14px;overflow-x:hidden;color:#666;background: #fff;}
/*----------------------
	1.1. Typography
------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#3C494F;font-weight:500;font-family: 'Roboto', sans-serif;margin: 0 0 15px;line-height: normal;}
h1 {font-size: 3.4375em;}
h2 {font-size: 2.5em;}
h3 {font-size: 2em;}
h4 {font-size:1.5em;}
h5 {font-size:1.375em;}
h6 {font-size:1.25em;} 
/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}
/* text color */
.text-white {color:#fff}
.text-black {color:#000}
.text-extra-dark-gray {color:#232323}
.text-dark-gray {color:#626262}
.text-extra-medium-gray {color:#757575}
.text-medium-gray {color:#939393}
.text-extra-light-gray {color:#b7b7b7}
.text-light-gray {color:#d6d5d5}
.text-very-light-gray {color:#ededed}
.text-deep-pink {color:#ff214f}
/* letter spacing */
.no-spacing {letter-spacing:0px}
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}
.letter-spacing-minus-1 {letter-spacing:-1px}
.letter-spacing-minus-2 {letter-spacing:-2px}
.letter-spacing-minus-3 {letter-spacing:-3px}
.letter-spacing-minus-4 {letter-spacing:-4px}
.letter-spacing-minus-5 {letter-spacing:-5px}
.letter-spacing-minus-6 {letter-spacing:-6px}
.letter-spacing-minus-7 {letter-spacing:-7px}
.letter-spacing-minus-8 {letter-spacing:-8px}
.letter-spacing-minus-9 {letter-spacing:-9px}
.letter-spacing-minus-10 {letter-spacing:-10px}
/* font weight */
.font-weight-100 {font-weight:100}
.font-weight-200 {font-weight:200}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-600 {font-weight:600}
.font-weight-700 {font-weight:700}
.font-weight-900 {font-weight:900} 
/* line height */
.line-height-10 {line-height:10px}
.line-height-13 {line-height:13px}
.line-height-18 {line-height:18px}
.line-height-20 {line-height:20px}
.line-height-24 {line-height:24px}
.line-height-22 {line-height:22px}
.line-height-26 {line-height:26px}
.line-height-28 {line-height:28px}
.line-height-30 {line-height:30px}
.line-height-35 {line-height:35px}
.line-height-40 {line-height:40px}
.line-height-45 {line-height:45px}
.line-height-50 {line-height:50px}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

p {line-height:24px;margin-bottom:0;text-align: justify;color: #3C494F;}
a {text-decoration:none;color:#111;transition: all 500ms ease;}
a:hover, a:focus,.carousel-control:focus {text-decoration:none;outline:none;color:#3c494f;transition: all 500ms ease;}
img {max-width:100%;}
ul,ol {margin: 0;padding: 0;}
ul.list-with-icon li{line-height: 20px;margin-bottom: 0px;padding: 0 10px 0 10px;position: relative;list-style:none;text-transform: capitalize;}
ul.list-with-icon li i, ul.list-with-icon li p.fa{position: absolute;left: 0;top: 13px;font-size: 14px;}
ul.list-with-icon li p.fa{font: normal normal normal 14px/1 FontAwesome!important;}
.white-text,.white-text h1,.white-text h2,.white-text h3,.white-text h4,.white-text h5,.white-text h6,.white-text p {color:#fff;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}
.divider {border-bottom: 1px solid #dcd9d9;clear: both;margin: 40px auto;}
.divider.double {border-bottom: 3px double #dcd9d9;}
.inheading{background: url("images/border.png") repeat-x left 12px;color: #111;padding-bottom: 20px;text-transform: capitalize;margin-bottom: 0;line-height: 30px;}
.inheading span{display: inline-block;background: #fff;padding: 0 15px 0 0;}
.m30{margin-bottom: 30px;}
.padded{padding: 0;}
.Lpadded{padding-left: 0;}
.Rpadded{padding-right: 0;}
input, input:focus, textarea, textarea:focus{outline: none;}
.map{width: 100%;height: 400px;border: 1px solid #efefef;filter: grayscale(100%);}
blockquote{border-color: #3c494f;margin: 15px 0;}
blockquote span{font: 600 14px 'Open Sans',sans-serif;color: #333;display: block;width: 100%;padding-top: 10px;}
blockquote span span{padding-top: 0;color: #666;}
label{font: 600 13px/30px 'Open Sans',sans-serif;color: #666;margin-bottom: 0;}
/* input[type="text"],input[type="password"],input[type="email"],textarea{background: #f2f2f2;border: medium none;font-size: 14px;padding: 10px 15px;width: 100%;font-size: 14px 'Open Sans',sans-serif;color: #333;} */
input[type="radio"]{position: absolute; left: 0; top: 0; margin: 0px; width: 15px; height: 15px;opacity: 1;z-index: 1;opacity: 0;}
.radio{display: inline-block;padding-left: 30px;margin-top: 0;line-height: 20px;}
.radio:after{content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border-radius: 50%;background: #f2f2f2;}
.radio:before{content: "";position: absolute;left: 7px;top: 7px;width: 7px;height: 7px;border-radius: 50%;background: #3c494f;display: none;z-index: 2;}
input[type="radio"]:checked + .radio:before{display: block;}
input[type="checkbox"]{position: absolute; left: 0; top: 0; margin: 0px; width: 15px; height: 15px;opacity: 1;z-index: 1;opacity: 0;}
.checkbox{display: inline-block;padding-left: 35px;margin-top: 0;line-height: 16px;}
.checkbox:after{content: "";position: absolute;left: 0;top: 5px;width: 20px;height: 20px;background: #f2f2f2;}
.checkbox:before{content: "";position: absolute;left: 5px;top: 10px;width: 10px;height: 10px;background: #3c494f;display: none;z-index: 2;}
input[type="checkbox"]:checked + .checkbox:before{display: block;}
.form-control{border: none;padding: 0;box-shadow: none;display: table;width: 100%;}
/*----------------------
	1.2. Button
------------------------------*/
.button{font:400 14px/20px 'Roboto',sans-serif;color: #111;text-transform: uppercase;display: inline-block;padding: 12px 20px;background: #3c494f;transition: all 500ms ease;margin-top: 15px;border: none;}
.button i{padding-right: 5px;}
.button:hover,.button:focus{color: #fff;background: #6d8f16;transition: all 500ms ease;}
/*----------------------
	1.3. Heading
------------------------------*/
.heading {
    border: medium none;
    color:#3C494F;
    display: inline-block;
    font: 700 1.85em/1.625em "Roboto",sans-serif;
    /* letter-spacing: 0.5px; */
    margin: 0 auto 30px;
    min-width: 272px;
    padding: 0 10px 0px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Roboto', sans-serif!important;
}
/*----------------------
	1.4. Breadcrumb
------------------------------*/
.breadcrumb {padding: 15px 0;background: #efefef;margin-bottom: 0;}
.breadcrumb ul li:first-child{padding-left: 0;}
.breadcrumb ul li{display: inline-block;position: relative;padding: 0 10px;color: #3c494f;font-weight: 500;font-size: 12px;}
.breadcrumb ul li:first-child:after{font-family: 'FontAwesome';content: '\f105';font-size: 13px;top: 0;right: -6px;position: absolute;color: #111;}
/*----------------------
	1.5. Fixbutton
------------------------------*/
.fixbutton{position: fixed;right: 0;bottom: 11.3%;margin-top: -60px;z-index: 99;}
.fixbutton li{display: block;text-align: right;margin-bottom: 1px;}
.fixbutton li a{display: inline-block;color: #1f223e;cursor: pointer;}
.fixbutton li a span{width: 0;background: #3c494f;padding: 10px;width: 0;opacity: 0;visibility: hidden;position: absolute;right: 100%;white-space: nowrap;width: auto;transition: all 500ms ease;font-weight: 600;}
.fixbutton li a i{width: 40px;height: 40px;line-height: 40px;text-align: center;background:#14703e;color: #fff;font-size:30px;}
.fixbutton li a:hover{color: #fff;transition: all 500ms ease;}
.fixbutton li a:hover span{opacity: 1;visibility: visible;transition: all 500ms ease;background-color: #6d8f16;color: #fff;}
.fixbutton li a i:hover,.fixbutton li a span:hover ~ i{background-color: #6d8f16;color: #fff;}
/*---------------------
	1.6. Switch Color
------------------------------*/
.switch-color{left: -120px;position: fixed;top: 150px;z-index: 1001;transition: all 500ms ease;}
.switch-color .icon{background: #3c494f;border-color: #ddd;border-style: solid solid solid none;border-width: 1px 1px 1px 0;cursor: pointer;float: right;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.switch-color .icon i{ color: #fff;font-size: 21px;}
.switch-color .box{background: #ffffff;border: 1px solid #ddd;border-radius: 0;cursor: pointer;float: right;font-size: 12px;padding: 6px;width: 120px;}
.switch-color .box ul{display: inline-block;}
.switch-color .box h4 {color: #212121;font-size: 16px;font-weight: 600;letter-spacing: 1px;margin: 0;padding: 5px 0;text-align: center;text-transform: uppercase;}
.switch-color li{display: block;}
.switch-color li a{border: 4px solid #ddd;display: inline-block;width: 28px;height: 28px;margin: 4px 10px;}
/*----------------------
	1.7. Circle
------------------------------*/
.circle{display: inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;text-align: center;color: #111;background: #3c494f;margin-right: 10px;font-size: 18px;font-weight: 600;}
/*----------------------
	1.8. Pagenation
------------------------------*/
.page{text-align: center;display: table;width: 100%;margin: 30px 0;}
.page li{display: inline-block;padding: 0 5px;}
.page li a{display: block;height: 40px;width: 40px;line-height: 40px;text-align: center;background: #f6f6f6;color: #000;border-radius: 50%;}
.page li a:hover,.page li .active{background: #3c494f;transition: all 500ms ease;}
.page li:first-child{float: left;}
.page li:last-child{float: right;}
.page li:first-child a,.page li:last-child a{display: inline-block;width: auto;height: auto;padding: 3px 20px;border-radius: 30px;}
/*----------------------
	1.9. Collapse
------------------------------*/
.panel-group .panel{border: none;padding: 0;margin: 0 0 15px;}
.panel-group.panel:last-child {margin-bottom: 60px;}
.panel-group .panel-heading{padding: 0;border: none;}
.panel-group .panel-heading .collapsed{background: #f2f2f2;color: #111;}
.panel-group .panel-heading a:hover,.panel-group .panel-heading a{color: #000;color: #111;font-size: 14px;font-weight: 600;background: #3c494f;transition: all 500ms ease;}
.panel-group a{display: inline-block;font-size: 17px;padding: 10px;position: relative;width: 100%}
.panel-group a:before{content: "";position: absolute;top: 40px;left: 20px;border: 8px solid #3c494f;border-color: #3c494f transparent transparent transparent;}
.panel-group a.collapsed:before{display: none;}
.panel-group .panel-body{background: #f2f2f2;padding: 20px;text-align: justify;color: #333;}
/*----------------------
	1.10. Legend
------------------------------*/
.legend{padding: 35px 15px 10px;border: 1px solid #000;position: relative;margin: 0px 0 0;width: 100%;}
.legend h6{font-size: 22px;position: absolute;padding: 15px;background: #fff;top: -25px;left: 5px;font-weight: bold;color: #111;z-index: 1;text-transform: capitalize;}

/*========================
	2. Header
==========================*/
/*------------------------
	2.1. Tophead
--------------------------*/
.tophead {background:#14703e;}
.tophead ul li {display: inline-block;padding-left: 30px;}	
.tophead .col-lg-5 ul li:first-child{padding-left: 0;}
.tophead ul li,.tophead ul li a {font-weight: 600;line-height: 16px;color: #fff;text-transform: capitalize;position: relative;}
.tophead ul li a {line-height: 15px;display: inline-block;}
.tophead ul li a i{padding-right:1px;color: #3c494f;}
.tophead ul li a:hover{color:#3c494f;}
.tophead ul li a:after {content: "";position: absolute;left: -15px;top: 0;width: 1px;height: 100%;}
.tophead ul li:first-child a:after {display: none;}
/*------------------------
	2.2. Midhead
--------------------------*/
/*.midhead {padding:10px 0 10px;background: #fff;}*/
.midhead .search input{background: #ffff!important;}
.midhead .col-lg-3{padding: 0 15px;}
.midhead .col-lg-3 img{max-width: inherit;}
.midhead .search{position: relative;}
.midhead input[type="search"] {
    background: #f2f2f2;
    padding: 10px 25px 10px 15px;
    font-size: 14px;
    border: none;
    width: 100%;
    height: 20px;
    border-radius: 5px;
}
.midhead button {background: transparent;border: none;position: absolute;right: 5px;top: 0;height: 100%;transition: all 500ms ease;}
.midhead button:hover i,.midhead .cartbox:hover i {color:#3c494f;transition: all 500ms ease;}
.midhead input[type="search"]::-moz-placeholder {opacity: 1;color: #878787;}
.midhead input[type="search"]::-webkit-input-placeholder {opacity: 1;color: #878787;}
.midhead .cartbox{display: inline-block;padding-left: 40px;padding-right: 45px;cursor: pointer;transition: all 500ms ease;position: relative;}
.midhead .cartbox:last-child{padding-right: 0;}
.midhead .cartbox i{position: absolute;left: 0;top: 0;color: #3c494f;transition: all 500ms ease;}
.midhead .cartbox i.fa-angle-down{position: inherit;left: inherit;top: inherit;}
.midhead .cartbox .shopdata i{color: #1f223e;}
.midhead .cartbox .shopdata i:hover{color: #3c494f;transition: all 500ms ease;}
.midhead .cartbox span b{text-transform: uppercase;font-size: 16px;font-weight: 600;}
.midhead .cartbox span{display: block;width: 100%;text-align: left;font-size: 14px;color: #444;}
.midhead .shopdata{position: absolute;left: -40px;top: 100px;opacity: 0;visibility: hidden;width: 300px;background-color: #fff;box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);cursor: auto;transition: all 200ms ease-out 0s;z-index: 9999;}
.midhead .basketopen .shopdata{opacity: 1;visibility: visible;top: 75px;transition: all 200ms ease-out 0s;}
.midhead .shopdata li{display: block;background-color: #f2f2f2;}
.midhead .shopdata li table{width: 100%;}
.midhead .shopdata li table tr{border-bottom: 1px solid #e1e1e1;}
.midhead .shopdata li table td{padding: 8px;font-size: 12px;text-align: left;}
.midhead .shopdata li table td img{border:1px solid #ddd;padding: 5px;border-radius: 4px;}
.midhead .shopdata li table td i{position: inherit;left: inherit;top: inherit;}
.midhead .shopdata .cartbutton{background-color: #fff;display: table;width: 100%;padding: 10px;border-bottom: 0;}
.midhead .shopdata .cartbutton a:first-child{float: left;background: #ddd;color: #000;}
.midhead .shopdata .cartbutton a{background: #3c494f;color: #fff;padding: 5px 10px;float: right;transition: all 500ms ease;}
.midhead .shopdata .cartbutton a:hover{background: #6d8f16;color: #fff;transition: all 500ms ease;}
.midhead .cartbox .cartempty{display: none;}
/*------------------------
	2.3. Menu
--------------------------*/

.mobile{display: none;font: 600 16px 'Open Sans',sans-serif;color: #000;text-transform: uppercase;text-align: right;cursor: pointer;}
.mobile:hover i{color: #3c494f;}
.menu ul li{display: inline-block;float: left;}
.menu ul li a {
    display: block;
    position: relative;
    /* font-size: 16px; */
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    padding:8px 6px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Roboto', sans-serif;
}

.menu ul li a i{font-size: 14px;cursor: pointer; font-weight: 600;margin-left:6px;}

.menu ul li a:hover:after{width: 100%;transition: all 500ms ease;}
.menu .submenus ul li{display: block;float: inherit;width: 100%;}
.menu .submenus ul li a{display: inline-block;color: #333;font-weight: 400;font-size: 13px;padding: 0 0 10px 0;text-transform: inherit;}
.menu .submenus ul li a:hover{background: transparent;color: #3c494f;}
.menu .submenus ul li:first-child{font-size: 15px;color: #000;text-transform: uppercase;display: block;font-weight: 700;padding-bottom:5px;position: relative;margin-bottom:5px }
/*.menu .submenus ul li:first-child:after{content: "";position: absolute;left: 0;bottom: -5px;background: #3c494f;height: 2px;width: 15px;}*/
.submenus ul li{line-height:20px!important ;}
.menu .submenus ul li:first-child:hover{background: transparent;}
.menu .submenus .subimg{background: transparent;padding: 0;margin-top: 25px;position: relative;}
.menu .submenus .subimg:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.4);transform: scale(0);transition: all 500ms ease;}
.menu .submenus .subimg:hover:after{transform: scale(1);transition: all 500ms ease;}
.menu ul .singlesub{position: relative;padding-bottom:10px;}
.menu ul .singlesub .submenus{min-width: 170px;left: 0;padding: 0;}
.menu ul .singlesub .submenus ul li{padding: 0;margin: 0;}
.menu ul .singlesub .submenus ul li a{border-bottom: 1px solid #e2e2e2;display: block;padding: 3px 15px;}
.menu ul .singlesub .submenus ul li:last-child{border-bottom: none;}
.menu .closemenu{display: none;position: absolute;right: 0;top: 8px;color: #fff;cursor: pointer;text-transform: uppercase;font-weight: bold;}
.menu ul .singlesub .submenus ul li:first-child a{color: #333;font-weight: 400;font-size: 13px;text-transform: capitalize!important;margin-bottom: 0;}
.menu ul .singlesub .submenus ul li:first-child:after{display: none;}
.menu ul .singlesub .submenus ul li:first-child a:hover{color: #3c494f;}
.menu ul .singlesub .submenus ul li a img{display: inline-block;}
.menu ul .singlesub .submenus ul li a span{display: block;width: 100%;padding: 10px 0 0 0;font-weight: 600;text-transform: uppercase;}
.menu ul .singlesub.features .submenus{min-width: 500px;padding: 8px 0;text-align: center;}
.menu ul .singlesub.features .submenus ul li{display: inline-block;width: auto;}
.menu ul .singlesub.features .submenus ul li a{border-bottom: none;}
/*========================
	3. Slider
==========================*/
.slider img{width: 100%;}
.slider .carousel-caption {bottom: inherit;left: 8%;padding-bottom: 30px;right: inherit;text-align: left;top: 20%;width: 100%;text-shadow: none;}
.slider .carousel-caption h2{font: 700 60px/80px 'Roboto',sans-serif;color: #111;text-transform: capitalize;opacity: 0;}
.slider .carousel-caption h3{font: 500 36px/40px 'Roboto',sans-serif;color: #222;text-transform: capitalize;letter-spacing: 4px;opacity: 0;}
.slider .carousel-caption .button{opacity: 0;}
.slider .carousel-control {width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background:#fff;color: #000;text-shadow: none;top: 50%;margin-top: -20px;opacity: 1;transition: all 500ms ease;}
.slider .carousel-control:hover {color: #3c494f;transition: all 500ms ease;}
.slider .carousel-control.left {left: 0;opacity:1;transition: all 500ms ease;}
.slider .carousel-control.right {right: 0;left:auto;opacity:1;transition: all 500ms ease;}
.slider:hover .carousel-control.left, .carousel-control:focus{left: 30px;opacity: 1;transition: all 500ms ease;}
.slider:hover .carousel-control.right, .carousel-control:focus{right: 30px;opacity: 1;transition: all 500ms ease;}
.slider .carousel-indicators li{text-indent:unset;background:transparent; border:0px;}
.slider .carousel-indicators li button{border: 1px solid #1f223e;}
.slider .carousel-indicators .active{background-color: #14703e;border:1px solid #14703e;position: relative;top:6px;}
.slider .item.active .carousel-caption h2,.home4 .slider .owl-item.active .carousel-caption h2{animation-name: bounceInDown;-webkit-animation-name: bounceInUp;-moz-animation-name: bounceInDown;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 1;}
.slider .item.active .carousel-caption h3,.home4 .slider .owl-item.active .carousel-caption h3{animation-name: bounceInUp;-webkit-animation-name: bounceInUp;-moz-animation-name: bounceInUp;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 1;animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;}
.slider .item.active .carousel-caption .button,.home4 .slider .owl-item.active .carousel-caption .button{animation-name: zoomIn;-webkit-animation-name: zoomIn;-moz-animation-name: zoomIn;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 1;animation-delay: 3s;-webkit-animation-delay: 3s;-moz-animation-delay: 3s;}
.slider .carousel-indicators li button, .slider .carousel-indicators li.active button{width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    margin: 0;background:transparent;}
.slider .carousel-indicators li button{background: #9d9d9d;}
.carousel-indicators { bottom: -18px;}
/*========================
	4. HomeBanner
==========================*/
.homebanner {padding: 30px 0 0;background: #fff;}
.homebanner .box {position: relative;overflow: hidden;display: block;width: 100%;margin-bottom: 30px;}
.homebanner .box .overlay:after {left: 0;}
.homebanner .box .overlay:before {right: 0;}
.homebanner .box .overlay:after,.homebanner .box .overlay:before {content:"";position: absolute;top: 0;width: 0;height: 100%;z-index: 1;background: rgba(0,0,0,0.4);transition: all 500ms ease;}
.homebanner .box:hover .overlay:after,.homebanner .box:hover .overlay:before{width: 50%;transition: all 500ms ease;}
.homebanner .box .overlay {background: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;padding: 30px 15px;width: 100%;height: 100%;transition: all 500ms ease;}
.homebanner .box:hover .overlay{background: rgba(0,0,0,0.0);transition: all 500ms ease;}
.homebanner .box .overlay h4 {font:600 24px/30px 'Roboto',sans-serif;text-transform: uppercase;color: #fff;margin-bottom: 0;position: relative;z-index: 2;}
.homebanner .box .overlay p {font:600 14px/30px 'open Sans',sans-serif;text-transform: uppercase;color: #fff;position: relative;z-index: 2;transition: all 500ms ease;}
.homebanner .box:hover .overlay p{color: #3c494f;transition: all 500ms ease;}



/*========================
	5. Product
==========================*/
.product{background: #fff;padding: 40px 0;}
.product .new{width: 40px;height: 40px;line-height: 40px;display: inline-block;border-radius: 50%;background: #3c494f;position: absolute;z-index: 2;right: 15px;top: 25px;color: #000;font-size: 12px;font-weight: 600;text-transform: uppercase;}
.product .tabdata .rating li,.product .tabdata .ldata li{display: inline-block;margin: 0 20px;}
.product .tabdata .rating li a,.product .tabdata .ldata li a{border-bottom: 2px solid transparent;color: #000;display: block;font-size: 14px;font-weight: 400;letter-spacing: 1.15px;line-height: 22px;margin: 0;padding: 10px 0;position: relative;text-align: center;text-transform: uppercase;transition: all 0.5s ease 0s;}
.product .tabdata .rating li a:hover,.product .tabdata .rating li.active a,.product .tabdata .ldata li a:hover,.product .tabdata .ldata li.active a{color: #3c494f;border-bottom-color: #3c494f;transition: all 500ms ease;}
.product .item{overflow: hidden;text-align: center;padding: 0;}
.product .item a{display: block;position: relative;}
.product .item img {
    /* width: 100%;*/
    height:230px; 
    object-fit: cover;
    border-radius:0;
}
.product .item.last{border-right: none;}
.product .item .normal,.product .item:hover .hoverimg{transform: rotateY(0deg);opacity: 1;transition: all 500ms ease;}
.product .item .hoverimg,.product .item:hover .normal{transform: rotateY(-90deg);opacity: 0;transition: all 500ms ease;}
.product .item .hoverimg{position: absolute;left: 0;top: 0;}
.product .rating li{display: inline-block;padding: 0 2px;margin: 15px 0 !important;cursor: pointer;transition: all 500ms ease;}
.product .rating li:hover,.product .rating li.active{color: #3c494f;transition: all 500ms ease;}
.product p{font: 400 14px 'Roboto',sans-serif;color: #666;text-transform: capitalize;text-align: inherit;}
.product .price span{display: inline-block;padding: 8px 5px;font: 600 14px 'Roboto',sans-serif;color: #000;}
.product .price .del{color: #666;text-decoration: line-through;}
.product .viewcart{position: absolute;left: -40px;top: 30px;opacity: 0;z-index: 1;transition: all 500ms ease;}
.product .viewcart li{display: block;margin-bottom: 10px;transition: all 500ms ease;}
.product .viewcart li i{background-color: #3c494f;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #111;border-radius: 4px;}
.product .viewcart li:hover i{background-color: #6d8f16;transition: all 500ms ease;color: #fff;}
.product .item:hover .viewcart{left: 5px;opacity: 1;transition: all 1000ms ease;}
.product:hover .owl-nav .owl-prev{left: -30px;opacity: 1;transition: all 500ms ease;}
.product:hover .owl-nav .owl-next{right: -30px;opacity: 1;transition: all 500ms ease;}
.product .owl-nav .owl-prev,.product .owl-nav .owl-next{position: absolute;left: -20px;bottom: 46%;color: #fff;width: 30px;height: 30px;opacity:1;line-height: 30px;border-radius: 50%;text-align: center;background: #3c494f;transition: all 500ms ease;}
.product .owl-nav .owl-next{left: inherit;right: -20px;}
.product .owl-nav .owl-prev:hover,.product .owl-nav .owl-next:hover,
.mbox .owl-nav .owl-prev:hover,.mbox .owl-nav .owl-next:hover,
.Coursesslider .owl-nav .owl-prev:hover, .Coursesslider .owl-nav .owl-next:hover, .owl-nav>div>a:focus{background-color:#F29E4A!important;transition: all 500ms ease;}
.owl-nav>div>a{display: block;color:#fff;}
.col-lg-9 .product{padding: 0;display: table;width: 100%;}
.mbox .owl-nav .owl-prev:hover,#gallary12 .owl-nav .owl-prev:hover{background-color: #3C494F;
    color: #fff;}
    .mbox:hover .owl-nav .owl-prev,  #gallary12:hover .owl-nav .owl-prev,
    .Coursesslider:hover .owl-nav .owl-prev {
    left: -25px;
    opacity: 1;
    transition: all 500ms ease;
}
#gallary13 .owl-nav.disabled{display: none!important;}
.mbox:hover .owl-nav .owl-next,#gallary12 :hover .owl-nav .owl-next,
 .Coursesslider:hover .owl-nav .owl-next{opacity: 1; right: -25px; transition: all 500ms ease;}

/* .mkslider .owl-nav.disabled,#gallary12 .owl-nav.disabled {display: block;width: 100%} */
.mbox .owl-nav .owl-prev,#gallary12 .owl-nav .owl-prev,
.Coursesslider .owl-nav .owl-prev{
    position: absolute;
    left: -25px;
    bottom: 46%;
    color: #fff;
    width: 40px;
    height: 40px;
    opacity: 1;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #3c494f;
    transition: all 500ms ease;
}
.mbox .owl-nav .owl-next,#gallary12 .owl-nav .owl-next,
.Coursesslider .owl-nav .owl-next {
    position: absolute;
    right:-25px;
    bottom: 46%;
    color: #fff;
    width: 40px;
    height: 40px;
    opacity: 1;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #3c494f;
    transition: all 500ms ease;
   
}
#gallary12 .owl-nav .owl-next,#gallary12 .owl-nav .owl-prev,
.Coursesslider .owl-nav .owl-prev, .Coursesslider .owl-nav .owl-next {opacity: 1;}
.Coursesslider .owl-dots,
.mkslider .owl-dots,
.faselities .owl-dots{
    text-align: center;
  }
  .Coursesslider .owl-dots .owl-dot,
  .mkslider .owl-dots .owl-dot,
  .faselities .owl-dots .owl-dot{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }
  .Coursesslider .owl-dots .owl-dot.active,
  .mkslider .owl-dots .owl-dot.active,
  .faselities .owl-dots .owl-dot.active {
    background-color: #000;
  }
 .Coursesslider .owl-dots .owl-dot:focus,
 .mkslider .owl-dots .owl-dot:focus,
 .faselities .owl-dots .owl-dot:focus {
    outline: none;
  }
  .faselities .owl-dots{padding-top:10px;}
/*#gallary12 {
    max-height: 440px;
}*/
/*========Testimonial-slider================*/
.testicarousel .owl-nav .owl-prev:hover{background-color: #3C494F;
    color: #fff;}
    .testicarousel:hover .owl-nav .owl-prev {
    left: -25px;
    opacity: 1;
    transition: all 500ms ease;
}
 .testicarousel:hover .owl-nav .owl-next{opacity: 1; right: -25px; transition: all 500ms ease;}
.mkslider .owl-nav.disabled{display: block;width: 100%}
.testicarousel .owl-nav .owl-prev{
    position: absolute;
    left: -50px;
    bottom: 46%;
    color: #fff;
    width: 40px;
    height: 40px;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #3c494f;
    transition: all 500ms ease;
}
.testicarousel .owl-nav .owl-next {
    position: absolute;
    right:-50px;
    bottom: 46%;
    color: #fff;
    width: 40px;
    height: 40px;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #3c494f;
    transition: all 500ms ease;
   
}
.testimonial .owl-carousel .owl-dots.disabled, .testimonial .owl-carousel .owl-nav.disabled {
    display:block;
}
/*========================
	6. Support
==========================*/
.support,.testimonial{
    padding: 30px 0;
    background-image: url(../images/more-leaves.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: left;
    position: relative;
    /* border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; */
}
/*.support:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}*/
/*.support i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #3c494f;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;font-size: 22px;
}*/

.support h6{font-size: 18px;line-height: 24px;text-transform: uppercase;color: #fff;position: relative;z-index: 1;margin: 20px 0;}
.support p{font-size: 14px;line-height: 20px;color:#3c494f;position: relative;z-index: 1;margin-bottom: 15px;}
.support .box{display: block;transition: all 500ms ease;}
.support .box p:hover{color:#2C849C;}
/*========================
	7. Testimonials
==========================*/
.testimonial{padding:40px 0;position: relative;text-align: center;padding-bottom:40px ;}
.testimonial .tbox {width: 120px;height: 60px;background-color: transparent;border-top-left-radius: 110px;border-top-right-radius: 110px;border: 7px solid #3c494f;border-bottom: 0;display: inline-block;margin-bottom: 50px;}
.testimonial .tbox img{width:120px;height:110px;border-radius:50%;}
.testimonial p{font: 16px/30px 'Open Sans',sans-serif;color: #3C494F;margin: 30px 0 0;text-align: center;}
.testimonial p.name{font-weight: 600;font-size: 18px;text-align: center;}
.testimonial .owl-dot{width: 25px;height: 5px;border-radius: 2px;border: none;margin: 30px 4px 0 4px;display: inline-block;background: rgb(221 153 51);}
.testimonial .owl-dot.active{background-color: #3c494f;}
/*========================
	8. Blog
==========================*/
.blog{background: #efefef;padding: 40px 0;}
.blog .box{background: #eef3f7;box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);}
.blog .blogsidebar{position: relative;}
.blog .bloginner{position: relative;}

.blog .overlay ul li{display: inline-block;padding-right: 15px;border-right: 1px solid #fff;}
.blog .overlay ul li:last-child{border-right: none;padding-left: 15px;}
.blog .overlay ul li a{color: #fff;}
.blog .overlay ul li a:hover,.blog .read:hover{color: #3c494f;}
.blog .overlay ul li a i{color: #3c494f;padding-right: 5px;}
.blog .head{display: block;margin-bottom:0px;padding:8px;font: 600 16px 'Roboto',sans-serif;color: #000;text-transform: uppercase;text-align: center;}
.blog p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #444;
    padding: 15px;
    text-align: left;padding-top: 10px;
}
.blog .read{font: 600 13px/20px 'Open Sans',sans-serif;color: #333;text-transform: capitalize;display: inline-block;padding: 0 0 15px 15px;}
/**********Blog Inner **********/
.blog.in{background: #fff;padding-bottom: 20px;    margin-top: 25px;}
.blog.in.col-lg-9{padding: 0;}
.blog.in .box{margin-bottom: 30px;}
td .btn{margin-bottom:8px;}
.head span{font-weight:normal; display: block; font-size:14px;}
/*========================
	9. Client
==========================*/
.client{padding: 30px 0;background: #efefef;text-align: center;}
.client .item:hover img{filter: grayscale(0);transition: all 500ms ease;}
.client img{width: auto !important;display: inline-block !important;-ms-filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 500ms ease;}
.client .owl-prev,.client .owl-next{display: inline-block;width: 30px;height: 30px;line-height: 30px;background: #3c494f;color: #fff;border-radius: 50%;position: absolute;top: 50%;margin-top: -15px;}
.client .owl-prev{left: 0;}
.client .owl-next{right: 0;}
/*========================
	10. Newsletter
==========================*/
.newsletter{padding: 30px 0;background: #3c494f;}
.newsletter h5{color: #fff;padding-left: 90px;position: relative;text-align: left;margin-bottom: 0;}
.newsletter h5 i{position: absolute;left: 0;top: -2px;}
.newsletter span{color: #fff;font: 500 13px 'Open Sans',sans-serif;text-transform: capitalize;display: block;margin-top: 10px;}
.newsletter input[type="text"]{width: 100%;padding: 13px 120px 13px 15px;font: 600 13px 'Open Sans',sans-serif;color: #333;border: none;background: #efefef;}
.newsletter input[type="text"]::-moz-placeholder{opacity: 1;color: #333;}
.newsletter input[type="text"]::-webkit-input-placeholder{opacity: 1;color: #333;}
.newsletter input[type="submit"]{border: none;position: absolute;right: 15px;top: 0;margin-top: 0;font-size: 12px;font-weight: 600;padding: 12px 20px;background-color: #6d8F16;color: #fff;}
.newsletter input[type="submit"]:hover{background: #000;}
.newsletter ul{margin-top: 15px;}
.newsletter ul li{display: inline-block;}
.newsletter ul li:first-child a{border-left: none;}
.newsletter ul li a{font-size: 14px;color: #fff;line-height: 14px;display: block;border-left: 1px solid #fff;padding: 0 15px;}
.newsletter ul li a:hover{color: #3c494f;}
/*========================
	11. Footer
==========================*/
.footheading {color:#3C494F;font-size: 20px;font-weight: 700;line-height: 20px;margin-bottom: 25px !important;padding-bottom: 6px;position: relative;font-family: 'Roboto', sans-serif!important;}
.footheading:after {bottom: -4px;content: "";height: 2px;left: 0;position: absolute;width: 60px;background-color: #3c494f;}
.footer {
    padding: 40px 0 0;
    background-color:rgb(11 60 101);
    padding-bottom: 20px;
}
.footer ul li{color: #fff;}
.footer a,
.footer span{color:#fff!important;}
.footer .footerlogo {margin-bottom: 20px;display: inline-block;width: 100px;}
.footer .other {margin: 30px 0;border-top: 1px solid #ccc;padding: 30px 0 0 0;clear: both;}
.footer .other li {display: inline-block;padding: 0 15px;margin-bottom: 7px;position: relative;}
.footer .other li:after {background: #1f223e;content: "";height: 10px;position: absolute;right: 0;top: 7px;width: 1px;}
.footer .other li:last-child:after {display: none;}
.footer .list-with-icon li i{color: #3c494f;}
.copyright {background: #f7f7f7;padding:15px 0;}
.copyright p {font-size: 14px;color: #000;}
.copyright a {color: #6d8F16;transition: all 500ms ease;}
.copyright a:hover {text-decoration: underline;transition: all 500ms ease;}
/*========================
	12. Inner Page CSS
==========================*/
/*-------------------------
	12.1. About US
--------------------------*/
.about{background: #fff;padding: 60px 0;}
.about p{padding: 0 0 30px 0;}
.about .left li{position: relative;padding-left: 15px;list-style-type: none;}
.about .left li a{display: block;padding: 5px 0 15px;font-size: 14px;cursor: pointer;}
.about .left li:before{content: "\f105";font-family: "FontAwesome";font-size: 20px;display: inline-block;position: absolute;left: 0;top: 2px;color: #3c494f;}
.about .legend p{padding-bottom: 15px;}
.about .legend .name{font-size: 13px;font-weight: 600;color: #3c494f;}
.about .legend .name span{font-weight: 500;font-size: 18px;color: #111;}
.about .legend .owl-prev,.about .legend .owl-next{width: 30px;height: 30px;line-height: 25px;background: #fff;position: absolute;top: -50px;border: 2px solid #e9e9e9;border-radius: 50%;color: #efefef;text-align: center;transition: all 500ms ease;}
.about .legend .owl-prev:hover,.about .legend .owl-next:hover{background: #3c494f;border-color: #3c494f;color: #000;transition: all 500ms ease;}
.about .legend .owl-prev i,.about .legend .owl-next i{font-size: 12px;}
.about .legend .owl-prev{right: 45px;}
.about .legend .owl-next{right: 10px;}
/*------------------------
	12.2. Warranty
---------------------------*/
.warranty {padding: 60px 0;}
.warranty .inheading i{padding-right: 10px;color: #3c494f;}
/*-------------------------
	12.3. Help Support
---------------------------*/
.help,.affiliate{background: #fff;padding: 60px 0;}
.help .box{margin: 60px 0 0;position: relative;padding-left: 60px;}
.help .box i{color: #3c494f;position: absolute;left: 0;top: 5px;}
.help .box b{color: #444;text-transform: capitalize;font-size: 20px;display: block;padding-bottom: 15px;font-weight: 600;}
/*-------------------------
	12.4. sitemap
--------------------------*/
.sitemap{padding: 0 0 60px;}
.sitemap .list{margin: 15px 0;}
.sitemap ul li{display: block;padding: 7px 0;}
.sitemap ul li a::before{margin-right: 10px;font-size: 14px;font-family: 'FontAwesome';display: inline-block;top: 5px;content: '\f105';}
/*------------------------
	12.5. Blog Sidebar
--------------------------*/
.blogsidebox{background: #f6f6f6;padding: 15px;margin-bottom: 30px;}  
.blogsidebox input[type="text"]{width: 100%;position: relative;padding: 10px 15px;border: 1px solid #d9dcde;}
.blogsidebox input[type="text"]:focus{border-color: #3c494f;transition: all 500ms ease;}
.blogsidebox button{position: absolute;top: 16px;right: 31px;padding: 10px 15px;border: none;}
.blogsidebox h4{font: 600 16px 'Roboto',sans-serif;text-transform: uppercase;color: #333;border-left: 3px solid #3c494f;padding-left: 10px;}
.blogsidebox .cat li,.blogsidebox .post li{display: block;margin-bottom: 7px;}
.blogsidebox .cat li:last-child,.blogsidebox .post li:last-child{margin-bottom: 0;}
.blogsidebox .cat li a{font: 14px/20px 'Open Sans';color: #333;padding-left: 15px;position: relative;display: block;padding-top: 0;}
.blogsidebox .cat li a:hover{color: #3c494f;transition: all 500ms ease;}
.blogsidebox .cat li a i{position: absolute;left: 0;top: 4px;}
.blogsidebox a span{padding-left: 85px;display: block;font-size: 14px;font-weight: 600;padding-bottom: 5px;}
.blogsidebox .tag ul li{display: inline-block;margin-right: 10px;margin-top: 10px;}
.blogsidebox .tag ul li a{padding: 7px 12px;background: #1f223e;color: #fff;display: block;}
.blogsidebox .tag ul li a:hover{background: #3c494f;transition: all 500ms ease;color: #000;}
.blogsidebox .post li{display: table;width: 100%;}
.blogsidebox .post .date{color: #3c494f;font-size: 12px;font-weight: 600;}
.blogsidebox .follow li{display: inline-block;margin-right: 10px;}
.blogsidebox .follow li a i{width: 25px;height: 25px;line-height: 25px;text-align: center;color: #fff;}
.blogsidebox .follow li a{display: block;position: relative;}
.blogsidebox .follow .fa-facebook{background: #3b5998;}
.blogsidebox .follow .fa-twitter{background: #1da1f3;}
.blogsidebox .follow .fa-linkedin{background: #0077b5;}
.blogsidebox .follow .fa-google-plus{background: #dd4b39;}
.blogsidebox .follow .fa-pinterest-p{background: #bd081c;}
.blogsidebox .follow .fa-vimeo{background: #1ab7ea;}
/*------------------------
	12.6. Blog Details
--------------------------*/
.blogdetail .blogimg{width: 100%;}
.blogin{padding: 50px 0;}
.blogin h4{padding-top: 20px;}
.blogin .blogsidebox h4{padding-top: 0;}
.blogin span a{cursor: pointer;color: #3c494f;display: inline-block;margin-bottom: 15px;}
.blogin span a:hover{text-decoration: underline;}
.social {display: table;width: 100%;}
.social .fa-tags{margin-right: 10px;}
.social ul li{display: inline-block;float: right;position: relative;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;cursor: pointer;}
.social ul li:first-child{float: left;padding-left: 0;}
.social ul.share li,.social ul.share li:first-child{float: inherit;padding-left: 0;padding-top: 0;padding-bottom: 0;}
.social .share a{display: block;}
.social .share i{display: block;color: #fff;height: 30px;width: 30px;line-height: 30px;text-align: center;}
.social .share .fa-facebook{background: #3b5998;}
.social .share .fa-twitter{background: #44ccf6;}
.social .share .fa-google-plus{background: #f00;}
.social .share{position: absolute;right:-15px;top: -50px;opacity: 0;visibility: hidden;transition: all 500ms ease;}
.social .share li{margin-right: 0;display: table-cell;}
.social li:hover .share{opacity: 1;visibility: visible;top: -20px;transition: all 500ms ease;} 
.social li:hover .share:after{content: "";top: 30px;left: 37px;position: absolute;border: 8px solid #44ccf6;border-color: #44ccf6 transparent transparent transparent;}
.social .fa-heart{color: #f00;}
.social .fa-share-alt{color: #44ccf6;}
.comments{padding: 20px 0;}
.comments img{border-radius: 50%;}
.comments h6{font-size: 15px;margin-bottom: 10px;}
.comments .commentbox{padding: 20px;background: #f6f6f6;}
.comments .commentbox span{font-size: 14px;font-weight: 400;}
.comments .commentbox a{float: right;}
/*-------------------------
	12.7. Features Listing Page
---------------------------*/
.incategory{padding: 50px 0;}
.incategory h6{margin-bottom: 0;}
.lcate{background: #f6f6f6;margin-bottom: 30px;padding: 15px;}
.lcate ul{padding: 15px 0 0;}
.lcate ul .cdown{cursor: pointer;}
.lcate ul li{display: block;position: relative;padding-bottom: 10px;}
.lcate ul li:last-child{padding-bottom: 0;}
.lcate ul li a{display: block;cursor: pointer;}
.lcate ul li span{position: absolute;right: 0;top: 0;}
.lcate ul li.open a.active{color: #3c494f;}
.lcate ul li ul{margin-left: 15px;padding-top: 10px;display: none;}
.lcate ul li input[type="radio"]{position: absolute;left: 0;top: 0;opacity: 0;width: 14px;height: 14px;}
.lcate ul.color li label:after{content: '';position: absolute;left: 0;top: 3px;width: 14px;height: 14px;background: #ddd;}
.lcate ul.color li input[type="radio"]:checked + label:after,.lcate ul li label:hover:after{background: #3c494f;}
.lcate ul.color li input[type="radio"]:checked + label{color: #3c494f;}
.lcate ul.color li label{padding-left: 20px;font-weight: normal;display: block;color: #111;line-height: 20px;}
.lcatesize ul li{display: inline-block;position: relative;}
.lcatesize ul li label{width: 30px;height: 30px;line-height: 30px;text-align: center;color: #000;font-weight: 600;background: #ddd;padding-left: 0;display: block;transition: all 500ms ease;}
.lcatesize ul li input[type="radio"]{width: 30px;height: 30px;margin-top: 0;}
.lcatesize ul li input[type="radio"]:checked + label,.lcatesize ul li:hover label{background: #3c494f;}
.lcatesize ul li input[type="radio"]:checked + label{color: #000;}
.lcateimg{position: relative;overflow: hidden;}
.lcateimg:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.2);transform: scale(1);transition: all 500ms ease;}
.lcateimg:hover:after{transform: scale(0);transition: all 500ms ease;}
.lcateimg .inover{position: absolute;left: 50%;top: 50%;margin-top: -40px;margin-left: -20px;opacity: 0;text-align: center;}
.lcateimg:hover .inover{opacity: 1;transition: all 500ms ease;}
.lcateimg .inover h3{font-size: 24px;color: #fff;text-transform: uppercase;}
.incategory .iconbar{padding: 10px 20px;background: #f6f6f6;margin-top: 30px;}
.incategory  .iconbar li{display: inline-block;padding-right: 10px;}
.incategory  .iconbar li:last-child{float: right;line-height: 30px;}
.incategory  .iconbar li a{font-size: 20px;cursor: pointer;}
.incategory  .iconbar li a.active{color: #3c494f;}
.incategory .product .proimg.col-lg-3{padding: 0;}
.incategory .product .rating.col-lg-9,.incategory .product p.col-lg-9,.incategory .product .price.col-lg-9{text-align: left;}
.incategory .product p.col-lg-9{line-height: 20px;text-align: justify;}
.incategory .catedetail{display: none;padding: 0 15px;}
.incategory .filter .button{padding: 7px 15px;}
/*========================
	12.8. Features Detail 
==========================*/
.detail{padding: 50px 0;}
.detail h4{color: #111;font-size: 30px;}
.detail .price{color: #1f223e;font-size: 26px;font-weight: 600;}
.detail .brand li{display: block;line-height: 24px;}
.detail .brand li a{color: #1f223e;}
.detail #clockdiv,.detail .colors,.detail .dicon{margin-top: 20px;}
.detail #clockdiv li{display: inline-block;text-align: center;background: #ddd;color: #111;padding: 5px 10px;border-radius: 5px;margin-right: 10px;}
.detail .lcate h6{padding-top: 0;margin-bottom: 0;}
.detail #clockdiv li label{color: #111;}
.detail #clockdiv li span{display: block;font-size: 10px;}
.detail h6{padding-top: 24px;margin-bottom: 5px;text-transform: uppercase;font-size: 16px;color: #111;}
.detail .colors li{display: inline-block;position: relative;}
.detail .colors li input[type="radio"]{position: absolute;left: 0;top: 0;opacity: 0;}
.detail .colors li input[type="radio"]:checked + label:after{display: block;}
.detail .colors li label{width: 20px;height: 20px;background: #ffdd00;position: relative;}
.detail .colors li label:after{content: '\f00c';position: absolute;left: 4px;top: -4px;font-family: 'FontAwesome';font-size: 12px;font-weight: 400;color: #000;display: none;}
.detail .colors li.blue label{background: #0db6e0;}
.detail .colors li.lime label{background: #96ff9a;}
.detail .colors li.silver label{background: #e0e0e0;}
.detail .colors li.pink label{background: #e67cbf;}
.detail .incrtevalue li,.detail .dicon li{display: inline-block;}
.detail .incrtevalue li:first-child{margin-right: 20px;}
.detail .incrtevalue li{margin-right: 5px;}
.detail .incrtevalue li input[type="text"]{width: 40px;text-align: center;padding: 11px 5px;float: left;margin-top: 15px;background: transparent;border:1px solid #ddd;}
.detail .incrtevalue li .button{float: left;}
.detail .dicon li:first-child{color: #000;font-weight: 600;padding-right: 10px;}
.detail .dicon li a{width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;display: block;background: rgb(59, 89, 152);transform: translateY(0);}
.detail .dicon li a:hover{transform: translateY(-4px);}
.detail .dicon li:nth-child(3) a{background: rgb(29, 161, 242);}
.detail .dicon li:nth-child(4) a{background: rgb(203, 32, 39);}
.detail .dicon li:nth-child(5) a{background: rgb(220, 78, 65);}
.detail .dicon li:nth-child(6) a{background: rgb(255, 101, 80);}
.detail .detailtab{margin-top: 40px;}
.detail .detailtab table{width: 100%;}
.detail .detailtab .panel-body tr td{padding: 10px;color: #999;}
.detail .detailtab .panel-body tr td:first-child{color: #000;}
.detail .product {display: inline-block;width: 100%;padding: 20px 0 50px;}
.detail .detailtab input[type="text"],.detail .detailtab textarea{background-color: #fff;margin-bottom: 10px;}
.detail .detailtab .rating li{display: inline-block;cursor: pointer;}
.detail .detailtab .rating li.active{color: #3c494f;}
.detail .detailtab .rating li:first-child{padding-right: 10px;cursor: auto;}
.quickView,.thumbView { width:100%; position:relative; overflow:hidden;}
.quickView .imgLarge { position:absolute; display:none; cursor:crosshair; max-width:inherit;}
.quickView .imgSmall { width:100%; background:#fff; padding:4px; border:1px solid #ddd;}
.thumbView { left:0; display:block;}
.thumbView  a {padding:10px 5px;}
.thumbView  a img, .cloud-zoom img{ border:1px solid #ddd;}
.cloud-zoom img{width: 100%;margin-bottom: 15px;}
.thumb { width:90%; border:1px solid #ddd; padding:1px; margin:10px 5%; cursor:pointer;}
#controler { width:100%; display:block; overflow:hidden; position:relative;}
#controler .pagerPrev,#controler .pagerNext { position:absolute; top:0; z-index:111; width:40px; height:100%; font-size:3em; color:#000; cursor:pointer;}
#controler .pagerPrev { left:0;}
#controler .pagerNext { right:0;}
#controler .pagerPrev:hover { background:rgba(255,255,255,.8); background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,.5) 100%);}
#controler .pagerNext:hover { background:rgba(255,255,255,.8); background:linear-gradient(to right,rgba(255,255,255,.5) 0%,rgba(255,255,255,1) 100%);}
#controler .pagerPrev i,#controler .pagerNext i { position:absolute; bottom:50%; width:40px; height:16px; line-height:32px; text-align:center;}
/*------------------------
	12.9. Cart
--------------------------*/
.cart table{width: 100%;border:1px solid #eee;}
.cart table tr:first-child{background: #eee;border-bottom: none;}
.cart table tr{border-bottom: 1px solid #ddd;}
.cart table tr th,.cart table td{border-right: 1px solid #ddd;padding: 10px;}
.cart table tr th:last-child{border-right: none;}
.cart table tr td img{border:1px solid #ddd;border-radius: 4px;padding: 5px;}
.cart table td ul li{display: table-cell;}
.cart table td ul li:first-child{width: 60px;max-width: 100%;}
.cart table td ul li:first-child input[type="text"]{width: 100%;background: #dddddd;border:1px solid transparent;padding: 5px 10px;}
.cart table td ul li button{background: #999;border:1px solid transparent;padding: 5px 18px;color: #fff;}
.cart table td ul li:last-child button{background: #3c494f;color: #000;}
.cart #accordionone .button{margin-top: 0;border:1px solid transparent;margin-top: 10px;}
.cart #accordionone .commentext{width: 100%;padding: 12px;background: #dddddd;border:1px solid transparent;}
.cart #accordionone  label{padding-top: 10px;}
.cart #accordionone #collapseTwo p{padding-bottom: 20px;}
.cart #accordionone #collapseTwo .commentext{margin-bottom: 10px;}
.cart #accordionone #collapseTwo label{text-align: right;line-height: 20px;font-weight: 400;}
.cart .totaldata{padding: 40px 0;}
.cart .totaldata table tr:first-child{background: transparent;}
.cart .endbutton{margin-bottom: 40px;}
.cart .endbutton a:first-child{background-color: #ddd;color: #000;}
.cart .endbutton a:last-child{float: right;}
/*-------------------------
	12.10. checkout
---------------------------*/
.checkout{padding: 0 0 60px 0;}
.checkout ul{padding: 0 15px;}
.checkout ul li{display: inline-block;}
.checkout ul li a{font: 600 14px/14px 'Open Sans',sans-serif;display: block;position: relative;padding: 0 15px 0 0;}
.checkout ul li a:after{content: "";position: absolute;right: 5px;width: 1px; height: 100%;background: #ccc;}
.checkout ul li:last-child a:after{display: none;}
.checkout ul li.active a{color: #3c494f;}
.checkout input[type="submit"]{border: none;padding: 10px 15px;margin-bottom: 15px;}
.checkout p{margin-top: 30px;position: relative;}
.checkout .para{padding-left: 15px;margin-bottom: 15px;}
.checkout a.para{display: block;padding: 15px 0 0 0;cursor: pointer;}
.checkout .invoice{padding-top: 5px;}
.checkout p b{display: block;}
.checkout .col-lg-8 p{margin: 0;}
.checkout p label{font: 600 12px/20px 'Open Sans',sans-serif;padding-bottom: 25px;}
.checkout .example{margin: 15px 0 !important;}
.checkout form .form-control.last{margin-top: 0;}
.checkout table{width: 100%;}
.checkout .cartbox table{display: none;transition: all 500ms ease;}
.checkout table.open{display: table;transition: all 500ms ease;}
.checkout table tr td{padding: 15px 0 0 0;}
.checkout table tr td b{display: block;text-align: right;color: #333;font:600 14px 'Open Sans',sans-serif;}
.checkout table.ltable{margin-top: 15px;padding-top: 15px;border-top: 1px solid #efefef;}
.checkout .secure{margin: 25px 0 0;padding: 0;}
.checkout .secure li{padding: 0 0 25px 45px;position: relative;font: 600 14px/20px 'Open Sans',sans-serif;display: block;}
.checkout .secure li i{position: absolute;left: 0;top: 0;color: #3c494f;}
.checkout .disable.opacity{opacity: 0.6;transition: all 500ms ease;}
/*------------------------
	12.11. Search Page 
--------------------------*/
.searchpage{padding: 30px 0;}
.searchpage span{padding: 5px 0 10px;display: block;font-weight: 600;}
.searchpage input[type="text"]{padding: 12px 15px;}
.searchpage select{padding: 11px 15px;width: 100%;background: #f2f2f2;border: none;-moz-appearance:none;background-image: url('images/select.png');background-repeat: no-repeat;background-position: 98% 50%;}
.searchpage label{padding-top: 5px;}
.searchpage .button{margin-top: 0;width: 100%;}
/*------------------------
	12.12. Team CSS
--------------------------*/
.team{padding: 30px 0;}
.team .fig{position: relative;overflow: hidden;}
.team .figcaption{position: absolute;left: 0;bottom: -9px;height: 0;width: 100%;background:#eef3f854;transition: all 500ms ease;}
.team figure:hover .figcaption{height: 100%;transition: all 500ms ease;top: 0}
.team .figcaption .social{opacity: 0;visibility: hidden;}
.team figure:hover .figcaption .social{opacity: 1;visibility: visible;}
.team .social{position: absolute;bottom: 20%;width: 100%;text-align: center;}
.team .social a{display: inline-block;color: #fff;margin: 0 5px;font-size: 24px;}
.team .social a:hover{color: #000;transition: all 500ms ease;}
.team .name{background:#EEF3F8;padding: 10px;text-align: center;border: 1px solid #ccc;border-top: none;margin-top: 6px;}
.team .fig:before,.team .fig:after{border-top: 1px solid #fff;content: "";position: absolute;left: 15px;right: 100%;top: 15px;z-index: 1;}
.team figure:hover .fig:before,.team figure:hover .fig:after{right: 15px;transition: all 500ms ease;transition-delay: 0.5s;}
.team .fig:after{right: 15px;left: 100%;bottom: 15px;top: inherit;z-index: 1;}
.team figure:hover .fig:after{left: 15px;}
.team .figcaption:before,.team .figcaption:after{border-left: 1px solid #fff;content: "";position: absolute;right: 15px;bottom: 100%;top: 15px;z-index: 1;}
.team figure:hover .figcaption:before,.team figure:hover .figcaption:after{bottom: 15px;transition: all 500ms ease;transition-delay: 0.5s;}
.team .figcaption:after{left: 15px;top: 100%;bottom: 15px;right: inherit;z-index: 1;}
.team figure:hover .figcaption:after{top: 15px;}
/*--------------------------
	12.13. Contact
---------------------------*/
.contact{padding: 30px 0;}
.contact input[type="text"],.contact textarea{width: 100%;padding: 10px;display: block;margin: 30px 0 0 0;color: #666;border: 1px solid #efefef;background: #efefef;font-size: 13px;}
.contact input[type="text"]::-moz-placeholder{color: #666;opacity: 1;}
.contact input[type="text"]::-webkit-input-placeholder{color: #666;opacity: 1;}
.contact textarea::-moz-placeholder{color: #666;opacity: 1;}
.contact textarea::-webkit-input-placeholder{color: #666;opacity: 1;}
.contact input[type="text"]:focus,textarea:focus{outline: none;}
.contact .button{margin: 30px 0 0;}
/*--------------------------
	12.14. Error
----------------------------*/

.error{padding: 30px 0;}
.error h2{font-size: 160px;}
.error p{color: #000;text-align: center;font-size: 25px;margin-bottom: 50px;}
/* ---------------------------
     12.15. Comming Soon
----------------------------- */
.soonbox .cd-headline.clip span {display: inline-block;padding: .2em 0;}
.soonbox .cd-headline.clip .cd-words-wrapper {overflow: hidden;vertical-align: top;}
.soonbox .cd-headline.clip .cd-words-wrapper::after {content: '';position: absolute;top: 0;right: 0;width: 2px;height: 100%;background-color: #aebcb9;}
.soonbox .cd-headline.clip b {opacity: 0;}
.soonbox .cd-headline.clip b.is-visible {opacity: 1;}
.soonbox .icon ul li{display: inline-block;padding: 0 15px 0 0;}
.soonbox .icon ul li a{display: block;}
.soonbox .icon ul li i{color: #fff;font-size: 20px;}
.soonbox .icon ul li a:hover i{color: rgb(149,196,31);}
.soonbox .foot{position: absolute;bottom: 20px;left: 0;width: 100%;padding: 0 15px;}
.soonbox .foot p{font: 500 14px/30px 'Open Sans',sans-serif;padding: 0;color: rgba(255,255,255,0.8);text-align: right;}
/*========================
	13. Modal CSS
==========================*/
/*------------------------
	13.1. Categorie
-------------------------*/
#categorie .modal-header{background: #3c494f;color: #fff;}
#categorie .modal-header h5.modal-title{color: #fff;font-weight: 400;font-size: 20px;}
#categorie .modal-header h5.modal-title i{padding-right: 10px;font-size: 16px;}
#categorie .modal-header .close{text-shadow: none;opacity: 1;color: #fff;margin-top: -25px;}
#categorie .modal-body{padding: 20px;}
#categorie .modal-body ul li{border-bottom: 1px solid #ddd;display: block;padding-bottom: 10px;margin-bottom: 10px;position: relative;}
#categorie .modal-body ul li:last-child{margin-bottom: 0;border-bottom: none;}
#categorie .modal-body ul li a{text-transform: uppercase;font-size: 14px;font-weight: 600;display: block;}
#categorie .modal-body ul li a:hover i{color: #3c494f;transition: all 500ms ease;}
#categorie .modal-body ul li i{position: absolute;right: 0;top: 4px;color: #ddd;}
/*-------------------------
	13.2. View
---------------------------*/
#views .modal-content{border-radius: 0;}
#views .detail{padding: 30px 15px;}
#views .modal-dialog{width: 700px;}
#views .close{position: absolute;right: 0px;z-index: 99;width: 25px;height: 25px;background: #3c494f;opacity: 1;text-shadow: none;top: -25px;transition: all 500ms ease;}
#views .close:hover{background: #6d8f16;color: #fff;transition: all 500ms ease;}
#views img{margin-top: 15px;}
/*------------------------
	13.3. Newsletter
--------------------------*/
#newsletter .modal-header{border-bottom: none;position: relative;z-index: 1;}
#newsletter .modal-header .modal-title{text-align: center;text-transform: uppercase;color: #1f223e;font-size: 24px;font-weight: 600;margin-bottom: 15px;}
#newsletter .modal-header p{text-align: center;font-weight: 600;line-height: 20px;margin-bottom: 15px;}
#newsletter .close {
    position: absolute;
    right: -39px;
    z-index: 99;
    width: 40px;
    height: 40px;
    background: #fff;
    opacity: 1;
    text-shadow: none;
    top: -38px;
    transition: all 500ms ease;
    color: #3c494f;
    border-radius: 15px 15px 15px 6px;
}
.images-modal {
    margin-bottom: 15px;
}
#newsletter .close:hover{background: #6d8f16;color: #fff;transition: all 500ms ease;}
#newsletter .modal-content{background-image: url('../images/ecom.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;padding: 30px 50px 30px;} 
#newsletter .modal-content:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);} 
#newsletter .modal-body{z-index: 1;text-align: center;padding: 0;} 
#newsletter .modal-body input[type="email"]{width: 100%;margin-bottom: 20px;border:1px solid #7f7f7f;border-radius: 4px;background: rgba(255,255,255,0.4);padding: 10px 145px 10px 15px;color: #333;}
#newsletter .modal-body input[type="email"]::-moz-placeholder{opacity: 1;color: #333;}
#newsletter .modal-body input[type="email"]::-webkit-input-placeholder{opacity: 1;color: #333;}
#newsletter .modal-body input[type="submit"]{position: absolute;right: 0;top: 0;border:1px solid transparent;padding: 10px 15px !important;text-transform: uppercase;font-size: 12px;font-weight: 600;transition: all 500ms ease;border-radius: 0 4px 4px 0;margin-top: 0;}
/*========================
	14. Home2 CSS 
==========================*/
/*-------------------------
	14.1 Home2 index page  
---------------------------*/
.home2{background: #f0f2f5;}
.home2 .tophead,.home2 .copyright{background: #ddd;}
.home2 .support{display: table;}
.home2 .homebanner,.home2 .blog,.home2 .client{background: #fff;}
.home2 .affix{width: 100%;z-index: 999;top: 0;transition: all 500ms ease;}
.home2 .affix .menu{border-bottom: 1px solid #fff;}
.home2 .midhead .basketopen .shopdata{left: inherit;right: -15px;}
/*--------------------------
	14.2. Home2 Deal Section
----------------------------*/
.deals{background: #ddd;position: relative;}
.deals .dealbox{position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);text-align: center;}
.deals p{text-align: center;font-size: 20px;padding: 10px 0;}
.deals #clockdiv{margin-top: 20px;margin-bottom: 20px;}
.deals #clockdiv li{display: inline-block;text-align: center;color: #111;padding: 5px 10px;border-radius: 5px;margin-right: 10px;border: 1px solid #111;width: 70px;height: 70px;}
.deals #clockdiv li label{display: block;font-size: 18px;color: #000;}
.deals #clockdiv li span{text-transform: uppercase;}
/*========================
	15. Home3 
==========================*/
/*========================
	15.1. Header Left Menu
==========================*/
.hslider{padding: 30px 0;}
.leftmenu{background-color: #fff;border:1px solid #ddd;}
.leftmenu ul li{display: block;border-bottom: 1px solid #ddd;position: relative;}
.leftmenu ul li a{padding: 9.4px 10px;display: block;}
.leftmenu ul li i{padding-right: 10px;padding-top: 5px;float: right;}
.leftmenu ul li:first-child{background: #3c494f;padding: 10px;color: #fff;text-transform: uppercase;font-weight: 600;}
.leftmenu ul li:first-child i{float: inherit;}
.leftmenu ul li:last-child{border-bottom: none;}
.leftmenu ul li:hover .submenus{visibility: visible;opacity: 1;top: 0;transition: all 500ms ease;}
.leftmenu .submenus{position: absolute;left: 100%;z-index: 99;background: #fff;border:1px solid #ddd;width: 600px;top: 40px;padding: 20px;opacity: 0;visibility: hidden;transition: all 500ms ease;}
.leftmenu .submenus ul{float: left;width: 33.33%;}
.leftmenu .submenus.twomenus{width: 450px;}
.leftmenu .submenus.twomenus ul{width: 50%;}
.leftmenu .submenus ul li:first-child{background-color: transparent;color: #000;position: relative;}
.leftmenu .submenus ul li:first-child:after{content: "";position: absolute;left: 10px;bottom: 5px;background: #3c494f;height: 2px;width: 20px;}
.leftmenu .submenus ul li{border-bottom: none;}
/*-------------------------
	15.2 Slider Section 
---------------------------*/
.boxslide .owl-dots{position: absolute;left: 0;bottom: 15px;text-align: center;width: 100%;}
.boxslide .owl-dot{width: 25px;height: 5px;border-radius: 2px;border: none;margin: 30px 4px 0 4px;display: inline-block;background: rgba(254,254,254,0.6);;}
.boxslide .owl-dot.active{background-color: #3c494f;}
/*-------------------------
	15.3 Delivery Section 
---------------------------*/
.delivery{background: #ddd;padding: 20px 0 20px;}
.delivery .dbox{position: relative;border-right: 1px solid #ddd;padding: 10px 0 10px 50px;}
.delivery .dbox.last{border-right: none;}
.delivery .dbox h6{margin-bottom: 0;text-transform: uppercase;}
.delivery .dbox i{position: absolute;left: 10px;top: 18px;color: #3c494f;}
/*========================
	16. Home4 
==========================*/
/*-------------------------
	16.1 Slider Section 
---------------------------*/
.home4 .slider{padding: 30px 0;}
.home4 .slider .right_slide{position: relative;overflow: hidden;text-align: center;}
.home4 .slider .right_slide img{transition: all 1500ms ease;}
.home4 .slider .right_slide:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4); }
.home4 .slider .slide-sale{width: 100%;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 2;}
.home4 .slider .slide-sale h2{color: #fff;text-transform: uppercase;}
.home4 .slider .right_slide:hover img{transform: scale(1.1);transition: all 1500ms ease;}
.home4 .slider .left_slide .item{position: relative;overflow: hidden;}
.home4 .slider .left_slide .item:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
.home4 .slider .left_slide .carousel-caption{z-index: 22;}
.home4 .slider .left_slide .carousel-caption h2,.home4 .slider .left_slide .carousel-caption h3{color: #fff;}
.home4 .slider .owl-nav .owl-prev,.home4 .slider .owl-nav .owl-next{position: absolute;left: 50%;bottom: 20px;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #fff;color: #fff;border-radius: 50%;margin-left: -40px;}
.home4 .slider .owl-nav .owl-next{left: inherit;right: 50%;margin-right: -40px;margin-left: 0;}

/*-------------------------
	16.2 New Arrival Section 
---------------------------*/
.new_arrival{background-color: #efefef;padding: 40px 0 0;}
.new_arrival .woman_arrival{margin-top: 100px;}
.new_arrival .woman_arrival h2{color: #3c494f;margin: 20px 0 40px;}
.new_arrival img{margin: 0 auto;}
/*-------------------------
	16.3 Testimonial Section 
---------------------------*/
.home4 .testimonial{background: transparent;}
.home4 .testimonial .home4_car{background-color: #3c494f;padding: 60px 30px;}
.home4 .testimonial .testicarousel p{line-height: 22px;}
.home4 .testimonial .home4_car h4{text-transform: uppercase;color: #fff;position: relative;}
.home4 .testimonial .home4_car h4:after{content: '';position: absolute;left: 50%;bottom: -15px;transform: translateX(-50%);width: 40%;height: 3px;background-color: #fff;}
.home4 .testimonial .owl-dots .owl-dot.active{background-color: #000;}
.home4 .testimonial .name,.home4 .testimonial .new_collection{position: relative;}
.home4 .testimonial .name:after{content: '';position: absolute;left: 50%;top: -12px;transform: translateX(-50%);width: 40%;height: 1px;background-color: rgba(255,255,255,0.4);}
.home4 .testimonial .collection_content{position: absolute;left: 50px;top: 50%;transform: translateY(-50%);text-align: left;}
.home4 .testimonial .collection_content h2{color :#383838;}
/*========================
	17. Home5 
==========================*/
.home5 .switch-color{top: 220px;}
.home5 .midhead .shopdata{left: -130px;}
/*-------------------------
	17.1 Slider Section 
---------------------------*/ 
.home5 .slide,.home5 .slider h2,.home5 .slider h3,.home5 .slider .button{position: relative;}
.home5 .slide .item{position: relative;}
/* #slidercarousel .item:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);z-index: 1;background-image: url("../images/pat_dot.png");background-repeat:repeat ;} */
.home5 .slider .video{width: 100%;height: 70vh;}
.home5 .slider video{width: 100%;height: auto;position: absolute;left: 0;top: 0;}
.home5 .slider h2,.home5 .slider h3{color: #fff;}
/*-------------------------
	17.2 Home Banner Section 
---------------------------*/ 

/*-------------------------
	17.3 Summer Banner Section 
---------------------------*/ 
.home5 .summer{padding: 30px 0;}
.home5 .summer .box{position: relative;}
.home5 .summer .box .overlay{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.5);padding: 30px 30px;border-radius: 5px;text-align: center;transition: all 500ms ease;}
.home5 .summer .box h5{margin: 0;font-weight: 400;color: #fff;text-transform: uppercase;font-size: 16px;}
.home5 .summer .box h5 span{font-size: 24px;font-weight: 500;display: block;color: #3c494f;padding: 10px 0 0 0;}
.home5 .summer .box:hover .overlay{padding: 40px;transition: all 500ms ease;}
/*========================
	18. Media Query
==========================*/

@media screen and (min-width:992px) and (max-width:4000px)
{ 
.menu ul li:hover .submenus{top: 50px;display:block;}
.menu .submenus{position: absolute;left: 15px;right: 15px;top: 100px;display:none;min-width: 120px;max-width:100%;background: #fff;box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);z-index: 999;padding: 20px 20px 25px;transition: all 200ms ease-out 0s;}
}
/*
|-------------------------------------------------------------------|
| Extra large devices (large desktops, 1200px)                      | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:992px) and (max-width:1199px)
{ 
.menu ul li a{padding: 12px;}
.cart #accordionone #collapseTwo label{text-align: left;}
.midhead img{width: 100%;}
.home3 .slider .item.active .carousel-caption h2{font-size: 30px;line-height: 30px;}
.slider .item.active .carousel-caption h3{font-size: 24px;}
.midhead .shopdata{left: inherit;right: 0;}

}
/*
|-------------------------------------------------------------------|
| Large devices (desktops, 992px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:768px) and (max-width:991px)
{
.img-responsive{width: 100%;}
.slider .carousel-caption h2{font-size: 40px;line-height: 40px;}
.slider .carousel-caption h3{font-size: 30px;line-height: 20px;}
.menu .submenus ul li a{color: #333 !important;}
.midhead .col-xs-12.col-sm-12{text-align: center;}
.midhead input[type="search"]{margin: 10px 0;}
.delivery .dbox{border-right: none;}
.newsletter h5{padding-bottom: 30px;}
}
/*
|-------------------------------------------------------------------|
| Medium devices (tablets, 768px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0) and (max-width:991px)
{
.mobile{display: inline-block;width: 100%;text-align: left;}
.mobile i{float: left;font-size: 24px;}
.mobile:hover,.mobile:hover i{color: #000;}
.midhead .col-xs-12.col-sm-12,.new_arrival .woman_arrival{text-align: center;}
.midhead input[type="search"],.searchpage .button{margin: 10px 0;}
.leftmenu .submenus{position: inherit;left: inherit;top: inherit;width: auto;opacity: 1;visibility: visible;display: none;width: 100%;border:none;border-top: 1px solid #ddd;}
.leftmenu .submenus ul,.leftmenu .submenus.twomenus ul{float: inherit;width: 100%;}
.leftmenu .submenus.twomenus{width: 100%;}
.delivery .dbox,.about img{border-right: none;display: table;margin: 0 auto;}
.menu .closemenu{display: block;}
.menu{padding: 15px 0;position: relative;}
.menu ul{bottom: 0;left: 0;position: fixed;top:0px;z-index: 999999;background: #1f223e;width: 280px;height: 100%;max-height: 700px;overflow-x: hidden;overflow-y: auto; padding: 40px 15px;
    transform: translate3d(-280px, 0px, 0px);transition: all 0.5s ease-in-out 0s;visibility: hidden;}
.menu ul.open{transform: translate3d(0px, 0px, 0px);visibility: visible;transition: all 0.5s ease-in-out 0s;}  
.menu ul li{display: block;float: none;text-align: left;}
.menu ul li a{padding: 7px 15px;}
.menu ul li a:hover{background: transparent;color: #3c494f;}
.menu ul li ul,.menu .submenus{width: 250px;position: inherit;background: #f6f6f6;bottom: inherit;left: inherit;top: inherit;transform: translate3d(0px, 0px, 0px);visibility: visible;height: 100%;max-height:max-content;padding: 0;min-width:min-content 
	!important;}
.menu .submenus	li:last-child{border-bottom: none;}
header .menu .submenus,header .menu ul li:hover .submenus,.product .owl-nav,.fixbutton{display: none;}
.menu ul li ul li a{background: transparent;}
.menu ul li,.leftmenu,.about img,.contact .button,.blogin .button,.blogin input,.product .catedetail .button,.new_arrival .woman_arrival{margin-bottom: 10px;}
.menu ul li a{z-index: 999;}
.menu ul li ul li{padding: 0 15px;}
/* .menu ul li ul li:first-child{margin-left: 15px;} */
.menu ul li a i{position: absolute;top: 0;right: 0;width: 34px;height: 34px;line-height: 34px;background: #ddd;color: #000;text-align: center;padding: 0;z-index: 9999;}
.menu ul li a:hover i{background: #fff;}
.slider .carousel-caption h2,.new_arrival .woman_arrival h2{font-size: 30px;line-height: 30px;}
.slider .carousel-caption h3{font-size: 20px;line-height: 10px;}
.cart #accordionone #collapseTwo label{text-align: left;}
.deals #clockdiv li{width: 50px;height: 50px;padding: 0 5px 5px;}
.searchpage .Lpadded{padding-left: 15px;}
.product:hover .owl-nav .owl-next{right: 0;}
.product:hover .owl-nav .owl-prev{left: 0;}
.about,.help,.warranty,.home4 .testimonial{padding: 20px 0;}
.help .box,.home4 .slider .right_slide,.new_arrival .woman_arrival{margin-top: 30px;}
.home4 .container-fluid{padding-left: 15px;padding-right: 15px;}
.new_arrival{padding-top: 0;}


}
/*
|-------------------------------------------------------------------|
| Medium devices (tablets, 768px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0) and (max-width:767px)
{
.midhead .shopdata{left: inherit;right: 0;}
.cartbox{margin-top: 15px;}
.blog .page li:first-child,.blog .page li:last-child,.page li:first-child a,.page li:last-child a{display: none;}
p{font-size: 14px;line-height: 20px;}
.slider:hover .carousel-control.left{left: 0;}
.slider:hover .carousel-control.right{right: 0;}
.img-responsive{width: 100%;}
.text-right,.tophead,.about .owl-nav,.newsletter ul,.copyright p{text-align: center;}
.support .box,.newsletter h5{padding-bottom: 30px;}
.newsletter h5.copyright img{padding-top: 15px;}
#newsletter .modal-body input[type="email"]{padding: 8px 15px;}
.footer .col-sm-12.text-center{clear: both;}
.deals{background: transparent;}
.deals h2{font-size: 20px;}
.deals p{padding: 0;}
.deals .dealbox{position: inherit;left: inherit;top: inherit;transform: inherit;margin-bottom: 20px;}
.deals #clockdiv{display: table;margin: 10px auto 0;}
.searchpage input[type="text"],.deals #clockdiv li{margin-bottom: 10px;}
.searchpage .Lpadded{padding-left: 15px;}
.menu .submenus ul li a{color: #333 !important;}
.cart table td ul li button{padding: 5px;}
.home4 .testimonial .collection_content{left: 15px;}
.home4 .testimonial .collection_content h2{font-size: 18px;}
.home5 .summer .box{margin-bottom: 15px;display: block;}
}

/*
|-------------------------------------------------------------------|
| Small devices (landscape phones, 576px)                           | 
|-------------------------------------------------------------------|
*/
@media (max-width: 476px) 
{	
.tophead ul li a:after,.slider .carousel-caption{display: none;}
.tophead ul.hlogin{text-align: left;}
.tophead ul{text-align: right;}
.tophead ul li{padding: 5px 0;}
.midhead .cartbox{margin: 0 auto;display: table;}
.midhead .cartbox,.circle,.tophead ul li{display: block;}
.legend h6{font-size: 16px;}
.cart #accordionone .button{width: 100%;}
.cart .endbutton a:last-child{float: inherit;}
.cart .endbutton .button{display: table;margin: 20px auto;}
.circle{margin-bottom: 15px;}
.product .tabdata .ldata li{margin: 0 10px;}
#newsletter .modal-body input[type="submit"]{position: inherit;width: 100%;border-radius: 4px;}
.about .legend .owl-prev, .about .legend .owl-next{position: inherit;display: inline-block;margin: 0 5px;}
.incategory .iconbar li:last-child{float: inherit;}
.cart table td ul li,.midhead .cartbox:last-child{display: block;margin-top: 15px;}
.cart table td ul li button{padding: 5px 24px;}
.warranty .circle{width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
.blogin .social ul li:first-child{float: inherit;}
.blogin .social ul li{padding-left: 5px;}
}
#parent-sub{position: relative;}
#sub-sub{display: none;top: 5%;left:70%}
#parent-sub:hover #sub-sub{display: block;}
.bold a{font-weight:bold!important;border-bottom: 1px dashed #ccc;color:#1c24cd!important}
#parent-sub #sub-sub{min-width: 200px;}
.apply{padding: 3px!important;}
/*.menu ul li {
    display: inline-block;
    float: left;
    line-height: 39px;
}*/
.menu .submenus{top:70px!important;}
#top-nav li a{font-family: 'Raleway', sans-serif}

.slider{height:auto;}
#slidercarousel .carousel-item{height:auto;width: 100%;}
#slidercarousel .carousel-item img{max-width: 100%; }
#hbanner p,#hbanner h4,
#hbanner a.titlebtn{display: flex;justify-content: center;align-content: center;}


.homebanner {padding: 30px 0 0;background: #fff;}
.homebanner .box {position: relative;overflow: hidden;display: block;width: 100%;margin-bottom: 30px;}
.homebanner .box .overlay:after {left: 0;}
.homebanner .box .overlay:before {right: 0;}
.homebanner .box .overlay:after,.homebanner .box .overlay:before {content:"";position: absolute;top: 0;width: 0;height: 100%;z-index: 1;background: rgba(0,0,0,0.4);transition: all 500ms ease;}
.homebanner .box:hover .overlay:after,.homebanner .box:hover .overlay:before{width: 50%;transition: all 500ms ease;}
.homebanner .box .overlay {background: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;padding: 30px 15px;width: 100%;height: 100%;transition: all 500ms ease;}
.homebanner .box:hover .overlay{background: rgba(0,0,0,0.0);transition: all 500ms ease;}
.homebanner .box .overlay h4 {font:600 24px/30px 'Roboto',sans-serif;text-transform: uppercase;color: #fff;margin-bottom: 0;position: relative;z-index: 2;}
.homebanner .box .overlay p {font:600 14px/30px 'open Sans',sans-serif;text-transform: uppercase;color: #fff;position: relative;z-index: 2;transition: all 500ms ease;}
.homebanner .box:hover .overlay p{color: #3c494f;transition: all 500ms ease;}
#hbanner h4,
#hbanner a.titlebtn {
    color: #fff;
    font-size:14px;
    padding-top: 10px;
    margin-bottom: 7px;
    height:42px;
    text-transform: uppercase
}
         
        
          

@keyframes slide{
	from{background-position: left;}
	to{background-position: right;}
}
#hbanner p {
    font-size:16px;
    font-style: italic;
    background: rgb(255 255 255);
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 0px 0px 7px 0;
    left: 0;
    top: 0;
    text-transform: capitalize;
    line-height:26px;
    position: absolute;
    animation: blinker 2.0s linear infinite;
}

/* @keyframes blinker {
  50% {
    opacity: 0;
  }
} */

.homebanner .box .button {
    padding: 2px 35px;
    opacity: 1;
    transition: all 500ms ease;
    color: #000;
    text-align: center;    
    font-weight: 600;
    border-radius: 2px;
    margin-top: 0px;
    background: #fff;
}
#last_box h4 {
    font-size: 19px;
    text-align: center;
    
   /* width: 89%;*/
}
#last_box:after {display: none;}
.support .box {
    z-index: 999;
    position: relative;
    border-radius: 15px;
    background:#EEF3F8;
    /* box-shadow: 0 5px 9px 0 transparent, 0 3px 15px 0 rgba(0, 0, 0, .1)!important;float: left; */
    min-height: 280px;padding-bottom: 5px;
}
.support .box ul {
    padding: 0;
    margin: 0;
   
}
.support .box ul li{display: block;}
/*.support .box ul li a {
    color: #3c494f;
    display: block;text-align:left ;
    
    margin-bottom: 5px;padding:5px ;position: relative;padding-left: 15px;padding-right: 15px;
}*/
.support .box ul li:last-child a{border-bottom: none;} 
/*.support .box ul li a::before {
    font-family: "FontAwesome";
    content: "\f18e";
    font-weight: 400;
    position: absolute;
    left: 0;color:#3c494f
}*/
.support .box h6 {
    font-weight: 400;
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    text-transform: capitalize;
    padding-left: 15px;
    background:#f5a623;
    margin-top: 0;
    text-align: center;font-family: 'Roboto', sans-serif!important;position: relative;
}
.support .box h6:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 36px;
    transform: rotate(45deg);
    left: 43%;
    top: 15px;
    background:#f5a623;
    z-index: -1;
}
.vsvroll {
    height:240px;
    overflow: hidden;
    padding: 15px;padding-top: 5px;
}
.vsvroll ul li a{text-transform: capitalize;font-family: 'Roboto', sans-serif!important;padding-left: 5px;display: block;position: relative;color:#3C494F;padding-left: 20px}
.vsvroll ul li a:after{position: absolute;content: "\f0a4";left: 0px;font-family: "FontAwesome";top: 0px;}
.vsvroll ul li:first-child a:after{position: absolute;content: "\f0a4";left:0px;font-family: "FontAwesome";top:0px;color: #000}
.vsvroll ul li:first-child a{color:#000;}
#gallary12 .figcaption{display: flex;justify-content: center;align-items: center;}
#gallary12 .gl-btn{background:#3c494f;color: #fff;font-size: 16px;padding:5px 15px ;border-radius:7px;}
#gallary12 .name h5 {
    color: #3C494F;
    margin-bottom: 0;
    font-weight: 600;
}
#gallary12 .name{display: flex;justify-content: center;align-items: center;min-height:50px ;border-top:1px dotted #fff;border-radius:0;}
/*===================For News Ticker==========================*/
/*===================For News Ticker==========================*/
.ticker__viewport{ background:#0a801a;
        color: #fff;
        overflow: hidden;
        padding: 10px 0;}
        .ticker__list{list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;}
        .ticker__item{display: inline-block;
        white-space: nowrap;
        padding-right: 40px;}
        .ticker__list .ticker__item a{position: relative;padding-left:20px;color: #fff;letter-spacing: 1px;font-family: 'Raleway', sans-serif}
.ticker__list .ticker__item a:before{    position: absolute;
    left: 0;
    top: 0px;
    content: "\f192";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 12px!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: gold}
        .ticker__viewport{position: relative;background:#000 ;}
    .ticker__viewport span{position: absolute;
      width: auto;height:50px;line-height:40px ;color: #fff;left: 0;top:0;
      background:#3c494f;z-index: 9;padding-left:15px;padding-right: 15px;font-weight: bold;border-right: 2px dotted #fff;
      text-transform: uppercase;}


/*===================For News Ticker Ends==========================*/
/*===================For News Ticker Ends==========================*/
.legend{position: relative;z-index:999;}
 .legend:after {
    background-image: url(../images/flower3.png);
    content: '';
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0px;
    z-index: 0;
}
 .legend:before{content:'';background: rgba(255,255,255,0.6);position:absolute;top:0px;left:0px;width:100%;z-index: 1;height:100%;}
/*==================For Testimonials=================================*/
/*.white{color: #fff!important}*/
.relative{position: relative;z-index: 99;}
/*=============Social=============================*/
.fixed-social {
  position: fixed;
  top: 23rem;    z-index: 999;right: 0;

}

.fixed-social a {
  color: #fff;
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 40px;
  margin-bottom: 1px;
  z-index: 2
}
.fixed-social a i{line-height:40px;}
.fixed-social a:hover>span,
.fixed-social a:focus>span {
  visibility: visible;
  right: 41px;
  opacity: 1
}

.fixed-social a span {
  line-height: 40px;
  right: 60px;
  position: absolute;
  text-align: center;
  width: 120px;
  visibility: hidden;
  transition-duration: .5s;
  z-index: 1;
  opacity: 0;
  border-radius: 15px 0;
} 
  .fixed-facebook {
  background-color: #4867aa;
}

.fixed-facebook span {
  background-color: #4867aa
}
.fixed-instagram {
    background-color: #ee067f;
  }
  
  .fixed-instagram span {
    background-color: #ee067f
  }
  .fixed-linkedin {
    background-color: #ee067f;
  }
  
  .fixed-linkedin span {
    background-color: #ee067f
  }

.fixed-twitter {
  background-color: #55adee
}

.fixed-youtube {
    background: #c71f1e;
}
.fixed-youtube span {
  background-color: #c71f1e
}
.fixed-twitter span {
  background-color: #55adee
}

.fixed-linkedin {
  background-color: #0077b5
}

.fixed-linkedin span {
  background-color: #0077b5
}
.fixed-google{
  background-color: #dd5144
}
.fixed-google span {
  background-color: #dd5144
}
.fixed-Dribbble{
  background-color: #e04b85
}
.fixed-Dribbble span {
  background-color: #e04b85
}

.fixed-Vimeo-Square{
  background-color: #1f08b4
}
.fixed-Vimeo-Square span {
  background-color: #1f08b4
}

.fixed-RSS{
  background-color: #f5953b
}
.fixed-RSS span {
  background-color: #f5953b
}

.fixed-Pinterrest{
  background-color: rgb(183 8 27)
}
.fixed-Pinterrest span {
  background-color: rgb(183 8 27)
}

.fixed-Android{
  background-color: rgb(115 187 86)
}
.fixed-Android span {
  background-color: rgb(115 187 86)
}

.fixed-Flickr{
  background-color: rgb(0 96 212)
}
.fixed-Flickr span {
  background-color: rgb(0 96 212)
}
.fixed-whatsapp {
  background-color: #25d366;
}

.fixed-whatsapp span {
  background-color: #25d366
}
  .fixed-social a span {
    line-height: 40px;
    right: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 1;
    opacity: 0;
    border-radius: 15px 0;
  }
 
.row.newrowset .fixed-social {
    position:absolute;
    top:20px;    z-index: 999;right:10px;
  
  }
  .row.newrowset .fixed-social>div{display: inline-block;}
  
  .row.newrowset .fixed-social a {
    color: #fff;
    display: block;
    height: 50px;
    position: relative;
    text-align: center;
    line-height: 50px;
    width: 50px;
    margin-bottom: 1px;
    z-index: 2;
    margin-right: 3px;
  }
  .row.newrowset .fixed-social a i{line-height:1.375em;font-size: 22px;}
  .row.newrowset .fixed-social a:hover>span {
    visibility: visible;
    right: 41px;
    opacity: 1;
  }

  .row.newrowset .fixed-social a span{display: none;}
  .row.newrowset .fixed-facebook,
  .row.newrowset .fixed-instagram,
  .row.newrowset .fixed-linkedin,
  .row.newrowset .fixed-twitter,
  .row.newrowset .fixed-youtube,
  .row.newrowset .fixed-linkedin,
  .row.newrowset .fixed-google,
  .row.newrowset .fixed-Dribbble,
  .row.newrowset .fixed-Vimeo-Square,
  .row.newrowset .fixed-RSS,
  .row.newrowset .fixed-Pinterrest,
  .row.newrowset .fixed-Android,
  .row.newrowset .fixed-Flickr,
  .row.newrowset .fixed-whatsapp{background:transparent; border:solid 1px #fff;}
  .row.newrowset .fixed-facebook:hover {
    background-color: #4867aa;
  }
  .row.newrowset .fixed-instagram:hover {
    background-color: #ee067f;
  }  
   .row.newrowset .fixed-whatsapp:hover {
    background-color: #25d366;
  } 
  .row.newrowset .fixed-linkedin:hover {
    background-color: #ee067f;
  }


.row.newrowset .fixed-twitter:hover {
  background-color: #55adee
}

.row.newrowset .fixed-youtube:hover {
    background: #c71f1e;
}


.row.newrowset .fixed-linkedin:hover {
  background-color: #0077b5
}

.row.newrowset .fixed-google:hover{
  background-color: #dd5144
}

.row.newrowset .fixed-Dribbble:hover{
  background-color: #e04b85
}


.row.newrowset .fixed-Vimeo-Square:hover{
  background-color: #1f08b4
}


.row.newrowset .fixed-RSS:hover{
  background-color: #f5953b
}


.row.newrowset .fixed-Pinterrest:hover{
  background-color: rgb(183 8 27)
}


.row.newrowset .fixed-Android:hover{
  background-color: rgb(115 187 86)
}


.row.newrowset .fixed-Flickr:hover{
  background-color: rgb(0 96 212)
}

/*=================End Social=========================*/

.tbox1 video {
    width: 100%;
    min-height: 153px;
}

/*#slidercarousel .carousel-inner{background: green;background-image: url("../images/s2.jpg");background-size: contain;}*/
.carousel-control .fa{color:#3c494f}
.carousel-control .fa:hover, .carousel-control:focus .fa{color:green}
.carousel-control:focus .fa{color:green; border:solid 2px #333;}
.copyright {
    border-top: 1px solid #b4b4b4;
     background: #01a34b; 
    background-image: url(../images/YOUTH-about-images-hedaer-footer.png);
    background-position: center;
    background-size: contain;
    background-color: #000000bd;
}
.copyright p{color: #fff;}
.support .box {
    transition: all 500ms linear;
    border: 2px solid #259d5c;margin-top: 13px;}
.support .box:hover{box-shadow:-1px -1px 4px #fff ;}
.support .box:hover .fa{transform:scale(-1,1);transition:all 250ms linear ;}

.midhead img{padding-top: 5px}
img.img-fluid.mplogo {
    width: 80px;
    position: relative;
    top: -2px;
}
.mdl-btn {
    background: #0C9A1F;
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    animation:changing 1s linear alternate infinite ;
}
@keyframes changing{
	0%{ background: #2d352e; color: #fff;}
	100%{background: #3c494f; color: #fff;}
	
}
.tophead ul li a i{color: #fff!important}
.tophead ul li a:hover{color: #000!important}
/*=======================26/11/2022==============================*/
div#menu1,div#menu2,.menu{
    float: left;
}
ul#top-nav2 {
    float: left;
    margin-top:26px;
}

.menu ul li a.active{color: #000}
/*#top-nav2 li:hover .submenus,.activa,#top-nav2 li:hover .submenus,#top-nav li:hover .submenus,.activa,#top-nav li:hover,#top-nav2 li:hover{background: #ccc;}*/
/* #top-nav,#top-nav2{position: relative;} */
#top-nav .submenus{top: 30px!important;/*border-top:30px solid transparent;*/}
#top-nav2 .submenus{top: 30px!important;/*border-top:30px solid transparent;*/}
#top-nav2 li a{font-family: 'Raleway', sans-serif;font-weight:600 ;}
h1,h2,h3,h4,h5,h6,p,a{/*font-family: 'Raleway', sans-serif!important;*/font-family: 'Roboto', sans-serif!important;}
/*#top-nav{padding-top: 5px}*/

#hbanner .box{position:relative;overflow: visible;/*box-shadow: 0 0 7px rgba(0,0,0,0.7);*/}
/*#hbanner .box:after {
    background-image: url(../images/open.png);
    content: '';
    position: absolute;
    top: -85px;
    height: 100%;
    width: 100%;
    background-position: right;
    background-size: CONTAIN;
    background-repeat: no-repeat;
    right: -39px;
    z-index: 9;
    transform: scale(0.7);
    overflow: visible;
}*/

.submenus ul li a:hover, .submenus ul li a.active{border-bottom: none!important}
#parent-sub .submenus{border-top: none!important}
.team .figcaption {
    background:#eef3f885!important;
}
/*.activa,.singlesub:hover,#top-nav li:hover,#top-nav2 li:hover{background:#3c494f!important;}*/
#top-nav li:hover .submenus,#top-nav2 li:hover .submenus,#top-nav2  .submenus{background:#fff ;}
#top-nav li a,#top-nav2 li a{color:#3c494f}
.submenus li a{border: none!important;}
.submenus{border-top: 2px solid #3c494f}
#top-nav2 .submenus li:hover,#top-nav .submenus li:hover{background:#fff!important ;}
/*#top-nav .submenus li:hover a,#top-nav2 .submenus li:hover a,#parent-sub #sub-sub li:hover a{color: #0C9A1F!important;}*/
 #top-nav .submenus li a,#top-nav2 .submenus li a{text-transform: capitalize;}
 .bold{color: #000;border-bottom:1px dashed #ccc ;}
 .submenus li{border-bottom:1px dashed #ccc!important }
/* #parent-sub #sub-sub li a{color: #000!important}*/
.menuside:hover #sub-sub{left: 45%}
#top-nav.first-nav li a {
    color: #fff!important;
    /* font-size:0.875em; */
    font-weight: bold;
    /* letter-spacing: 0.1px; */
}
#top-nav.first-nav .submenus li a{color: #000!important}
h6.brand-name, .logo {
    float: left;
    font-size: 20px;
    font-weight: 900;
}
h6.brand-name{margin-top: 25px;}

.midhead {
    padding-top: 5px;
    padding-bottom: 10px;
}
#top-nav.first-nav li a{padding: 0px 0px}
#top-nav.first-nav li {
    padding-left: 5px;
    padding-right:20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
body.hindi_lang #top-nav.first-nav li{padding-right:20px;}
body.hindi_lang .tophead ul li a i{padding-right:3px;}
/*#top-nav.first-nav li:last-child{border-right: 1px solid #fff;padding-right:10px ;}*/
#nav-ul li {
    padding-left:3px;
    padding-right:2px;
    border-right: 1px solid #ffffff45;
    padding-top:8px;
    padding-bottom:5px;
}
#nav-ul li:last-child {border-right: none;}

#nav-ul li a .white {
    color: #fff!important;
    border:0px;
    padding: 0;
    position:relative;
    top:1px;
}
#nav-ul li a .text-black {
    color:#e0d50e!important;
    border:0px;
    padding: 0;
    position:relative;
    top:1px;
}
#nav-ul li a .text-grey {
    color:#929292!important;
   border:0px;
    padding: 0;
    position:relative;
    top:1px;
}
.close-hide{display:none!important;}

/*li.searchbar {
    margin-left: 15px;
}*/
#top-nav.first-nav .submenus li a i {
    color: #000!important;
    position: absolute;
    right: 5px;
}
#top-nav #sub-sub{top:-4px!important;left: 100%}
#top-nav #sub-sub {
    border-top: 4px solid #3c494f!important;
}

#menu1 .submenus, #menu2 .submenus{top:65px!important;}
#menu1 ul li:hover .submenus,
#menu2 ul li:hover .submenus{top:27px!important;transition:all 100ms linear}
#menu1 ul li:hover .submenus .singlesub:hover .submenus,
#menu2 ul li:hover .submenus .singlesub:hover .submenus{top:27px!important;transition:all 100ms linear; left:100%;}
/* #menu1 .fa-angle-down,#menu2 .fa-angle-down,#slidercarousel .carousel-indicators{display: none;} */
.publication i {
  
    display: inline-block;
}
.publication .flex{position: absolute;bottom:10px;width:90%;}
section#gallary13 .item {
    margin-right:7px; margin-left:7px;
}
div#newsbox {
    border: 1px solid #F2C14C;
    background: #f8dfa5;position: relative;
}
#newsbox h6 {
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 12px;
    letter-spacing: 6px;
}
div#newsbox .fa {
    font-size: 24px;
    background: transparent;
    vertical-align: middle;margin-right: 15px;transition:all 250ms linear 
}
#gallary12 .fig{}

#newsbox:before, #newsbox:after {
    content: "";
    background: #ffffff;
    position: absolute;
    top: 0;
    bottom: 24px;
    left: 15px;
    right: 15px;
    z-index: -1;
    clip-path: polygon(15% 0, 85% 0, 90% 5%, 100% 5%, 100% 100%, 0 100%, 0 5%, 10% 5%);
    background-color: #f8dfa5;
    background-image: url(../images/flower3.png);
    background-position: inherit;
    background-size: 2%;
}
div#newsbox {
    border: none;
    background: transparent;
    position: relative;
    box-shadow: none!important;overflow: visible;min-height: 340px
}
#newsbox.box:after {
    background: transparent;
    border: 14px solid #dd9933;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: 0;
    right: 0;
    top: 25px;
    clip-path: none;
    /* filter: drop-shadow(3px 14px 6px black); */
}
#newsbox .pricingTable-header-news {
    padding: 37px 0 0;
    margin: 0 0 20px;
}
#newsbox .title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0;
    background: linear-gradient(to right, #F2C94C, #F2994A);
    position: absolute;
    top: -14px;
    left: 25%;
    padding: 5px 39px;
    font-family: 'Eczar-SemiBold';
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    display: flex;
    align-items: center;
    border-radius: 3px;
}
#newsbox {
    text-align: center;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0px 0px 4px #aeacac);
    border-radius: 18px;
}
section#gallary12 .fig {
    height:230px;
}
/*.testimonial:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: url(../images/pattern2.png) repeat-x bottom;
    height: 70px;
    top: -3rem;
}
.testimonial:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 26rem;
    background: url(../images/pattern1.png) repeat-x bottom;
    height: 70px;
}*/
.pad0{padding-left: 0;padding-right: 0;position: relative;top:0;}
.tbox2 h3{color: #3C494F;
    font-size:0.8125em;
    margin-bottom: 0;
    font-weight: 600;}
.tbox2 p {
    margin: 0;
    margin-top: 1px;
    font-weight: 600;
    font-size: 14px;
    color: #161659;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.tbox2 {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 7px;
    margin-top: 10px;
    text-transform: uppercase;
    padding: 5px;
}

.testicarousel .item,.testimonial .gallery-item{
    margin-right: 15px;
 /*   border: 1px dashed #878080;*/
    padding: 5px;
    border-radius: 7px; position: relative;
}


.gallery-slider2 .gallery-item{
    margin-right: 15px;
    /*border: 1px dashed #878080;*/
    padding: 5px;
    border-radius: 7px;
}
.gallery-slider2 .gallery-img img{height:100%;width: 100%}
.gallery-slider2 .gallery-img{height: 150px}
/*=======================*/
.grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.grid-wrapper > div > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.grid-wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
.grid-wrapper .wide {
	grid-column: span 2;
}
.grid-wrapper .tall {
	grid-row: span 2;
}
.grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}
/*===========masonary gallrey======================*/

   #hbanner .box{ 
    display: block;
    width: 100%;
    min-height: 200px;
   position: relative;border-top: 4px solid #259d5c;height: 200px
}
/* #hbanner .box:after{position: absolute;content:"";width: 100%;height: 100%;top: 0;left: 0} */



/* The Modal (background) */
#gallary112-modal .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
#gallary112-modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 50%; height: 50%;
  max-width: 1200px;margin-top:5%;
}
#gallary112-modal .column {
  float: left;overflow-x: auto;overflow-y: hidden;
    width:100px;height: 50px}
    div#gallary112-modal {
    background: #000000db;
}
#gallary112-modal img{max-height:500px!important;}
/* The Close Button */
#gallary112-modal .close {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 50px;
    font-size: 50px;
    font-weight: bold;
    z-index: 999;
    opacity: 1;
    background: #f113137a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #fff;
}

#gallary112-modal .close:hover,
#gallary112-modal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

#gallary112-modal .mySlides {
  display: none;
}

#gallary112-modal .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
#gallary112-modal .prev, #gallary112-modal .next {
    cursor: pointer;
    position: absolute;
    top: 60%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #11181c;
    font-weight: bold;
    font-size: 30px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
#gallary112-modal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#gallary112-modal .prev:hover,
#gallary112-modal .next:hover {
  background-color: rgba(0, 0, 0, 0.8);color: #fff;
}

/* Number text (1/3 etc) */
#gallary112-modal .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*==============For Responsiveness==========================*/
@media only screen and (max-width: 767px){
/*	.tophead ul {
    display: flex;
    width: 100%;
}*/
.tophead{height:70px}
ul#top-nav2 li,#top-nav li{display: block;width: 100%}
#top-nav li a, #top-nav2 li a,#top-nav li a{color: #fff!important;text-align: left;}
ul#nav-ul {
    display:block;
    float: left;
    width: 100%;text-align: left;
}
ul#nav-ul li{ display: inline-block;padding-left:4px; padding-right:4px;}
div#menu1 {
    float: left;text-align:left;  width: 100%;  
}
div#menu2, .menu{float:right; text-align:right;}
#top-nav, #top-nav2 {
    position: absolute;
    left: 0;
    width: 100%;
    top:280px;
    margin: 0;
    padding: 0;
    height: fit-content;
}
#top-nav2 {    
    top:20px;   
}
.menu ul li {
    position: relative;
    width: 100%;
    display: block;
}
.midhead img,.midhead h6{float: left;}
h6.brand-name, .logo {

    font-size: 17px;

}
#top-nav.first-nav li a, #top-nav2 li a{padding:10px 15px;}
#menu2 #top-nav2 li:hover .submenus{top:12px;left:40px;background:transparent;}
#top-nav2 .submenus li:hover, #top-nav .submenus li:hover{background:transparent;}

}

.visitores span {
   
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: inline-block;
    color: #fff;    border: 1px solid #055ca5;
}
.visitores span i {
    
    padding: 5px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
}
#parent-sub .fa{display:none;}

 #menu2 #top-nav2 li:hover .submenus{top:35px!important}    
 #menu2 #top-nav2 li:hover .submenus .submenus{display: none;}  
 #menu2 #top-nav2 li .submenus li.dropdown:hover .submenus{display: block;}  
 #menu2 #top-nav2 li .submenus .submenus{left:100%;top:0px!important;}
 #menu2 #top-nav2 li .submenus .submenus, #menu1 #top-nav li .submenus .submenus{left:100%;top:0px!important;}
 #menu2 #top-nav2 li .submenus .submenus{left:100%;}
 #menu2 #top-nav2 li:hover .submenus .submenus, #menu1 #top-nav li .submenus .submenus{display: none;}
  #menu2 #top-nav2 li .submenus li.dropdown:hover .submenus, #menu1 #top-nav li .submenus li.dropdown:hover .submenus{display: block;}
 #menu2 #top-nav2 li:hover #parent-sub .submenus{top:0px!important; left:100%;}   
 .vsvroll li{margin-bottom:10px; border-bottom: dashed 1px #ccc;padding-bottom: 6px;}
         
         form.mksearch input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
  border-radius:3px 0 0 3px;
}

form.mksearch button {
    float: left;
    width: 20%;
    padding:6px 10px;
    background: #c69a16;
    color: white;
    font-size: 17px;
    border: 1px solid #80808047;
    border-left: none;
    cursor: pointer;
}

form.mksearch button:hover {
  background: rgb(11 60 101);
}

form.mksearch::after {
  content: "";
  clear: both;
  display: table;
}
#myModal-search .modal-body {
    padding: 20px;
}
 .footer-menus li a {
        padding: 0px 11px;
        color: #fff;
        text-decoration: none;
        font-family: 'Eczar-SemiBold';       
    }
    .footer-menus li:last-child{border-right: none}
  ul.footer-menus {
    display: flex;
    justify-content: center;
    padding: 0px 10px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cccccc9c;
    margin-bottom: 0px;
}
.list-with-icon.second-line-ul{border-bottom: 1px dashed #cccccc9c;}
    span.Vistor-Hits {
        color: #fff;
    }
    
    .footer-bottom-code {
        padding: 7px 0px 7px 0;
        border-top: 1px dashed #ffffff;
    }
    .footer-menus li {
        border-right: 1px solid #ffffff87;
        line-height: 10px;list-style: none;
    }
    ul.inline-set li{border-right: 1px solid #f1e3e340!important;text-align: left;}

    ul.inline-set li:last-child {border-right: none!important;}
   /* ul#inline-set.text-left.a1{border-right:1px solid #fef4f42b!important;}*/
    .footer-contacts__inner{padding-left:10px;text-transform: lowercase;}

    section#gallary112 {
    background: #EEF3F7;padding-top: 40px;padding-bottom:0px;
}
section#gallary12 .item {
    /* margin-right: 15px; */
}
.list-with-icon li .fa{transition: all 200ms linear}
.list-with-icon li:hover .fa{transform: rotate(360deg);transition: all 200ms linear}
h6.brand-name>span {
    display: block;
    text-align: center;margin-top:10px;
}
/* h6.brand-name>span span {
    display:inline-block;
    text-align: center; margin-bottom:0px;
} */
h6.brand-name {
    margin-top:-4px;
    margin-left:10px;
    font-family: 'Roboto', sans-serif!important;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size:24px;
    line-height:21px;
    font-weight: bold; max-width:100%;
}
div#menu2 #top-nav2 li{margin-right:18px}
body.hindi_lang div#menu2 #top-nav2 li{margin-right:10px}
.container {
    width: 83%;
}
#hbanner .box img{width: 100%;height:197px; object-fit:cover;}
.myoverlay {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
     bottom:-2px;
    height: 40%;text-align: center;transition:all 500ms linear ;
}
.myoverlay:after {
    position: absolute;
    width:0%;
    background: rgba(0,0,0,0.7);
    left: 0;
    bottom: 0;
    height:100%;content: "";transition: all 500ms linear;
}
#hbanner .box .myoverlay h4,#hbanner .box .myoverlay .button,
#hbanner .box .myoverlay a.titlebtn{position: relative;z-index: 9;}
#hbanner .box:hover .myoverlay:after {
    width: 100%;
    transition: all 500ms linear;
  left: 0;
    bottom: 0;z-index:0;
}
.mkslider h5 {
    font-size: 1em;
    display: -webkit-box;
    margin-top: 5px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mkslider .content{padding: 10px;}
/* .mkslider .flex i{float: left;} */
.mkslider .flex a{float:right;}
a.readmore {
    padding: 2px!important;
    border-radius: 3px;
    background:#df9815;
    color: #fff!important;
    font-size: 12px;
    text-align: center!important;padding-left:5px!important ;display: block;
}
a.readmore .fa{float: right;margin-top: 2px!important;vertical-align: middle;margin-left:3px ;}
.mkslider .box:hover a.readmore .fa {transform: scale(1.1)!important}
.inline-set.list-with-icon li{display: inline-block;}

ul.inline-set {
    text-align: center;
}
ul.inline-set li a,ul.inline-set li{color: #fff;padding-top: 10px;
    padding-bottom: 10px;}
ul.inline-set.text-left{text-align: center!important;} 
.fancybox-slide--video video{width: 50%;}
#top-nav.first-nav .submenus li, #top-nav2 .submenus li{width:100%;padding:3px 0px;}
#top-nav.first-nav .submenus li a {    
    color: #3c494f!important;
    font-weight:600;
    margin-bottom: 0;
    display: block;
    padding: 3px 15px!important;
    font-family: 'Roboto', sans-serif!important;
    text-transform: none;
    line-height: 20px;
}
div#menu1, .menu {
    float: left;
   /* border-left:1px solid #ffffff45;*/
}
.newrowset{margin-top: 10px}
/*===============15 DEC 2022===================*/
ul#nav-ul {
    float: left;
}
.submenus ul li {
    line-height: 20px!important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
}
#menu1.top-left-menu {
    float: left;

}
#hbanner .boxclr1{border-top-color: rgb(37, 157, 92);}
#hbanner .boxclr1 .myoverlay{background: rgb(37 157 92 / 81%);}

#hbanner .boxclr2{border-top-color: rgb(203 93 23);}
#hbanner .boxclr2 .myoverlay{background: rgb(203 93 23 / 81%);}

#hbanner .boxclr3{border-top-color:rgb(232 48 46)}
#hbanner .boxclr3 .myoverlay {
    background: rgb(232 48 46 / 81%);
}


#hbanner .boxclr4{border-top-color:rgb(60 129 187);}
#hbanner .boxclr4 .myoverlay{background: rgb(60 129 187 / 81%);}
.for-blink a{color: #3c494f;animation:blink 1s linear infinite alternate;animation-duration:1s;}
@keyframes blink{
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}
.imagesforthis img{transition: all 300ms linear;filter:grayscale(50%);border-radius: 15px 15px 0 0}
.imagesforthis {overflow: hidden;transition: all 500ms linear;border-radius: 15px 15px 0px 0px}
#gallary13 .mkslider{transition: all 300ms linear}
#gallary13 .mkslider .box{margin-top: 15px;margin-bottom: 15px;}
#gallary13 .mkslider .box:hover{box-shadow: 4px 4px 7px rgb(0 0 0 / 40%)!important;transition: none;border-color: #df9815}
#gallary13 .mkslider .box:hover .imagesforthis img{transform: scale(1.2);transition: all 300ms linear;filter:grayscale(0%);}
#Facilities-box{margin-top: 0;padding: 0;margin:0 auto ;text-align: center;}
#Facilities-box div.blocksa{}
.test-width {
    width: 90%;
    margin: 0 auto;
}
#gallary13 .mkslider .box .imagesforthis img{max-height:175px;min-height:175px;}
 .test-width a[data-fancybox="video"],.column a[data-fancybox="video"]{position: relative;}
.test-width a[data-fancybox="video"] .gallery-img:after {
    content: "\f04b";
    font-family: "FontAwesome";
    position: absolute;
    text-align: center;     
    left: 50%;
    top:50%;
    border-radius:7px;
    font-size: 30px;
    color: #259d5c ;
    background:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    box-shadow:1px -1px 7px #000;
    margin-left:-25px; margin-top:-25px;
}
.column a[data-fancybox="video"] .gallery-item:after {
    content: "\f04b";
    font-family: "FontAwesome";
    position: absolute;
    text-align: center;     
    left: 50%;
    top:50%;
    border-radius:7px;
    font-size: 30px;
    color: #259d5c ;
    background:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    box-shadow:1px -1px 7px #000;
    margin-left:-25px; margin-top:-25px;
}
.testimonial .gallery-img img {width: 100%;height: 100%;}
.testimonial .gallery-img {
    width: 100%;
    height: 150px; position:relative;
}
.list-with-icon.text-left.a1 a {
    padding-left: 10px;
    display: inline-block;
    position: relative;
    top: -11px;
}
.footer .list-with-icon li i, .footer .list-with-icon li p.fa{color:#c6c6c6!important;}
.logo-box-width{margin-left:100px }
img.logo{width:110px;}
.footer hr{border-color:#004b89;margin-top:5px; margin-bottom:10px;}
.footer .white-text a{color:#fff;}
.title-sub-text{clear: both;font-size:10px;text-align: center;text-transform:none;}
.logo-slider .slick-track{margin:0 auto; text-align: center; display: table;}
.video-mask{position: absolute!important; top: 0;height: 100%;left: 0; width: 100%;}

@media only screen and (max-width: 1370px){
	h6.brand-name { font-size: 17px;}
    img.logo{width:80px;}
    .logo-box-width{margin-left:10px;}
    div#menu2 #top-nav2 li{margin-right:20px;}
    #top-nav.first-nav li{padding-right:20px;}
    #nav-ul li{padding-left: 1px;padding-right: 1px;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:14px; padding-left:14px;}
}

@media only screen and (max-width:1260px){
    #top-nav.first-nav li{padding-right:4px;}
    div#menu2 #top-nav2 li{margin-right:4px;}
}
@media only screen and (min-width:992px) and (max-width:1450px){
    h6.brand-name {font-size:22px;}
    #nav-ul li{padding-left:1px; padding-right:1px;}
    }
#myModal-search .modal-dialog {
    position: fixed;
    left:5%;
    top: 50px!important;
    margin: 0!important;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background: #fff;
    border-bottom: 1px solid #ccc;width: 100%;
}
/*==============About us ========================*/
#about-us .breadcrumb_wrapper {
    position: relative;
    background: url(../images/b2.jpg) no-repeat center;
    background-size: cover!important;
    padding:130px 120px 57px;
    background-position:36% center!important;
    z-index: 1;
   
    height:275px;
}
#faculty-m .breadcrumb_wrapper {
    position: relative;
    background: url(../images/b2.jpg) no-repeat center;
    background-size: cover;
    padding:130px 0px 57px;
    z-index: 1;
    height:275px;
}
#faculty-m .breadcrumb_wrapper.faculty-page {
    position: relative;
    background: url(../images/b9.jpg) no-repeat center;
    background-size: cover;
    padding:130px 0px 57px;
    z-index: 1;
    height:275px;
}


.breadcrumb_wrapper .breadcrumb_inner {
    text-align: center;
    position: relative;
    top: -20px;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.breadcrumb_block {
    position: relative;
    padding: 10px 20px;
    border-radius: 30px;
    z-index: 1;overflow: hidden;
    /*box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;border-bottom: 1px solid #cccccc61;*/
    background-color: transparent;
   
}
.breadcrumb_block ul li {
    display: inline-block;
    color:#62806f;
    position: relative;
    margin-right: 15px;
    text-transform: capitalize;
}
.breadcrumb_block ul li:before, .breadcrumb_block ul li:after {
    content: "\f101 ";
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);color: #9b8f8f;font-family:"FontAwesome";
}
.breadcrumb_block ul li:last-child:before, .breadcrumb_block ul li:last-child:after {
   display: none!important;
}
.breadcrumb_block ul li a {
    color: #9b8f8f;
}
.breadcrumb_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(37,37,37,0.2);
    z-index: -1;
}
.breadcrumb_wrapper .breadcrumb_inner h3 {
    font-size:34px;
    font-weight:500;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform:none;
}
.print-option {
    float: right;
    margin: 0;
}
.print-option button {
    font-size: 13px;
}
.print-option button {
    background:#df9815;
   
    color: #3B3B3B;
    border-radius: 3px;
    padding: 2px 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.searchtop{margin:15px 0 0;}
/*#about-us{  background-image: url(../images/more-leaves.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: left;}*/
.innerpage-block {
    background: #fff;
    padding: 20px;
    min-height: 450px;
    border: solid 1px#e3e2e2;
  border-radius: 25px;
  -moz-box-shadow: 1px 1px 1px rgba(100,100,100,0.1), 0 0 25px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px 1px 1px rgb(100 100 100 / 10%), 0 0 25px rgb(0 0 0 / 10%) inset;
    box-shadow: 1px 1px 1px rgb(100 100 100 / 10%), 0 0 25px rgb(0 0 0 / 10%) inset;
    margin-bottom: 30px;float: left;width: 100%;margin-top: 25px;

}
.last-update {
    font-size: 13px;
    color: #6f6f6f;
    margin-bottom: 20px;
    display: block;
    display: flex !important;
    justify-content: left;
    align-items: center;
}
.last-update:before {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
}
.overflow {
    overflow: hidden;
}
hr.hr {
    background: #ccc;
}
.printoption{padding: 5px 20px;
    border-radius: 5px;
 
    background:#14703e;
    color: #fff!important;
    border: 2px solid transparent;}
   .main {
    background-size: cover;
    position: relative}
    .breadcrumb_block ul li:last-child:after,.breadcrumb_block ul li:last-child:before{display: none!important}
    .form-control {
    display: block;
    width: 100%;
    height:38px;
    padding: 0.375rem 2.5rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #2e3e77a6;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
i.fa-lg.position-absolute {
    top: 13px;
    color: #2e3e77;
    left: 26px;
    font-size: 18px;
}
 .btn-7a:before {
    position: absolute;
    left: 10px;
    width: 35%;
    font-size: 125%;
    line-height: 1;
    color: #fff;
}
.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
 .btn-7a {
    overflow: hidden;
}
 .btn-7 {
    background: #273565;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 5px #2e3e77d1;
    padding: 8px 35px 26px 3px;
}
 .btn-3d {
    padding: 0 13px 3px 61px;
    border-radius: 10px;
    height: 40px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
 .btn-3 {
    background: #fcad26;
    color: #fff;
}
.btn-3 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: 0 0;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.myTable td {
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #df9815;
}
.myTable th{text-align: center;background:#df9815;color: #fff}

.myTable {
    border: 1px solid #df9815;
}
#bod {padding:25px 0px 25px 0px }
#bod h2 {
    font-size: 18px;
    margin-top: 15px;
    text-decoration: underline;

}
.btnset{padding: 0 13px 3px 61px;
    height: 40px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;background:#14703e;
    color: #fff;position: relative;border:1px solid }

    .btnset:before{position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2;
    font-size: 135%;
    width: 40px;content: "\f002";
    font-family: FontAwesome;background: #fff;color: #14703e;z-index: 1;}

    .btnset:after{width: 20px;content: "\f002";
        position: absolute;
    height: 20px;
    background: #fff;
    z-index: 1;
    left: 34px;
    top: 53%;
    margin: -10px 0 0 -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);z-index:0}

   
    .btn-refresh {
    background:#14703e;
    width: 60px;
    height: 40px;position: relative;
}
 .btn-refresh:before {
    position: absolute;
    transition: all .3s;
    content: "\f021";
    font-family: FontAwesome;
    z-index: 9;
    color: #fff;
    top: 8px;
    left: 23px;
}
button:focus {
    outline: none;
    outline: none;
}

.searchtop select, .searchtop input[type="text"]{height:38px;margin-top:0px;}

.setup-block p {
    
    margin-bottom: 25px;
}
.setup-block div {
    color: #3C494F; font-family: 'Roboto', sans-serif!important;  
}
.setup-block h5 {
    font-size:1.1875em;
    margin-top: 15px;text-decoration: underline;
}
#bullet{margin: 0;padding: 0;}
#bullet li{
    color: #4c5054;
    margin-bottom: 20px;margin-left: 15px;
    list-style-image: url(../images/arrow_bullets.png);text-align: justify;}

.inner-pages {
    background: #EEF3F7;
}
body.abtset,body.fcltyset {
    background: #eef3f7;
}
.row.searchtop {
    display: flex;
    justify-content: center;
}
/*===========Sidebar===========*/
nav#sidebar-abt  {
    position: relative;
    width: 100%; 
}
nav#sidebar-abt  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav#sidebar-abt  ul li {
  /* Sub Menu */
}
.inner-pages nav#sidebar-abt ul li a {
    background:#076bc0;
    display: block;
    padding: 18px 10px;
    color: #fff!important;
    text-decoration: none;
    transition: 0.2s linear;    
    border-bottom: 1px solid #B5D5B5;font-weight: bold;border-radius:10px;
}

nav#sidebar-abt  ul li a:hover{ background:#002c51;}
nav#sidebar-abt  ul li.active a {
    background:#004681;
    color: #fff !important;
}
nav#sidebar-abt  ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float:right;
}
nav#sidebar-abt  ul ul {
    background-color:#ebebeb;
}
nav#sidebar-abt  ul li ul li a {
    background: #bee2be;
    border-left: 4px solid transparent;
    padding: 10px 20px;
}
nav#sidebar-abt  ul li ul li a:hover {
    background: #ebebeb;
    border-left: 4px solid #000;
}
.innerpage-block .blogsidebar img {
    width: 100%!important;
    max-height: 280px;
    height: auto!important;
    border: 0px!important;
    padding: 0px!important;
    margin-bottom: 0;
    margin: 0px!important;
}
.innerpage-block.blog .blogsidebar img{max-height:280px!important}
.slick-list.draggable{height:230px!important}
.logo-slider .slick-list.draggable{height:auto!important}
.tab-content>.tab-pane{padding: 15px;}
.partners{background:#EEF3F7;}
body {overflow-x:hidden;}
/* #faculty-m span,#faculty-m h6 {
    text-align: center;
    margin: 0;
    display: block;
    padding: 0;
}
#faculty-m h6 {padding: 5px;}
#faculty-m span {
    font-size: 13px;
    font-weight: 400;
    color:#676767;
    margin-top: 5px;
  
} */
#faculty-m .faculty-area{color: #000;position: relative;}
#faculty-m .faculty-area::after {
    position: absolute;
    content: "";
    width: 25%;
    height: 5px;
    border-bottom: 2px dashed #ebb96d;
    left: 37%;
    top: 17px;
}
.blog .blogsidebar {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 20px auto;
    overflow: hidden;
    border-radius: 10px;
}
.blog.in .box {
    margin-bottom: 30px;
    border-radius: 2px;
    border: 1px solid #ccc;
    overflow: hidden;
    transition: all 500ms linear;
}
.blog .blogsidebar img { }
#faculty-m .read {
     padding: 2px 15px;
    background:#14703e;
    border-radius: 3px;
    color: #fff!important;
} 

.blog .overlay{  transition: all 500ms linear;  text-align: center;position: absolute;bottom: 0;left: -100%;width: 100%;padding: 15px;background: rgba(0,0,0,0.6);}
#faculty-m .box:hover .overlay{left: 0px}
span.last-update.innerpage-block{
    display: flex!important;
    justify-content: left;
    align-items: center;
}
span.last-update .icon-calendar3{margin-right: 10px;margin-top: 5px;}
#about-us .innerpage-block .heading{margin-top: 25px!important;}

.faculty-box h3 {
    font-size:20px;
    background-color: #EEF3F7;
    padding:1.75rem;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #FFF;margin: 0;
}
.faculty-content .nav-tabs  a{  font-size:18px;}
.faculty-content {
    border: 1px solid #FFF;
    padding: 1rem;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 1px rgba(100,100,100,0.1), 0 0 25px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px 1px 1px rgb(100 100 100 / 10%), 0 0 25px rgb(0 0 0 / 10%) inset;
    box-shadow: 1px 1px 1px rgb(100 100 100 / 10%), 0 0 25px rgb(0 0 0 / 10%) inset;
    float: left;width: 100%;
}

#fac-tble tr:first-child td{border-top:none!important;}

#fac-tble tr td:first-child {font-weight: bold;}
#fac-tble td{font-size:16px;}
.fba1{margin-top: 25px}
.faculty-box .tab-content p {
    text-align:justify;
    font-size: 16px;
}

.faculty-content .nav-tabs>li.active>a,.faculty-content .nav-tabs>li.active>a:focus,.faculty-content .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #EEF3F7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.faculty-content .tab-content>.active{ background-color: #EEF3F7;}
.innerpage-block .faculty-content img {
    border: 10px solid #eef3f7;
    box-shadow: 0 0 7px rgb(0 0 0 / 70%);
    margin-top: 10px;
    width: auto!important;
    padding: 0px!important;
    height:auto!important;
    height: 230px!important;
}
h6.subject-name {
    margin: 0;
    font-size: 22px;
    margin-top: 30px;
}
h6.subject-name span {color: #df9815}
#menu1.center,#menu2.center{float: none!important;display: flex;justify-content: center;}
#menu1.center, #menu2.center {
    float: none!important;
    display: flex;
    justify-content: center;
    border-top: 1px solid #ccc;
}
#menu1.center ul li a .fa, #menu2.center ul li a .fa{ font-size: 18px;}
div#myblock {
    float: left;
    border-radius: 0;
   
}
.mtop50{margin-top: 50px;}
.faselities .owl-nav {
    display: block;
  }
  .blog-content {
    background:#B5D5B5; text-align: center;
}
.blog-content .read{margin-bottom:10px;}
.blog.in .box{border-top:4px solid #14703e }
/* .blog.in .box:hover .blog-content .head{color: #df9815} */
.nav-tabs>li>a:hover {
    
    background-color:#EEF3F7;
    border-top:solid 1px #000;
    border-left:solid 1px #000;
    border-right:solid 1px #000;
    color:#000;
}
.faculty-content .name{font-size:22px; color:#333; font-weight: bold;margin-top:20px;margin-bottom:30px;}
.faculty-content .other-details{text-align:left;margin-bottom:30px;}
.faculty-content .other-details span{display: block;font-size:16px;}
.faculty-content .other-details span.value{font-weight: bold!important;font-size:20px;}
.faculty-content ol,.faculty-content ul{margin-left:40px;}
/* .faculty-content ol li, .faculty-content ul li{margin-bottom:10px;} */
/* Photo Gallery */
.gallery-items img {transition: all .3s linear;}
/* .gallery-items:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
} */
.gallery-items {
    width: 100%;
    display: inline-block;
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    overflow: hidden;
    margin-bottom: 10px;
}
.gallery-items .gallery-img img {
    height: 190px!important;
    width: 100%!important;
    object-fit: cover;
}
.img-box {
    height: 95px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    padding: 12px;
    border: 1px dotted #ccc;
    margin: 15px 4px;
}
.img-box img {
    max-width:90%;
    max-height: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.gallery-items .desp{height: 30px;bottom:0px; left:0px; right: 0px; text-align: center;}
.gallery-items .desp h5{ color: #000; font-weight: normal;}
.gallery-slider2 .slick-slide, .gallery-slider .slick-slide{height:auto;}
.homebanner .box:hover .button:hover{background-color:#14703e;}
.setup-block{overflow: hidden;margin-bottom:12px;min-height:420px;}
.setup-block p{margin-bottom:0px;}
.setup-block table{width:100%!important;height:auto!important; border-collapse: collapse;border:solid 1px #aaa!important;}
.setup-block table td, .setup-block table th{padding:10px!important;border:solid 1px #aaa!important;vertical-align: top;}
.modal.in .modal-dialog.modal-dialog-centered{transform: translate(0,-50%);
   margin:0 auto;top:50%;}
span.error-span{color: #ff0000;font-size: 14px;}
.red {color: #F00;}
.text-left p{text-align:left!important;}
.modal{z-index:9999999;}
.innerpage-block .setup-block a{color:#1470e3!important;font-weight: 500;}
.innerpage-block .setup-block a.btn{color:#fff!important;}
.innerpage-block .setup-block ul{margin-left:15px;}
.innerpage-block .setup-block img{display:inline-block; margin:15px;object-fit:cover;object-position: top;max-height:250px;height:250px;}
.field-work img,.innerpage-block img{width:calc(22% - 3px)!important;display: inline-block;margin:0px 6px 6px; vertical-align: top;padding:4px; border:solid 2px #ccc;}
.innerpage-block .setup-block img[alt="application-pdf"],
.innerpage-block .setup-block img[alt="pdfsymbol"],
.innerpage-block img[alt="Pdf"]{width:22px!important; height:22px!important;position: relative;top:-4px;border:0px;margin:0px;}
.innerpage-block .setup-block img[alt="pdfsymbol"]{top:0px;}
.innerpage-block.events-details .setup-block img{max-height:280px!important}
.innerpage-block .col-md-3 figure img{width:calc(100% - 3px)!important;display: inline-block;height: 180px!important;}
#about-us .innerpage-block .heading{font-size: 20px;text-align:left;}
.font-selection a{margin:0 3px;}
.gallery-items.face figure{margin-top:20px;}
.gallery-items.face figure .fig{text-align: center;border:solid 1px #ccc; border-radius:6px;padding:10px;}
.gallery-items.face figure img{max-height:182px;width:100%;}
body.hindi_lang .brand-name{font-size:26px;line-height: 34px; }
.site-map> li .site-map{margin-left:30px;}
.site-map{columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;}
    .site-map>li .site-map{columns: 1;}
    .site-map>li{margin-bottom:50px;border-bottom:dashed 1px #ccc;margin-left:20px;padding-bottom:10px;}
    .site-map>li .site-map li{margin-bottom:6px;border-bottom:0px;}
    .innerpage-block p img{vertical-align: top;}
    #ajaxdata .table p{padding:0px!important;}
    .vacancies td, .vacancies td p{text-align: justify!important;}
    .npfWidgetButton{
        position: absolute!important;
        top:0px;
        right:40px;
        padding: 3px 10px!important;
        font-weight: bold;
        background-color: #fff!important;
        color: #000!important;
        border: solid 1px #14703e!important;
        letter-spacing: 1px;
        border-radius: 0px 0px 6px 6px!important;        
    }
    body.fancybox-active .sticky{z-index:999;}
    .addmin-open{position: absolute;top:10px; right:50px;}
.pdf-info span{display: inline-block;padding:6px 2px 6px 6px;  margin:2px 2px 2px 2px; border-left:1px solid #666565;font-size: 11px;color:#666565;}
.pdf-info span:first-child{border-left:0px;}
    .admissionopens{position:absolute;color: #fff;top: 5px;font-weight: bold;right:10px;padding: 2px;}
    .admissionopens:focus{color:#fff;}
    .admissionopens img{max-width:50px;position:relative; left:-3px;top:-2px;}
    .admissionopens:hover{color:#fff;}
    .top-right-logo{display:inline-block;text-align: right;float:right; margin-right:100px;margin-top:20px;}
    .top-right-logo img{max-width:150px;}
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        background-color: rgba(0, 0, 0, 0);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .dropdown-toggle::after{display: none;}




    @media only screen and (max-width:1370px){
        .npfWidgetButton{ top:30px;right:10px;}
            .admissionopens{top:5px;right:10px;}            
            .admissionopens:hover{color:#000;}

     }
      @media only screen and (max-width:1290px){
       #menu1{margin-right:130px;}
      

     }
     @media only screen and (max-width:1250px){
        .npfWidgetButton{           
            top: 30px;
            right:10px;}
            #menu1{margin-right:0px;}

     }
     @media only screen and (max-width:1024px){
        .npfWidgetButton{           
            top: 20px;
            right:10px;}
            .admissionopens{color: #fff;top:5px;right:190px;}            
            .admissionopens:hover{color:#fff;}
            .mobile{display: inline-block;width: 100%;text-align: left;}
.mobile i{float: left;font-size: 24px;}
.mobile:hover,.mobile:hover i{color: #000;}
.menu ul{bottom: 0;left: 0;position: fixed;top:0px;z-index: 999999;background: #1f223e;width: 280px;height: 100%;max-height: 700px;overflow-x: hidden;overflow-y: auto; padding: 40px 15px;
    transform: translate3d(-280px, 0px, 0px);transition: all 0.5s ease-in-out 0s;visibility: hidden;}
     .menu ul.open{transform: translate3d(0px, 0px, 0px);visibility: visible;transition: all 0.5s ease-in-out 0s;}  
.menu ul li{display: block;float: none;text-align: left;}
.menu ul li a{padding: 7px 15px;}
.menu ul li a:hover{background: transparent;color: #3c494f;}
.menu ul li ul,.menu .submenus{width: 250px;position: inherit;background: #f6f6f6;bottom: inherit;left: inherit;top: inherit;transform: translate3d(0px, 0px, 0px);visibility: visible;height: 100%;max-height:max-content;padding: 0;min-width:min-content 
	!important;}       

     }
     @media only screen and (max-width:1200px){
      .midhead div.col-md-3{width:100%!important;}

     }

     @media only screen and (max-width:768px){
     .admissionopens{color: #fff;top:20px;right:190px;}            
     .admissionopens:hover{color:#fff;}
     .tophead .mobile{color:#fff;}
     .mobile.with-top{position:absolute;left:20px; top:-30px;z-index:99;width:150px;}
#menu2 .mobile{position:absolute;right:0px; top:-30px;width:auto;}
#about-us .breadcrumb_wrapper {  background-position:22% center!important;}
#top-nav, #top-nav2 {
    position: absolute;
    left: 0;
    width:450px;
    top:280px;
    margin: 0;
    padding: 0;
    height: fit-content;
}
 #top-nav2{ left:calc(100% - 450px);}
#top-nav2 {    
    top:20px;   
}
.menu ul.open{transform: translate3d(0px, 0px, 0px);visibility: visible;transition: all 0.5s ease-in-out 0s;}  
 #top-nav2 li a{color:#fff!important}
     }
    @media only screen and (max-width:992px){ 
    .sticky{position: relative;}
    .menu ul.open{position: relative;}
    } 
@media only screen and (max-width:767px){
.sticky{position: relative;}
.singlesub.open>.submenus, .singlesub .submenus .singlesub.open .submenus {display:block!important;}
.mobile.with-top{position:absolute;left:20px; top:-30px;z-index:99;width:150px;}
#menu2 .mobile{position:absolute;right:0px; top:-30px;width:auto;}
#menu2 #top-nav2 li:hover .submenus{top:5px!important}
.menu ul li ul li:first-child{margin-left:0px;}
#top-nav li:hover .submenus, #top-nav2 li:hover .submenus, #top-nav2 .submenus,
#top-nav2 .submenus li:hover, #top-nav .submenus li:hover{background: transparent!important;}
#menu1 .fa-angle-down,#menu2 .fa-angle-down,#slidercarousel .carousel-indicators{display:block;}
#menu2 #top-nav2 li .submenus .submenus{left:2%;}
#menu1 .submenus, #menu2 .submenus{top:10px!important;}
.menu ul li a i, .menu ul li a:hover i{background:transparent;color:#fff;}
#top-nav.first-nav .submenus li a{color:#fff!important}
#slidercarousel .item{height:100px;}
.slider{height:auto;}
ul.footer-menus{padding:0px;justify-content:center;flex-wrap:wrap;}
.footer-menus li{line-height:30px;}
.footer-menus li a{white-space:nowrap;}
#sidebar-abt{margin-bottom:20px;}
.innerpage-block .setup-block{overflow-x: auto;}
.breadcrumb_wrapper .breadcrumb_inner h3{font-size: 18px;}
.npfWidgetButton{top:165px;right:0;left:0;margin:0 auto;width:190px;}
#newsletter .close{top:0px;right:0px;}
.modal{padding-right: 0px!important;}
.admissionopens{top:35px;right:0px;left:0px;margin:0 auto;} 
.tophead .mobile{color:#000;}
#top-nav, #top-nav2 {width:100%; }
 #top-nav2{ left:0;}
}
img[src="https://iifm.ac.in/assets/img/new.gif"]{width: auto !important;
    height: auto !important;
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;}
#captchaimage img {
    height: auto !important;
    width: auto !important;
    padding: 0px;
    margin: 0px;
}
.extra-menu{margin-top:20px;border-top:solid 1px #ccc;}
.extra-menu .menu{float: none!important;display: flex;margin-left:95px;}
body.hindi_lang .extra-menu .menu{margin-left:0px;}
.slider{position: relative;}
.top-right-logo a{margin:0px 10px;}
/* .top-right-logo img{margin-left:2px;} */
.top-right-logo img.cbc_logo{max-width:150px;max-height:150px;margin:0px 10px;}
ul#top-nav2{margin-top:10px;}
.menu ul .singlesub{padding-bottom:0px;}
#myHeader11{position: relative;}
#myHeader11 .npfWidgetButton{bottom:-27px; top:auto;z-index:9;}
.top-right-logo img.cbc_logo.center{max-height:40px;}
.slick-slide.video{position: relative; top:5px;}
.css-validator-icon{position: absolute; right:0px; top:90px;}
.css-validator-icon>a:first-child{margin-right:8px;}
@media only screen and (max-width: 1370px){	
    .top-right-logo img.cbc_logo {
        max-width:150px;
        max-height:150px;
    }
}
 @media only screen and (max-width:1290px){      
       .extra-menu .menu{margin-left:0px;}

     }
@media only screen and (max-width:1100px){	
    .top-right-logo img.cbc_logo {
        max-width:60px;
      
    }
    .top-right-logo{ margin-right:0px;}
    
}
@media only screen and (max-width:1024px){
    .menu ul li a {padding: 12px 6px; }
    .row.newrowset .fixed-social { text-align: center; position: inherit;margin-top: 10px;
    margin-bottom: 20px;display: block;}
    .css-validator-icon { text-align: center; position: inherit;margin-top: 10px;
    margin-bottom: 20px;}
    .mobile.with-top{position:absolute;left:20px; top:-30px;z-index:99;width:150px;}
#menu2 .mobile{position:absolute;right:20px; top:-30px;width:auto;}
#top-nav, #top-nav2 {
    position: absolute;
    left: 0;
    width:450px;
    top:280px;
    margin: 0;
    padding: 0;
    height: fit-content;
}
 #top-nav2{ left:calc(100% - 450px);}
#top-nav2 {    
    top:20px;   
}
.menu ul.open{transform: translate3d(0px, 0px, 0px);visibility: visible;transition: all 0.5s ease-in-out 0s;}  
 #top-nav2 li a{color:#fff!important}
  #top-nav2 li .submenus a{color:#000!important}
  #menu2 #top-nav2 li .submenus .submenus {
    left: 0%;
}
.extra-menu.for-desktop,
.col-md-10.col-lg-10.extra-menu{width:100%;}
}

@media only screen and (min-width:992px){
    .modal-lg {
        width:50%;
    }
}
@media only screen and (max-width:768px){	
.top-right-logo{float: none;margin-right:0px;}
.row.newrowset .fixed-social,
.css-validator-icon { text-align: center; position: inherit;margin-top: 10px;
    margin-bottom: 20px;}
    .row.newrowset .fixed-social a { height: 30px;line-height: 30px; width: 30px;}
      .row.newrowset .fixed-social a i{line-height: 30px;font-size: 16px;}
      ul.footer-menus {
        display: flex;
        justify-content: center; flex-wrap: wrap;    
    }
    ul.footer-menus li{margin-bottom:20px;}
    /* div#menu2, .menu{float:right; text-align:right;} */
}
@media only screen and (max-width:767px){
    .top-right-logo img{max-width:80px;}
.top-right-logo{float: none; margin-top:20px;margin-right:0px;}
    .top-right-logo{text-align: center;}
    .top-right-logo a{margin-bottom:12px;display:inline-block}
 .extra-menu.for-desktop{display: none;}
    .top-right-logo img.cbc_logo {max-height:30px;}
    .extra-menu{margin-top:0px;}
.menu{padding:0px;}
.fixed-social{display: none;}
.row.newrowset .fixed-social { text-align: center; position: inherit;margin-top: 10px;
    margin-bottom: 20px;display: block;}
    .row.newrowset .fixed-social a { height: 30px;line-height: 30px; width: 30px;}
      .row.newrowset .fixed-social a i{line-height: 30px;font-size: 16px;}
      img.logo {width: 80px;margin: 0 auto;text-align: center;float: none; }
      .container {width: 100%;}
      .mbox .owl-nav .owl-prev,#gallary12 .owl-nav .owl-prev,
.Coursesslider .owl-nav .owl-prev{
    left: 0px;
}
.mbox .owl-nav .owl-next,#gallary12 .owl-nav .owl-next,
.Coursesslider .owl-nav .owl-next {
    right:0px;   
}
#about-us .breadcrumb_wrapper { padding: 50px 50px 57px;  height: 95px;}
#top-nav, #top-nav2 { width:100%; }
#top-nav2 { left: 0; }
}

.inner-pages a{color:#1470e3!important}
.inner-pages a:hover{color:#0149a3 !important; text-decoration: underline;}
.inner-pages a.btn{color:#fff!important}
a:focus, .dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
#top-nav ul ul, #top-nav2 ul ul {
    display: none;   
}
#menu1 .dropdown.singlesub.open .submenus,
#menu2 .dropdown.singlesub.open .submenus{top:30px!important; z-index:9999;} 
#menu2 .dropdown.singlesub .singlesub.open .submenus{display: block;}
#top-nav li.dropdown.singlesub.open > ul, 
#top-nav2 li.dropdown.singlesub.open > ul {
    display: block;
}

/* Fix submenu hover issues */
/* #top-nav li.dropdown.singlesub ul li:hover > ul, 
#top-nav2 li.dropdown.singlesub ul li:hover > ul
 {
    display: block;
}
#top-nav2 li.dropdown.singlesub.open ul .dropdown.singlesub .submenus{display: none;}
#top-nav2 li.dropdown.singlesub.open ul .dropdown.singlesub.open .submenus{display:block;} */
/* Default dropdown hidden nahi karenge, sirf animation denge */


.sizetypeinfo{display: block;background: #f2efe4;font-weight: normal;text-align: center;  line-height: 20px; font-size: 11px; padding: 0px 4px; border: dashed 1px #cab157;    border-radius: 6px;          
}
.owl-prev span, .owl-next span{display: block;}
.control {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #373227 !important;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 13px;
    z-index: 10;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f6cb02;
    border: 0;
}
.control:hover{background:#d5af00;}
.custom-btn .control{top:10px; bottom:auto;}
#gallary13 .control{top:80px; bottom:auto;}
.control-slick {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #373227 !important;
    position: absolute;
    top:70px;
    right:20px;
    font-size: 13px;
    z-index: 10;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f6cb02;
    border: 0;
    text-indent: -600px;overflow: hidden;
  }
  .control-slick:hover{background:#d5af00;}
  .control-slick:after{position: absolute;
    content: "\f04c";
    font-family: FontAwesome;
    top: 0;
    font-size: 19px;
    left: 316px;}
    .control-slick.play:after{
      content:"\f04b";}
      .partners .control-slick{top:10px;}
      .footer-info p{color:#fff;}
      .addletterspacing,
      .addletterspacing h4,
      .addletterspacing .npfWidgetButton {
        word-spacing: 0.32em !important;
        letter-spacing: 0.24em !important;
    }
    .addlineheight,
    .addlineheight strong,
    .addlineheight.body,
    .addlineheight p,
    .addlineheight span,
    .addlineheight a,
    .addlineheight h1,
    .addlineheight h2,
    .addlineheight h3,
    .addlineheight h4,
    .addlineheight h5,
    .addlineheight h6{line-height: 2.5!important;}
    #toggle2{top:0px;}
    .gallery-slider .slick-dots{bottom:10px;}
     /* Structure css */
.treea {
    overflow: auto;
    width: 100%;
}

.treeb {
    overflow: auto;
    height: 350px;
}

.treec {
    overflow: auto;
    height: 500px;
}

.tree {
    width:1900px; 
	/* width:1410px;  */
}

.tree1 {
    /* width: 1650px;  */
	width: 1000px; 
}

.tree ul {
    padding-top: 20px;
    position: relative;
    display: table;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 0px 0 5px;
}

/*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: 2px solid #ccc;
    width: 50%;
    height: 20px;
}

.tree li::after {
    right: auto;
    left: 50%;
    border-left: 2px solid #ccc;
}

/*We need to remove left-right connectors from elements withoutany 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 andright 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: 2px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid #ccc;
    width: 0;
    height: 20px;
}

.tree li a {
    padding: 5px 4px;
    text-decoration: none;
    color: #666;
    /* font-family: arial, verdana, tahoma;font-size: 11px; */
    display: inline-block;
    border: 1px solid #63b2d2;
    min-width: 55px;
    -webkit-border-radius: 5px;
    /*-moz-border-radius: 5px;*/
    
}

/*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,
.tree li a:hover+div a {
    background: #c8e4f8;
    color: #000;
}

/*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;
}
.special-cause{position:absolute; top:45px; right:370px;z-index:999;}
.special-cause:before{content:'';position: absolute; width:1px; height:70px; background: #ccc;left:-20px; top:-30px;}
.strips-1,
.strips-2{position: relative;}
.strips-1:after,
.strips-2:after{content:'';position: absolute; width:20px; height:1px; background: #ccc;right:-20px; top:13px;}
.strips-1:after{width:376px;right:-376px}
.strips-3:after{content:'';position: absolute; width:20px; height:1px; background: #ccc;left:-20px; top:13px;}
.strips-3:before{content:'';position: absolute; width:185px; height: 1px; background: #ccc; left: -205px;
    top: 39px;}
    .hindi_lang .special-cause{right:184px;}
    .hindi_lang .strips-3:before{width:185px; left:-205px;}
.iframe-video{border:0px;}
.slick-prev, .slick-next{text-align: center;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
    border:solid 2px #000;
}
.btn:hover{background:#00672f;}
.pagination>li.active>a{color:#fff!important;}
.slick-prev::before, .slick-next::before {    
    background:#000;opacity:1.0}
    .slick-dots li.slick-active button:before {
    background: #000000;
}
.slick-dots li button::before{background:#ccc; border-color:#ccc;height:20px; width:20px;}
.slick-prev, .slick-next{top:40%;}
.slick-prev {left: -12px;}
/* ओपन होने पर दिखेगा */
.dropdown.open>.submenus {
    display: block !important;
}
/* जब 1st level के li पर फोकस हो, तो उसका बच्चा (sub-sub menu) दिखे */
.submenus li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
}
/*org chart css end */

      @media print {
        @page {
    size: A4;
    margin: 0;
  }
        /* html, body {
            width: 210mm; 
            height: 297mm; 
          } */
           .container{width:99%;}
        a[href]:after {
          content: none !important;
        }
        .tophead,
        #menu2,
        .fixed-social,
        .default-chatbot-indicator,
        .npf_chatbots.active,
        .npf_chatbots,
        .footer,
        .fixbutton,
        .breadcrumb_block,
        .extra-menu.for-desktop,
        .extra-menu,
        #sidebar-abt{display: none!important;}
        #about-us .breadcrumb_wrapper{padding:20px 0 20px!important;height:auto;}
      }