@font-face {
	    font-family: "Calibri";
	    src: url("../fonts/Calibri.eot");
	    src: url("../fonts/Calibri.eot?#iefix") format("embedded-opentype"), url("../fonts/Calibri.woff") format("woff"), url("../fonts/Calibri.ttf") format("truetype");
	    font-weight: normal;
	    font-style: normal;
	}
body{ font-family: Calibri, Arial, sans-serif; font-size:16px; position: relative; color:#6c757d; }
html {scroll-behavior: smooth;}
h2,h3,h4,h5{font-weight:700; color:#34302f;  margin:15px 0;}
h5{ font-size:22px;}
p{margin-top: 0;margin: 1em 0;font-size:20px;}
.txt_c{ text-align:center;}
.text_lf{ text-align:left;}
.main-title{font-weight: 400;color: #34302f;margin:30px 0;margin-top:0px;font-size:40px;
margin-bottom:30px;line-height: 42px;}
.info_titile{font-size: 30px;color: #fff;font-weight: 100; text-align:center;}	
.divider{ background:#efefef; height:1px; clear:both; width:100%; margin:20px 0px;}
.txt_c{ text-align:center;}
.text_lf{ text-align:left;}
.text_lr{ text-align:right;}
.text_jf{ text-align:justify;}
.pd_50{padding:0px 0;}
.pd_50_new{padding:50px 0;}
.padd_b_0{padding-bottom:0px;}
.padd_t_0{padding-top:0px;}
li{font-size:20px;}

/*------------------------------
		Main header css
-------------------------------*/

.header{position: relative;width:100%;z-index:1000; box-shadow:2px 2px 5px #ccc;}
.header.header-sticky-top {background-color: rgba(255, 255, 255, 0.90); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
 .header .header-fixed{display: block;margin-top:0;}

/*------------------------------
		Main nav css
-------------------------------*/

.nav-item a,.nav-item a:hover{color:#34302f!important; font-size: 24px;font-weight:500;}
.nav-item a:hover{color:#41abe1!important;}
.navbar-toggler{background-color: #40abe1!important;line-height: 1.5;padding: .2rem .5rem!important;}
.dropdown-menu{left:inherit!important;left:0px!important;margin:0!important;}
.dropdown-menu a,.dropdown-menu a:hover{ font-size:20px!important;}
.dropdown:hover>.dropdown-menu {display: block;}
#primarymenu li.nav-item {margin: 0px 6px;}
.dropdown-menu li {
    position: relative;
}
.dropdown-menu > li:hover > .submenu{display: none; left:100% !important; top:0px; width:auto;}
.dropdown-menu > li:hover > .submenu{display: block; left:100% !important; top:0px;}






/*------------------------------
		Model Open search css
-------------------------------*/
.openBtn{background: #41abe1;border: none;font-size:14px;cursor: pointer;border-radius: 50%; height:32px; width: 32px;color:#fff!important;
outline:none;outline-style:none; order: 3;margin-top: 13px;}
.openBtn:hover{background: #34302f;}
.overlay{height:100%;width:100%;display:none;position:fixed;z-index: 1;top:0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);}
.overlay-content {position: relative;top: 46%;width: 80%;text-align: center;margin-top: 30px;margin: auto;}
.overlay .closebtn {position: absolute;top: 20px; right: 45px;font-size: 60px;cursor: pointer;color: white;}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text]{padding: 15px;font-size: 17px;border: none;float: left;width: 80%;background: white;}
.overlay input[type=text]:hover{background: #f1f1f1;}
.overlay button{float: left;width: 20%;padding: 15px;background: #41abe1;font-size: 17px;border: none;cursor: pointer;}
.overlay button:hover {background: #34302f;}
.overlay button i{color:#fff;}

/*------------------------------
		Main banner css
-------------------------------*/
.banner-btn, .banner-btn:hover
{font-size:22px;color:#fff;line-height: 1;font-weight:100; text-decoration: none ;text-transform: uppercase;text-align: center;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
outline: none; background-color: #41abe1;display: inline-block; PADDING:15PX 25PX;BORDER-RADIUS: 5PX;margin-top:10px;}
.banner-btn:hover{background-color: #34302f; color:#fff;}
.banner-title{font-size: 60px;font-weight: 600;color:#41abe1;line-height: 65px;}
.carousel-caption{right: 0!important;left: 0;top:50%;text-shadow: 1px 1px 1px #000;z-index: 10;color:#fff;}
.carousel-caption h3{color:#40abe1; font-size:45px;}
.carousel-control-next, .carousel-control-prev{ width:5%;}

/*------------------------------
		section css
-------------------------------*/
.int-sec{top:0px; position:relative;}
#patedu figcaption a:hover > img {opacity:0.8; 
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;}

.title-page{

/*background-image: url("../images/page-banner.png");*/ /* The image used */
background-image: url("../images/about-us-banner.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	
} 

.title-page-about{

background-image: url("../images/about-us-banner.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	
} 

.title-page-about h1{color:#fff;}

.title-page h1{color:#fff; text-transform: uppercase;}
.title-page h1 sup{font-size:16px; top: -35px;}

/*------------------------------
		Background css
-------------------------------*/
.gry_bg{background:#f6f7f9; padding:50px 0px;}
.about-wrapp{padding: 40px 0;}
.about-wrapp h2 {color:#40abe1!important;margin-bottom: 0!important;}
.about-wrapp h3 {color:#34302f!important; font-size:36px;}
.blue_bg{background:#40abe1;}
.c_bg{ background:#fff; padding:15px;}

/*------------------------------
		Box card css
-------------------------------*/
.box_card{text-align:center;background: #c9e6f7;padding: 20px;border: 1px solid #b9d2e0;border-radius: 5px; margin-bottom:20px;}
.box_card img{ width:100px; height:100px; border-radius:50%; margin:0 auto;}

/*------------------------------
		Figcaption css
-------------------------------*/
figcaption a,figcaption a:hover{ background:#fff; color:#34302f; text-align:center; font-size:21px; text-decoration:none; }
figcaption a:hover{ background:#fff;color:#42abe2;}
figcaption a,figcaption a:hover{ background:#fff; text-align:center;font-size: 18px!important;color: #34302f!important; font-weight: 700; }
figcaption a:hover{ background:#fff;color:#40abe1!important;}
figcaption { margin-bottom:15px;}

/*------------------------------
		Ycard css
-------------------------------*/
.y_card, .y_card:hover{ padding:15px; border:1px solid #e2e2e2; text-align:center; border-radius:10px;}
.y_card:hover{background:#41abe1; cursor:pointer;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;}
.y_card p{ color:#41abe1; margin:0!important}
.y_card span{ color:#41abe1; font-size:35px;}
.y_card:hover p{ color:#fff; margin:0!important}
.y_card:hover span{ color:#fff; font-size:35px;}

/*------------------------------
		Footer css
-------------------------------*/
footer{background:#42abe2!important;color:#fff;}
footer p{font-weight: lighter;font-size: 17px!important;}
footer h3{ text-align:left!important; color:#34302f!important;font-size:22px!important;color: #fff;font-weight: 600!important;text-align: center;}
footer ul{ text-align:left; list-style:none;padding-left: 0;}
footer ul li i {margin-right:10px;}
footer ul li a, footer ul li a:hover{ text-decoration:none; color:#fff;font-size:22px;}
footer ul li a:hover{color:#34302f;}
.inner_header{padding: 15px 0 5px 0;background: #f58220;background: -moz-linear-gradient(-45deg, #0a4e75 1%, #f58220 100%);
background: -webkit-linear-gradient(-45deg, #0a4e75 1%, #f58220 100%);background: linear-gradient(135deg, #0a4e75 1%, #f58220 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a4e75', endColorstr='#f58220', GradientType=1);}
.inner_header h1{ color:#fff;margin-bottom: 0;}

/*------------------------------
		Footer Subscibe css

 .newsletter input[type=text]
{padding:20px;font-size: 17px;border: none;float: left; width:78%;background: white;outline:none;padding-left: 50px;padding-right:50px;color: #c7c7c7;}
.sub_wrapp {position:relative;}
.sub_wrapp i{position: absolute; height: 20px; width: 20px; top: -50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);   left: 16px; color:#040404;font-size:24px; margin-top: 4%;}
.newsletter input[type=text]:hover{background: #fff;border: none;outline:none;}
.newsletter button{float: left; width:22%;padding: 15px;background: #41abe1;font-size: 17px; border: none;cursor: pointer;outline:none;}
.newsletter button:hover{background: #34302f;border: none;}
.newsletter imput:focus{border:none;}
.newsletter .subc_btn{ background:#34302f; text-align:center; color:#fff; font-size:18px; padding:19px;}
-------------------------------*/

/* product page */


.single_product {
    padding-top: 66px;
    padding-bottom: 140px;
    margin-top: 0px;
    padding: 17px
}

.product_name {
    font-size: 26px;
    font-weight: 700;
    margin-top: 0px
}


.product-rating {
    margin-top: 10px
}

.rating-review {
    color: #5b5b5b
}

.product_price {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    margin-top: 9px;
    clear: left
}

.product_discount {
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    margin-top: 9px;
    clear: left;
    margin-left: 10px;
    color: red
}

.product_saved {
    display: inline-block;
    font-size: 15px;
    font-weight: 200;
    color: #999999;
    clear: left
}

.singleline {
    margin-top: 1rem;
    margin-bottom: .40rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.product_info {
    color: #4d4d4d;
    display: inline-block
}

.product_options {
    margin-bottom: 10px
}

.product_description {
    padding-left: 0px
}

.product_description ul li {
    text-align: justify;
}

.product_quantity {
    width: 104px;
    height: 47px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
    padding-left: 8px;
    padding-top: -4px;
    padding-bottom: 44px;
    float: left;
    margin-right: 22px;
    margin-bottom: 11px
}

.order_info {
    margin-top: 18px
}

.shop-button {
    height: 47px
}

.product_fav i {
    line-height: 44px;
    color: #cccccc
}

.product_fav {
    display: inline-block;
    width: 52px;
    height: 46px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 11%;
    text-align: center;
    cursor: pointer;
    margin-left: 3px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.br-dashed {
    border-radius: 5px;
    border: 1px dashed #dddddd;
    margin-top: 6px
}

.pr-info {
    margin-top: 2px;
    padding-left: 2px;
    margin-left: -14px;
    padding-left: 0px
}

.break-all {
    color: #5e5e5e
}

.image_list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 165px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px;
    cursor: pointer;
    padding: 15px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: hidden
}

.img-thumbnail{border:none;}

.bbb_combo {
    width: 100%;
    margin-right: 7%;
    padding-top: 21px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 24px;
    border-radius: 5px;
    margin-top: 0px;
    text-align: -webkit-center
}

.bbb_combo_image {
    width: 170px;
    height: 170px;
    margin-bottom: 15px
}

.fs-10 {
    font-size: 10px
}

.step {
    background: #167af6;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 6.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 3.6em;
    margin-right: 5px;
    text-align: center;
    width: 3.6em;
    margin-top: 116px
}

.row-underline {
    content: "";
    display: block;
    border-bottom: 2px solid #3798db;
    margin: 0px 0px;
    margin-bottom: 20px;
    margin-top: 15px
}

.deal-text {
    margin-left: -10px;
    font-size: 25px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700
}

.padding-0 {
    padding-left: 0;
    padding-right: 0
}

.padding-2 {
    margin-right: 2px;
    margin-left: 2px
}

.vertical-line {
    display: inline-block;
    border-left: 3px solid #167af6;
    margin: 0 10px;
    height: 364px;
    margin-top: 4px
}

.p-rating {
    color: green
}

.combo-pricing-item {
    display: flex;
    flex-direction: column
}

.boxo-pricing-items {
    display: inline-flex
}

.combo-plus {
    margin-left: 10px;
    margin-right: 18px;
    margin-top: 10px
}

.add-both-cart-button {
    margin-left: 36px
}

.items_text {
    color: #b0b0b0
}

.combo_item_price {
    font-size: 18px
}

.p_specification {
    font-weight: 700;
    margin-left: 22px
}

.mt-10 {
    margin-top: 10px
}


.single_product {
    padding-top: 16px;
    padding-bottom: 140px
}

.image_list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 165px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    cursor: pointer;
    padding: 15px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: hidden
}

.image_list li:last-child {
    margin-bottom: 0
}

.image_list li:hover {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3)
}

.image_list li img {
    max-width: 100%
}

.image_selected {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% + 15px);
    height: auto;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px);
    overflow: hidden;
    padding: 5px
}

.image_selected img {
    max-width: 100%
}

.product_category {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5)
}

.product_rating {
    margin-top: 7px
}

.product_rating i {
    margin-right: 4px
}

.product_rating i::before {
    font-size: 13px
}

.product_text {
    margin-top: 27px
}

.product_text p:last-child {
    margin-bottom: 0px
}

.order_info {
    margin-top: 16px
}

.product_quantity {
    width: 182px;
    height: 50px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    overflow: hidden;
    padding-left: 25px;
    float: left;
    margin-right: 30px
}

.product_quantity span {
    display: block;
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    line-height: 50px;
    float: left
}

.product_quantity input {
    display: block;
    width: 30px;
    height: 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding-left: 9px;
    line-height: 50px;
    float: left
}

.quantity_buttons {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 29px;
    border-left: solid 1px #e5e5e5
}

.quantity_inc,
.quantity_dec {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 50%;
    cursor: pointer
}

.quantity_control i {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none
}

.quantity_control:active {
    border: solid 1px rgba(14, 140, 228, 0.2)
}

.quantity_inc {
    padding-bottom: 2px;
    justify-content: flex-end;
    border-top-right-radius: 5px
}

.quantity_dec {
    padding-top: 2px;
    justify-content: flex-start;
    border-bottom-right-radius: 5px
}

/*---Footer Socialmedia---*/
.social_icon, .social_icon:hover
{width:40px;height:40px;background-color: #fff;text-align: center;vertical-align: middle;border-radius: 50%;padding: 10px;margin:0 auto;
line-height: 5px;display: inline-block; margin-right:5px;}
.social_icon i{color:#42abe2; font-size:22px;}
.social_icon:hover{background:#34302f;}

.copyright{background:#34302f!important;color:#fff; text-align:center; padding:17px; font-size:14px;border-top: 1px solid #194863;}
.order-4 {order: 1;}

/*---Breadcrumb---*/
.breadcrumb{background-color: inherit!important;}	
.breadcrumb a{color:#fff;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff!important;}
@media only screen and (max-width: 600px) {
  a.navbar-brand {width:80%;}
  .navbar-brand img{width:100%;}
  .carousel-caption h3 {
    font-size: 30px;
}
.product_name {margin-top: 50px;}
}
 @media screen and (max-width: 1248px) and (min-width: 990px) {
.nav-item a, .nav-item a:hover {
    font-size: 16px !important;
	.navbar-brand img{width:80% !important;}
}
}
@media screen and (max-width:992px) {
.dropdown-menu{border:0px;}	.navbar-nav {background: #fff; padding: 15px;}.navbar-toggler{color:#fff;}
.openBtn{ width:100%; border-radius:5px; height: 34px;}

		.dropdown-menu .dropdown-toggle:after{
			border-top: .3em solid transparent;
		    border-right: 0;
		    border-bottom: .3em solid transparent;
		    border-left: .3em solid;
		}

		.dropdown-menu .dropdown-menu{
			margin-left:0; margin-right: 0;
		}

		.dropdown-menu li{
			position: relative;
		}
		.nav-item .submenu{ 
			display: none;
			position: absolute;
			left:100% !important; top:-7px !important;;
		}
		.nav-item .submenu-left{ 
			right:100% !important; left:auto !important;;
		}

		.dropdown-menu > li:hover{ background-color: #f1f1f1 }
		.dropdown-menu > li:hover > .submenu{
			display: contents;
		}
	}

}


@media screen and (max-width:792px) {
.dropdown-menu{ background-color:!important; border:none!important;}
.nav-item a, .nav-item a:hover{ border-bottom:1px solid #e2e2e2; font-size:16px!important;}
.col-xs-6{width:50%;}.p_80{padding:15px 0px!important;}.about-wrapp{ padding:0px; margin-top:0px;} 
.navbar-brand img{width:240px !important;}
.carousel-caption h3{font-size:30px;}
.carousel-caption{top:38%;}
.banner-btn{font-size: 16px; padding: 7px 18px; margin-top: 0px;}
.about-wrapp h3{font-size:30px;}
.main-title{font-size:20px; line-height:25px; font-weight:700;}
}
@media (min-width:576px) {
 .modal-dialog {
  max-width:980px;
  margin:1.75rem auto
 }  


@media screen and (max-width: 1380px) and (min-width: 1250px) {
	 #primarymenu li.nav-item {
    margin: 0px 2px;
}
.nav-item a, .nav-item a:hover {

    font-size: 20px;

}