@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body{font-family: 'raleway', sans-serif;  color:#7f7f7f; font-size:16px; background-color: #ffffff; padding:0px !important;}
@font-face {font-family:"Open Sans"; src: url(fonts/OpenSans-Regular.ttf);}
@font-face {font-family:"raleway"; src: url(fonts/Raleway-Regular.ttf);}
.mk{ background-color:#333; display:block; cursor:pointer;}
	.mk p{ color:#fff; padding:10px 0 20px;}
	.mk span{ font-size:13px; color: burlywood;}
	.col-lg-3.kk { padding: 60px 40px;}
	.kk::after { content: ""; background-color: #e5e5e5; width: 55px; height: 1px; display: block; margin: -25px auto 0; transition:ease all 0.5s;}
	.kk:hover::after { width: 80px; background-color:burlywood;}

.notice-sec {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 60px 0px;
background: #f7f7f7;
}
.modal-body {
    background-color: #fff;
}
.model-btn {
    background-color: #ff6600;
    color: #ffffff;
    border-radius: 0;
    border: solid 2px #ff6600;
    font-weight: 700;
    width: 100%;
    margin-right: 10px;
    margin: 0;
}
.dir-img{width:100%; height:auto;}
.dir-img img{width:100%; height:auto;}
.round {
    width: 150px;
    border-radius: 30px;
    border-color: #144c99;
    color: #144c99;
    font-family: raleway;
    line-height: 34px;
    margin-top: 10px;
}
.round-w {
    width: 150px;
    border-radius: 30px;
    border-color: #ffffff;
    color: #ffffff;
    font-family: raleway; background:transparent; font-size:17px; font-weight:700;
    line-height: 34px;
  	transition: ease all 0.3s;
}
.sign-in {
    color: #222222;
    background-color: transparent;
    width: 100%;
}
.modal-body h3{
    text-align: center; position:relative;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: solid 1px #f7f7f7;
}
.modal-body h3:after{position:absolute; content:''; bottom:0px; left:41%; width:100px; height:3px; background-color:#ff6600;}
.nav-brand-name {
    width: auto;
    float: left;
    color: #fff;
    height: auto;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: open sans;
}



.search-bx {
    background-color: #fff;
    box-shadow: 0 2px 3px #333;
    height: auto;
    padding: 10px;
    position: fixed; display:none;
    right: 173px;
    top: 0;
    width: 255px;
    z-index: 9999999;
}
.topper{width:40px; height:40px; position:fixed; right:15px; bottom:20px; background-color: #144c99; display:none;}
.topper > a{width:100%; height:100%; line-height:40px; color:#fff; display:block; text-align:center; font-size:20px;}
.search-bx input{border-radius:0px;}
.search-bx .btn{border-radius:0px; background-color: #ff343e; border-color:#ff343e; color:#fff;}
.search-bx .btn:hover{background-color: #fff; border-color:#ff343e; color:#ff343e;}
a, a:hover {text-decoration:none; outline:none !important;}
a:active, a:focus {outline:0; text-decoration: none;} 

.fl{ float:left}
.fr{ float: right}
.clear{ clear:both;}
.header-bg {border-top: 2px solid #fff; position:relative; transition:.5s all ease-in;
    height: auto;
    left: 0;     background-color: #ffffff;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.logo {width: 300px;
    height: auto;
    float: left;
    transition: .5s all ease-in;
    padding: 10px 0px;
}
.logo img{ height:auto; overflow:hidden; transition:.5s all ease-in;}


.conmmittee-section{width:100%; padding:40px;0px; min-height:300px; text-align:center; background:url('images/photo-back.jpg'); background-size:cover; background-attachment:fixed; float:left;}


.form-control {
    width: 100%;
    height: auto;
    height: 38px;
    border-radius: 6px;
}
.nav-bar-wrap {
    width: auto;
    height: auto;
    float: right;
    margin: 0;
    transition: .5s all ease-in;
    width: 40%;
}
.nav-bar {
    width:auto;
    height: auto;
    margin: 0;
    float: right;
}
.phone {
    color: #ce4532;
    text-align: right;
    margin: 9px 10px 9px 0;
    display: inline-block;
}
.phone:last-child{margin-right:0px !important;}
.phone-wrap{color: #ce4532;
    text-align: right;
    margin: 9px 0;
    float: left;}
	
.phone a{color:#333333;}
.scroll-down-wrap{width:30px; height:0px; position:relative; background-color:#ff343e; margin:0 auto;}
.scroll-down{position:absolute; left:0px; display:none; top:0px; height:17px; width:30px; background-color:#ff343e; border-radius: 0 0 5px 5px;}
.scroll-down .fa {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
}
.search-btn {
    background-color: #333;
    height: 40px;
    position: fixed;
    right: 0; display:none;
    text-align: center;
    top: 28px;
    width: 40px;
    cursor: pointer;
    z-index: 999;
}
.links{width:255px; height:auto; float:left;}
.links ul{margin:0px; padding:0px; list-style:0px;}
.links ul li{display:inline;}
.search-btn .fa{display:block; text-align:center; line-height:40px; color:#fff;}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
/*----------------------------------------------new menu-----------------------------------------*/
#nav_wrapper {
    display: block;  
    float: left;     color: #fff!important;
}
#nav_wrapper ul{}
#nav_wrapper ul.menu{margin:0; padding:0; width:auto; transition:.5s all ease-in;}
#nav_wrapper ul.menu li{list-style-type:none; padding:0; display:block;  float:left; margin:0; transition:.5s all ease-in;}
#nav_wrapper ul.menu li a {
    color: #525252 !important;
    display: block;
    font-size: 14px; transition:.5s all ease-in;
    font-weight: 200;
    height: 117px;
    line-height: 117px;
    margin: 0;
    padding: 0 15px;
    text-decoration: none;
}
#nav_wrapper ul.menu li a > span {
    display: block;
    line-height: 0;
    position: relative; transition:.5s all ease-in;
    text-align: right; transition:.5s all ease-in;
    top: -26px;
    width: 100%;
    right: -15px;
}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a{background-color: #ff6600 !important; transition:.5s all ease-in; color:#ffffff !important;}

/*---sub-menu------*/
#nav_wrapper ul.menu li{position:relative; transition:.5s all ease-in;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; transition:.5s all ease-in; width:225px;  background:#333333; padding:5px; margin:0; position:absolute; top:100%; left:0px; background-color: #333333; z-index:999999;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; transition:.5s all ease-in; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a{font-size:12px; transition:.5s all ease-in; line-height:20px; text-transform: none !important; display:block;	padding:3px 2px 3px 8px; margin:0; color:#fff !important; border:none; height: auto;}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{ color:#5b0f70; transition:.5s all ease-in;}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70; transition:.5s all ease-in;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}

/*----------------------------------------------new menu-----------------------------------------*/


.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {position: relative; height: auto; overflow: hidden; float: left; width: 100%;}
#multiple .prevControl{width:50px; color:#ffffff; height:50px; float: left; background-color:transparent; }

#multiple .nextControl{width:50px; height:50px; color:#ffffff; background-color:#333 !important; float: right; background-color:transparent;}
.icn-holder .prevControl .fa {color:#ffffff; background-color:#333; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color:#ffffff; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%;}
.banner-overlay {position: absolute; top: 55%; width: 100%; z-index:999;}
.banner-overlay h2{ background: url(../images/heading-bg.png) right  center no-repeat; text-align: left;  text-transform:uppercase; margin:0px; color:#FFF;  font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:44px; color:#fff; width: 550px; background-color:rgba(0, 176, 240, 0.8); padding: 23px;}
.banner-overlay h2 span{ color:#FFF; font-size:46px; font-weight:700;}
.icn-holder{width:100%; top:45%; position:absolute; z-index:999; height:50px;}
.mb{ padding:15px 0;}
.suithindi{ display:block; padding:15px; background-color: #efefef; color: #000; overflow:hidden;}
.banner-img-1{width:100%; min-height:500px; background:url('images/banner-2.png'); background-size:cover; background-attachment:fixed; overflow:hidden; }
.banner-img-2{width:100%; min-height:500px; background:url('images/banner-3.png'); background-size:cover; background-attachment:fixed; overflow:hidden; }
.banner-img img{width:100%; height:auto;}
#multiple h2{font-size:65px; font-family: 'Ubuntu', sans-serif; font-weight:600; margin:0 0 20px; color:#fff;}
#multiple h3{font-size:28px; font-family: 'Ubuntu', sans-serif; font-weight:500; margin:0 0 20px; color:#fff;}
#multiple p{font-family: 'Ubuntu', sans-serif; margin:0 0 20px; font-size:18px; font-weight:300; color:#fff;}
.shape-1{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.shape-1 img{width:100%; height:auto;}
.testimonials{width:100%; min-height:300px; color:#ffffff; text-align:center; padding:40px 0px; background:url('images/testimonal.jpg'); float:left; background-size:cover; background-attachment:fixed; }
.circle-quote {width: 70px; height: 70px; text-align: center; line-height: 70px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 40px;
    margin: 0 auto;
    color: #525252;
}



.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.modal-body .form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}

button.close {
    -webkit-appearance: none;
    cursor: pointer;
    top: -15px;
    border: 0;
    position: absolute;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #000;
    padding: 0px;
    opacity: 1;
    border-radius: 50%;
    color: #fff;
    box-shadow: none;
    font-size: 20px;
}
	



.about-founder h2 {
    color: #282828;
    font-size: 40px;
    font-family: 'Ubuntu', sans-serif;
    margin: 0px 0 15px;
    font-weight: 700;
}
.about-founder h4{font-size: 20px; margin: 0 0 30px;}
.about-founder h2 span {
    color: #f23f42;
}

.categories-section{width:100%; min-height:500px; padding: 30px 0px;  float:left; background-color: #ffffff;}
.categores-blocks{margin: 15px 0px; width:100%; min-height:240px; background-color:#222; border-radius:15px; overflow: hidden; position: relative;}
.categores-blocks img{width:100%; height:auto;}
.category-title{width:100%; position:absolute; bottom:0px; min-height:55px; background-color:#fe0002; text-align:center;}
.category-title h5{color:#fff; font-face:open sans; line-height:55px; margin:0px; font-size:18px;}
.categories-section .slick-prev:before, .categories-section .slick-next:before {
    font-family: 'slick';
    font-size: 20px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:after {
	  content: "\f104" !important;
    font: 40px/1 'FontAwesome' !important;
}
#owl-demo .owl-prev{top:35%;}
#owl-demo .owl-next{top:35%;}
.foot-section h1{margin:0 0 20px; color:#727272; font-size: 26px; text-transform: uppercase;}
.foot-blks #twt{list-style:none; padding:0px; margin:0px;}
.foot-blks #twt li{margin: 0 0 10px; background: rgba(0, 0, 0, 0) url("images/tweet.png") no-repeat scroll 0 9px; padding: 0 0 0 20px;}
.foot-blks #twt li:hover{background: rgba(0, 0, 0, 0) url("images/tweet-h.png") no-repeat scroll 0 9px;}
.foot-blks #twt li a{font-size:12px; color:#7d7d7d;}
.foot-blks #twt li a > span{display:block; font-size:14px; color:#333;}
#g-f{list-style:none; margin:0px; padding:0px;}
#g-f li {margin-bottom: 10px; color: #333; font-size: 13px; display: inline-block; width: 35.3%;}
#g-f li .fa{margin-right:10px; color:#ec3000;}
.photo{width:100%; height:auto; float:left; margin-bottom: 30px; position:relative; background-color:#333;}
.photo img{width:100%; height:100%;}
.photo:hover img{opacity:0.5; transition:.5s all ease-in;}
.photo:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.photo .icon-wrap {
    width: 30px; opacity:0;
    height: 30px; transition:.5s all ease-in;
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.pledge-section{width:100%; min-height:300px; background-color:#eea000; float:left;}
.pledge-section .truck-img{width:50%; float:left; height:auto; overflow:hidden;}
.pledge-section .truck-img img{width:100%; height:auto;}
.phone-wrap {
    width: 100%;
    height: auto;
}
.pledge-section .truck-txt{padding:40px; width:50%; float:left; height:auto; overflow:hidden; color:#ffffff;}
.pledge-section .truck-txt ul{margin:0px; padding:0px; list-style:none;}
.pledge-section .truck-txt ul li {
    background: rgba(0, 0, 0, 0) url("images/arr.png") no-repeat scroll 0 3px;
    font-family: open sans;
    font-size: 16px;
    margin: 0 0 15px;
    padding: 0 0 0 20px;
}



.phone-wrap img{width:100%; height:auto;}
.marker{width:100px; height:auto; overflow:hidden; margin:0 auto 30px;}
.marker img{width:100px; height:auto;}
.modal{z-index:9999999;}
 .modal-backdrop.in{ padding-right:0px !important;}
.photo .icon-wrap a{color:#fff;}
.photo .icon-wrap a .fa{text-shadow:0 2px 3px #000; font-size: 40px;}
.copy-right {
    background-color: #144c99;
    height: auto;
    padding: 15px 0px;
    width: 100%;
    float: left;
    border-top: solid 1px #fff;
}

.video-section{float:left; padding:40px 0px; width:100%; height:auto; background-color:#f7f7f7;}

.copy-right ul{margin:0px; padding:0px; list-style:none; text-align:center;}
.copy-right ul li{display:inline-block; margin:0 10px;}
.copy-right ul li a{color:#fff; font-family:open sans; font-size:16px;}
.cpy-ri{ text-align:center; color:#fff;}
.cpy-ri p{margin:0px;}
.foot-links{float:right;}
.foot-links ul{list-style:none; margin:0; padding:0px;}
.foot-links ul li{display:inline-block; padding:0 10px; position:relative;}
.foot-links ul li:after{content:"."; position:absolute; left:0; top: -5px; color:#fff; height: 5px; width:5px;}
.foot-links ul li a{color:#fff; text-transform:uppercase;}

.address-prx{width:100%;  min-height:100px; padding:50px 0px; float:left; background:url('images/address.jpg'); background-attachment:fixed; background-size:cover;}
.icn{width:159px; height:auto; margin:0 auto 20px;}
.icn img{width:159px; height:auto;}
.address-prx p{color:#fff; text-align:center; font-family:open sans;}
.from-blog {width: 100%; height: auto; overflow: hidden; padding: 50px 0px; text-align: center; position: relative;}


.sec-2 .btn {width: 123px; height: 33px; line-height: 30px; transition: .5s all ease-in; border-radius: 0; padding: 0; background-color: #232f3e;
    color: #fff; border: solid 1px #232f3e;}
.sec-2 .btn:hover{background-color:#ffffff; color:#232f3e; transition:.5s all ease-in;}
.add-cart-wrp{width:100%; height:auto; overflow:hidden;}
.sec-1{width:30%; height:auto; float:left;}
.sec-2{width:70%; height:auto; float:left; text-align:right;     padding: 3px 0px;}
.kno-more {
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
}
.kno-more .btn {
    width: 123px;
    height: 33px;
    line-height: 30px;
    transition: .5s all ease-in;
    border-radius: 0;
    padding: 0;
    background-color: #232f3e;
    color: #fff;
    border: solid 1px #232f3e;
}
.prod-pic{width:130px; height:auto; overflow:hidden; margin:15px auto;}
.prod-pic img{width:100%; height:auto; }
.price-offer {width: 60px; padding height: 26px; border: solid 1px #919191; text-align: center; line-height: 26px; border-radius: 6px; font-size: 12px; color: #fe0002;}
.cont{font-size:14px; color:#8f8f8f;}
.from-blog h1 span:before {
  right: 100%;
  margin-right: 15px;
}
.from-blog h1 span:after {
  left: 100%;
  margin-left: 15px;
}

.logo-section{width: 100%;
    min-height: 50px;
    float: left;
    background-color: #efefef;}

.about-us p{ color:#666;}	
.about-us {
    width: 100%;
    float: left;
    padding: 40px 0 15px;
}
.left-txt {
    text-align: left;
    margin: 0 0 20px;
    font-size: 22px;
	padding: 0 0 15px;
    color: #333333;
    position: relative;
    font-weight: 700;
    font-family: raleway;
	border-bottom: solid 1px #ccc;
}
.left-txt:before {
    position: absolute;
    content: '';
    left: 0;
    background-color: #144c99;
    width: 100px;
    height: 3px;
    bottom: 0px;
}
.left-txt-w {
    text-align: left;
    margin: 0 0 20px;
    font-size: 22px;
    padding: 0 0 15px;
    color: #ffffff;
    position: relative;
    font-weight: 700;
    font-family: raleway;
    border-bottom: solid 1px #ffffff;
}
.left-txt-w:before {
    position: absolute;
    content: '';
    left: 0;
    background-color: #ffffff;
    width: 100px;
    height: 3px;
    bottom: 0px;
}
.cent-txt {
    text-align: center;
    margin: 0 0 20px;
    font-size: 22px;
	padding: 0 0 15px;
    color: #ffffff;
    position: relative;
    font-weight: 700;
    font-family: raleway;
	border-bottom: solid 1px #ccc;
}
.cent-txt:before {
    position: absolute;
    content: '';
    left: 45%;
    background-color: #ffffff;
    width: 100px;
    height: 3px;
    bottom: 0px;
}
.event-gallery{width:100%; height:auto; float:left; padding:40px 0; text-align:center;}
.event-gallery .owl-buttons{position: static; text-align: center;}
.event-gallery .owl-buttons div{position:static; border-radius:0px !important; background-color:#c6c6c6 !important;}
.event-gallery .owl-buttons .owl-prev{background:#144c99 !important;}
.event-gallery .owl-buttons .owl-next{background:#144c99 !important;}

.cent-txt-w {
    text-align: center;
    margin: 0 0 30px;
    font-size: 22px;
	padding: 0 0 15px;
    color: #333333;
    position: relative;
    font-weight: 700;
    font-family: raleway;
	border-bottom: solid 1px #ccc;
}
.cent-txt-w:before {
    position: absolute;
    content: '';
    left: 45%;
    background-color: #144c99;
    width: 100px;
    height: 3px;
    bottom: 0px;
}
.event-txt {
    text-align: left;
    color: #333333;
    width: 100%;
    font-size: 20px;
    border-bottom: solid 2px #ccc;
    padding: 10px 0px;
    font-family: open sans;
    margin: 0;
}
.event-wrap{width:100%; height:auto;}
.event-wrap img{width:100%; height:auto;}
.conmmittee-section ul{padding:0px; margin:0px; list-style:none; text-align:center;}
.conmmittee-section ul li{display:inline-block; margin:30px 15px;}
.conmmittee-section ul li h5{color:#fff; font-size:17px; font-family:raleway; margin:15px 0px;}
.categories-inner {
    width:auto;
    padding: 15px; transition:.5s all ease-in;
    margin: 15px;
    border: solid 1px #f7f7f7;
    border-radius: 0px;
	    min-height: auto;
    background-color: #fff;
}











.mobile-only{display:none;}
.pic-wrap{width:100%; height:auto; overflow:hidden; margin: 0; position:relative; background-color:transparent; transition:.5s all ease-in;}
.pic-wrap .pic-text {position: absolute; text-align: center; color: #fff; z-index: 9999; top: 0; left: 0px; width: 100%; top: 35%; transition:.5s all ease-in;}
.rm{margin-bottom:0px; font-size:12px;}
.rm a{color:#ef2f02; }
.pic-wrap .pic-text .btn-default {
    color: #fff;
	    position: relative;
    bottom: -20px;
    opacity: 0; transition:.5s all ease-in;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    border: solid 2px;
    padding: 10px 30px;
}
.owl-prev {
    background: rgba(0, 0, 0, 0) url(images/left-arrow.png) repeat scroll 0 0 !important;
    height: 90px;
    left: -76px;
    position: absolute;
    top: 40%;
    width: 60px;
}
.owl-next {
    background: rgba(0, 0, 0, 0) url(images/right-arrow.png) repeat scroll 0 0 !important;
    height: 90px;
    right: -76px;
    position: absolute;
    top: 40%;
    width: 60px;
}
.pic-wrap img{width:100%; height:auto; opacity:1;  transition:.5s all ease-in;}

.pic-wrap:hover .btn-default{bottom: 0px; transition:.5s all ease-in;
    opacity: 1;}
.owl-item>.item{padding:0 15px;}
.categories-section .owl-item >.item {padding:0;}
.owl-prev {
    background: rgba(0, 0, 0, 0) url(images/left-arrow.png) repeat scroll 0 0 !important;
    height: auto;
    left: -40px;
    position: absolute;
    top: 40%;
    width: auto;
}
.owl-next {
    background: rgba(0, 0, 0, 0) url(images/right-arrow.png) repeat scroll 0 0 !important;
    height: auto;
    right: -40px;
    position: absolute;
    top: 40%;
    width: auto;
}
.event-wrap{width:100%; padding:40px 0px; float:left; height:auto;}
.owl-theme .owl-controls .owl-buttons div {
    color: #ffffff !important;
    display: inline-block !important;
    zoom: 1;
    margin: 5px !important;
    padding: 3px 10px !important;
    font-size: 20px!important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #333333 !important;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
.categories-inner {
    width: 33.333%;
    height: auto; transition:.5s all ease-in;
    overflow: hidden; position:relative;
    float: left;
    margin: 0px;
    padding: 0px;
    padding: 0 1px;
}
.hero-banner img {
    width: 100%;
}
.hero-banner {
    position: relative;
}
.position-text {
    position: absolute;
    top: 33%;
    width: 100%;
    z-index: 3;
}
.text-part {
    color: #fff;
    text-align:right;
}
.position-text strong {
    font-size: 38px;
    line-height: initial;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.big-trade {
    font-family: 'raleway';
    font-weight: 600;
    font-size: 18px;
}
.btn-read-more {
    background: #2591d1 !important;
    border-radius: 26px;
    padding: 10px 40px;
    color: #fff!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 15px;
}
.date-part {
    font-size: 28px !important;
    /* font-family: "HKGrotesk-bold"; */
    line-height: initial;
}
.hero-banner::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.63) 32%, rgba(66, 21, 73, 0) 100%);
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    float: left;
    top: 0;
    height: 100%;
}
.categories-inner:hover .port-text{bottom:0px; transition:.5s all ease-in;}
.categories-inner:hover .port-icn{opacity:1; transition:.5s all ease-in;}
.port-icn{position:absolute; opacity:0; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; transition:.5s all ease-in;}
.port-icn ul {margin: 0px; padding: 0px; text-align: center; list-style: none; position: relative; top: 30%; transition:.5s all ease-in;}
.port-icn ul li{display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; transition:.5s all ease-in;}
.port-icn ul li a{display:block; background-color:#fff; color:#f68220; width:100%; height:100%; line-height:50px; font-size:26px; transition:.5s all ease-in;}
.port-text{width:100%; min-height:40px;  color:#fff;  padding:10px 5px; background-color:#f68220; position:absolute; bottom:-40px; transition:.5s all ease-in;}
.port-text p{margin:0px;}
.categories-inner img{width:100%; height: 250px;}
.contheader h1{background:url(images/innerimgs.jpg) no-repeat;  background-size:cover; background-position: bottom; color:#fff; background-color:#3232f3e; 
padding:120px 0px; margin:0px;}
.owl-pagination{display:none !important;}
.circulars{width:100%; float:left; height:auto; }
.circulars h5 {
    float: right;
    margin: 15px 0 0;
    font-size: 20px;
    color: #144c99;
}
.circulars p {
    padding-left: 70px;
    background: url(images/circ.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px;
}
.circ-sections:nth-child(even){width:100%; height:auto; float:left; padding:40px 0px; background-color:#f5f5f5;}
.circ-sections:nth-child(odd){width:100%; height:auto; float:left; padding:40px 0px; background-color:#ffffff;}

/* Tablet Portrait size to standard 1024 (devices and browsers) */

@media only screen and (min-width: 1024px) {
    .dtl{padding-top: 10px !important;
    margin-bottom: 20px !important;}
.banner { background:url(images/banner-img.jpg) no-repeat scroll center top / 120% auto; height: auto; position: relative; width: 100%;}
}

@media only screen and (min-width: 767px) 
{
.sticky{position:fixed; top:0; left:0px; transition:.5s all ease-in; z-index:999999; transition:.5s all ease-in; box-shadow: 0 3px 3px #333;}
.sticky .phone{display:none;}
.sticky .logo {padding: 5px 0; transition: all 0.5s ease-in 0s; width: 130px;}
.sticky #nav_wrapper ul.menu li a{ height: 50px; line-height: 50px; transition: .5s all ease-in; }
.sticky #nav_wrapper ul.menu li a > span{top: -32px;}
.sticky .scroll-down{display:none;}
}

@media only screen and (min-width: 641px) and (max-width: 767px)
{
    .round {
    width: 110px;
    margin-bottom:20px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px)
{
    .kk{margin-bottom:30px;}
    
}
/* Tablet Portrait size to standard 1024 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pledge-section .truck-img {
    width: 100% !important;
    }
    .pledge-section .truck-txt{width:100%;}
    .pledge-section .truck-img {
    width: 100%;
    }
    .kk{margin-bottom:30px;}
.owl-prev {left:-5px;}
.owl-next {right:-5px;}
#nav_wrapper ul.menu li a{padding: 0 10px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (max-width: 767px) {
    .mk{height:auto !important;}
    .contheader h1{    padding: 50px 0 !important;}
    .dtl{padding-top: 10px;
    margin-bottom: 20px;}
    .video{
    margin-bottom: 20px;
    }
    .categories-inner {
    width: 100%;
    }
    .categories-inner img {
    width: 100%;
    height: auto;
}
    .pledge-section .truck-img {
    width: 100% !important;
    height: auto !important;
    }
    .contheader h1{padding: 50px 0px;}
    .m-bottom{margin-bottom:20px;}
    .icn-holder {
    width: 100%;
    top: 77%;
    position: absolute;
    z-index: 999;
    height: 15px;
}
#multiple .nextControl {
    width: 30px;
    height: 30px;
    color: #ffffff;
    background-color: #333 !important;
    float: right;
    background-color: transparent;
}
.icn-holder .fa {
    color: #ffffff;
    cursor: pointer;
    font-size: 30px;
    margin-right: 0;
    text-align: center;
    width: 35px;
}
.icn-holder .prevControl .fa {
    color: #ffffff;
    background-color: #333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 30px;
    text-align: center;
    width: 30px;
}
.cent-txt:before{left: 28%;}
.kk{    margin-bottom: 30px;}
.nav-bar-wrap{width:100%; height:auto;}
.owl-pagination{display:none !important;}
.logo {
    padding: 0;
    margin: 0 auto;
    float: none;
}
.cent-txt-w:before{left: 30%;}
.pledge-section .truck-img {
    width: 100%;
}
.pledge-section .truck-txt {
    padding: 20px 10px 10px 10px;
    width: 100%;
}
.address-prx{padding: 10px 0px;}
.owl-prev{left:0px;}
.owl-next{right:0px;}
.header-bg{padding:10px 0px;}
.search-group {
    width: 100% !important;
}
.clr-bth{clear:both !important;}

.overlay-new h4{display:none;}
.slicknav_nav a{}
.search-btn{top:107px;}
.search-bx{left:0px;}
.mobile-pic {
    margin: 0 auto;
    position: relative;
}
.nav-bar{ width:100%;}
.slicknav_menu{ display: block; color:#59595c;}
#nav_wrapper ul.menu{ display: none;}

.circle-resp{width:200px; height:200px; border-radius:50%; margin: 0 auto 20px; border:solid 5px #ec3000; overflow:hidden;}
.circle-resp img{width:100%; height:100%;}

.categories-resp{width:100%; height:auto; padding:15px; background-color: #d73400;}
.from-blog h1 span::before, .from-blog h1 span::after{width:130px;}
.logo {
    padding: 0;
    margin: 0 auto;
    float: none;
}

.search-group {
    margin: 10px auto;
    float: none; width:255px;
}
.play-str {margin: 10px auto;
    float: none;
}

.icns {width: 30px;}
.foot-links ul{text-align:center;}
.foot-links ul li a{font-size:13px;}
.cpy-ri{float:none; font-size:15px; text-align:center;}
.foot-links{float:none; width:100%;}
.search-section {
    float: none;
    width: 100%;
    text-align: center;
}
.header-bg .container {
    display: flex;
    align-items: center;
}
.hero-banner img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.position-text {
    top: 20px;
    text-align: center;
}
.position-text img {
    height: auto;
    width: 250px;
}
.text-part {
    color: #fff;
    text-align: center;
    margin-top: 25px;
}
.position-text strong {
    font-size: 28px;
    line-height: inherit;
}

}
@media only screen and (max-width: 500px)
{
.phone{display:none;}
.search-btn{top:66px;}
.from-blog h1 span::before, .from-blog h1 span::after{display:none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 480px) {




}