@font-face {

font-family: 'Gabriola';

font-style: normal;

font-weight: normal;

src: local('Gabriola'), url('../fonts/Gabriola.ttf') format('woff');

}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
  scroll-behavior: smooth;
}

body{

	margin:0px; padding:0px; font-family: 'Roboto', sans-serif;}

.tus_top{

	margin:0px; padding:8px 0; background-color:#15489f;}

.tus_logo img{

	margin:10px auto; padding:0px;}

.tus_banner{

	margin:0px; padding:0px; position:relative}

.tus_banner img{

	margin:0px auto; padding:0px;}

.tus_tpmail{

	margin:0px 0 0 0; padding:0px;}

.tus_tpmail p{

	margin:0px 10px 0 0; padding:0px; display:inline-block; font-family: 'Roboto', sans-serif; font-size:13px; color:#fff}

.tus_tpmail p span{

	margin-right:5px; font-size:18px}

.tus_tpmenu{

	margin:10px auto 0 auto; padding:0px;}

.tus_tpsocial{

	margin:0px; padding:0px; float:right;}

.tus_tpsocial a{

	margin:0px 10px 0 0; padding:0px; color:#fff; font-size:18px; display:inline-block; transition:0.5s}

.tus_tpsocial a:hover{

	color:#00aeef; text-decoration:none; transform:rotate(45deg)}

.tus_head{

	margin:0px; padding:0px 0 10px 0; background-color:#fff.tus_top;}

#fixedbar{

  display: none; position: fixed; top: 0; width: 100%; height:auto; background-color:rgba(255, 255, 255,1); z-index:99999; padding:5px 0;

  box-shadow:2px 2px 5px #333}

#fixedbar:after,#fixedbar:before{

	display:block}
.tus_back img{
	margin:0px; padding:0px; position:absolute; bottom:55px; right:0;}
/*--------

  Welcom to

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

.tus_welcom{

	margin:40px 0 0 0; padding:0px}

.tus_welcom img{

	margin:0px 0 15px 0; padding:30px;}

.tus_welcom h3{

	margin:0px; padding:0px; font-family: 'Gabriola'; font-size:25px; color:#000; text-transform:capitalize;}

.tus_welcom h4{

	margin:5px 0 10px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:25px; color:#15489f; text-transform:capitalize; font-weight:bold}

.tus_welcom p{

	margin:0px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:25px}

.tus_readmore{

	margin:0px; padding:10px 0; background-color:#34b7f3; color:#fff !important; text-align:center; font-size:15px; width:120px; font-family: 'Roboto', sans-serif;     text-transform:capitalize; border-radius:0.30em;transition:0.5s}

.tus_readmore:hover{

	background-color:#15489f; text-decoration:none;}

.tus_heading{

	margin:20px 0 25px 0; padding:px;}

.tus_heading h4{

	margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:28px; color:#000000; text-transform:uppercase; font-weight:bold}

.tus_heading h4 span{

	border-bottom:solid 2px #15489f; padding-bottom:5px}

.tus_team{

	margin:0px 15px 15px 15px; padding:15px 10px; background-color:#e2e1e1; overflow:auto; position:relative; z-index:1}

.tus_team img{

	margin:0px auto; padding:0px; border:solid 2px #fff; border-radius:100%; width:135px; height:135px;}

.tus_team h4{

	margin:10px 0 0 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-transform:capitalize; font-weight:bold; text-align:center}

.tus_team p{

	margin:0px 0 0 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#333; text-align:justify}

.tus_team:before{

	content:''; position:absolute; background-color:#15489f; width:100%; height:100%; top:0; left:-100%; transition:0.6s}

.tus_team:hover:before{

	left:0;}

.tus_team:hover h4{

	color:#fff;}

.tus_team:hover p{

	color:#fff;}

.tus_porjectbg{

	margin:0px; padding:10px 0 30px 0; background-color:#2e2d2d;}

.tus_heading p{

	margin:15px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:23px}

.tus_porject{

	margin:0px 0 15px 0; padding:0px; position:relative; overflow:hidden;}

.tus_porject img{

	margin:0 auto; padding:0px; width:100%; height:auto;}

.tus_porject h4{

	margin:0px auto; padding:0px 15px; font-family: 'Roboto', sans-serif; font-size:20px; color:#fff; text-align:center; font-weight:bold; position:absolute; top:30%;    left:0; right:0; transition:0.8s; opacity:0; text-transform:uppercase}

.tus_porject h5{

	margin:0px auto; padding:12px 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#15489f; text-align:center; font-weight:bold; position:absolute; 

	bottom:30%; left:0; right:0; background-color:#fff; text-transform:capitalize; width:125px; border-radius:0.30em; transition:0.8s; opacity:0;}

.tus_porject:before{

	content:''; position:absolute; background-color:rgba(40, 82, 150, 0.75); width:100%; height:0; top:0; left:0; transition:0.6s}

.tus_porject:hover:before{

	height:100%;}

.tus_porject:hover h4{

	top:30%; opacity:1;}

.tus_porject:hover h5{

	bottom:42%; opacity:1;}

.tus_prodetail{

	margin:0px; padding:0px;}

.tus_prodetail h4{

	margin:0px 0 0 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:25px; color:#000; text-transform:capitalize; font-weight:bold;}

.tus_prodetail p{

	margin:0px 0 0 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:15px; color:#757575; text-align:justify}

.tus_prodetail img{

	margin:0px; padding:0px; width:100%; height:auto}

/*-------

   Featuer pro

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

.tus_fheading{

	margin:50px 0 30px 0; padding:0px;}

.tus_fheading h4{

	margin:30px; padding:0px; font-family: 'Roboto', sans-serif; font-size:28px; color:#111111; text-align:left; text-transform:uppercase; font-weight:500; 

	font-weight:bold}

.tus_fprod{

	margin:0px 0 15px 0; padding:10px; border:solid 1px #cccccc; transition:0.5s}

.tus_fprod img{

	margin:10px auto 20px auto;  padding:0px}

.tus_fprod h4{

	margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:15px; color:#000; text-align:center; text-transform:capitalize; font-weight:510}

.tus_fprod p{

	margin:3px 0 8px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:15px; color:#15489f; text-align:center; text-transform:capitalize; font-weight:510}

.tus_fprod .tus_adbasket{

	margin:0px 20px 10px 20px; padding:8px 0; background-color:#111111; text-align:center; font-size:15px; color:#fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; transition:0.5s}

.tus_fprod:hover{

	border:solid 1px #15489f;}

.tus_fprod:hover .tus_adbasket{

	background-color:#15489f; color:#fff;}

.tus_map{

	margin:15px 0 0 0; padding:0px;}

/*-------

   Footer

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

.tus_ftheading h4{

	margin:0px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:20px; color:#fff; text-transform:uppercase;}

.tus_ftmenu{

	margin:0px; padding:0px;}

.tus_ftmenu a{

	margin:0px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; text-transform:capitalize; display:block; transition:0.5s}

.tus_ftmenu a span{

	font-size:10px; margin-right:4px;}

.tus_ftmenu a:hover{

	color:#34b7f3; text-decoration:none; padding-left:5px}

.tus_ftheading span{

	color:#15489f}

.tus_copy{

	margin:0px 0 0 0; padding:20px 0; background-color:#34b7f3;}

.tus_copy p{

	margin:0px 0 0 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:15px; color:#000000; text-transform:uppercase; text-align:center;}

.tus_copy p span{

	text-align:right}

.tus_footer{

	margin:0px 0 0 0; padding:50px 0 45px 0; background: #15489f;}

.tus_ftcontact p{

	margin:0px 0 10px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff;}

.tus_ftcontact h4{

	margin:0px 0 10px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:15px; color:#fff;}

.tus_ftcontact p span{

	font-size:16px; margin-right:5px; color:#fff}

.tus_ftcontact h4 span{

	color:#15489f;}

.tus_signup p span{

	color:#15489f; text-transform:uppercase}

.tus_signup p{

	margin:0px 0 12px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff;}

.tus_inpsign{

	margin:0px 0 0 0; padding:10px; width:100%; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; background:none; border-bottom:solid 2px #fff; border-top:none;

	border-left:none; border-right:none} 

.mbox{

	margin:-40px 0 0 0; padding:5px 12px; background-color:transparent; color:#fff; text-align:center; font-size:20px; border:none; float:right; position:relative}

.tus_sbsign{

	margin:10px 0 0 0; padding:8px; font-family: 'Roboto', sans-serif; font-size:16px; color:#fff; background-color:#15489f; border:none}

.tus_sbsign:hover{

	background-color:#fff; color:#15489f;}

.tus_specialpro img{

	margin:0px auto; padding:0px;}

.tus_ftsoc{

	margin:0px; padding:0px;}

.tus_ftsoc a{

	margin:0px 10px 0 0; padding:0px; font-size:17px; color:#fff; display:inline-block; transition:0.5s}

.tus_ftsoc a:hover{

	color:#15489f; text-decoration:none;}

.tus_ftnews{

	margin:0px; padding:0px;}

.tus_ftnews h4{

	margin:0px; padding:0px; color:#34b7f3; text-transform:capitalize; font-size:15px; font-family: 'Roboto', sans-serif;}

.tus_ftnews p{

	margin:0px 0 5px 0; padding:0px; color:#fff; font-size:14px; font-family: 'Roboto', sans-serif;}
	
	
.tus_download {
    margin: 0px 0 15px 0;
    padding: 20px;
    border: solid 1px
px
 #ccc;
    box-shadow: 2px 2px 5px #ccc;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

/*--------

  Next Page

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

.tus_nxpage{

	margin:10px 0 15px 0; padding:13px 15px; background-color:#15489f; position:relative}

.tus_nxpage ul{

	margin:0px; padding:0px;}

.tus_nxpage ul li{

	margin:0px; padding:0px; list-style:none; display:inline-block; color:#fff; font-family: 'Roboto', sans-serif; font-size:16px; text-transform:capitalize}

.tus_nxpage ul li a{

	margin:0px; padding:0px; color:#fff; font-family: 'Roboto', sans-serif; font-size:16px; text-transform:capitalize}

.tus_nxpage ul li span{

	margin:0 5px; font-size:16px}

.tus_nxpage ul li a:hover{

	text-decoration:none; color:#15489f;}

.tus_abtxt{

	margin:0px 0 30px 0; padding:0px; }

.tus_abtxt p{

    margin:0px; padding:0px; color:#7e7e7e; font-family: 'Roboto', sans-serif; font-size:15px; text-align:justify}

/*-------

  Contact us

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

.tus_cform{

	margin:0px 0 20px 0; padding:10px 20px; border:solid 1px #ccc; box-shadow:2px 2px 5px #ccc;}

.tus_cform h4{

	margin:10px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:14px; color:#000; text-transform:capitalize}

.tus_inform{

	margin:0px 0 10px 0; padding:8px 15px; border:solid 1px #ccc; font-family: 'Roboto', sans-serif; font-size:15px; color:#111111; width:100%;}

.tus_inform:focus{

	border:solid 1px #e40000; transition:0.2s ease-in}

.tus_fsubmit{

	margin:0px 0 10px 0; padding:7px 20px; background-color:#000; color:#fff; text-transform:uppercase; text-align:center; font-size:15px; 

    font-family: 'Roboto', sans-serif;border:none; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out;

    -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out;}

.tus_fsubmit:hover{

	background-color: #15489f; cursor: pointer;}

.tus_conactf{

	margin:0px 0 30px 0; padding:20px 15px; box-shadow:2px 2px 2px #111111; border:solid 1px #eee; background-color:#fff}

.tus_conactf h4{

	margin:0px 0 20px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:13px; color:#000; text-transform:capitalize}

.tus_conactf h4 span{

	color:#15489f;}

.tus_continp{

	margin:0px 0 15px 0; padding:10px 15px; border:solid 1px #ccc; width:100%; color:#111111; font-family: 'Roboto', sans-serif;}

.tus_contsbmt{

	margin:0px; padding:10px 15px; background-color:#000; color:#fff; text-align:center; text-transform:capitalize; font-family: 'Roboto', sans-serif; font-size:15px;

	border:none; transition:0.6s}

.tus_contsbmt:hover{

	background-color:#15489f; color:#fff; text-decoration:none;}

.tus_continp:focus{

	box-shadow:2px 2px 10px #ccc}

.tus_cdetail h4{

	margin:0px 0 10px 0; padding:0px 0 10px 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-transform:uppercase; border-bottom:solid 1px #ccc}

.tus_cdetail p{

	margin:0px 0 10px 0; padding:0px 0 0px 0; font-family: 'Roboto', sans-serif; font-size:14px; color:#7e7e7e;}

/*---------

   Basket

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







.yourCart{







    width:100%; text-align:left; text-transform:uppercase; padding:20px; background:#eeeeee; font-weight:bold; font-family: 'Roboto', sans-serif; font-size:18px;      	    border-radius:3px 3px 0 0;}







.cartProduct{







	border:1px solid #eeeeee; border-top:none; background-color:#fff}







.cartProduct:last-child{







	margin-bottom:20px; margin-top:15px;}







.cartPdctImage{







	width:100%; height:200px; text-align:center; position:relative}







.cartPdctImage > img{







	max-height:100%; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:15px; border:solid 1px #ccc}







.cartPdctName{







    font-family: 'Roboto', sans-serif; padding:20px 0 0; color:#333; font-size:14px; text-transform:capitalize}







.cartPdctArt{







	font-family: 'Roboto', sans-serif; padding:5px 0 0; color:#333; font-size:14px;}







.cartPdctSize{







	font-family: 'Roboto', sans-serif; padding:5px 0 10px; color:#333}







.cartQuantity{







	width:60px; font-family: 'Roboto', sans-serif; font-weight:bold; color:#333}







.cartSubmit{







	margin:10px 0; background:#000; font-family: 'Roboto', sans-serif; border:none; padding:7px 20px; font-size:14px; color:#fff}







.cartRemove{







	margin:10px 0; background:#000; border:none; padding:7px 20px; font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; display:inline-block}







.cartRemove:hover{







	color:#fff; text-decoration:none; background-color:#15489f}







.cartPdctPrice{







	font-family: 'Roboto', sans-serif; padding:20px; text-align:right ; color:#fa5400}







.summery{







	background:#fff; margin-bottom:40px; border:solid 1px #ccc; box-shadow:2px 0px 10px #ccc}







.summeryTxt{







	font-family: 'Roboto', sans-serif; padding:20px; color:#000; font-size:18px; border-bottom:#000 1px solid}







.summeryTotal{







	font-family: 'Roboto', sans-serif; padding:20px; color:#000; font-size:16px; border-bottom:#000 1px solid; border-top:#333 1px solid; text-transform:uppercase}







.summeryTotal > span{







	float:right}







.summeryOr{







	font-family: 'Roboto', sans-serif; color:#000; font-size:16px;text-align:center}







.cartSend{







	padding:15px 30px; text-align:center}







.cartSend > a{







	font-family: 'Roboto', sans-serif; padding:10px; color:#ffffff; font-size:14px; text-transform:uppercase; background:#15489f; display:block; border-radius:3px; font-weight:bold; text-decoration:none}







.cartSend > a:hover{







	background:#000; text-decoration:none; color:#fff}







.cartAddMore{







	padding:15px 30px; border-top:#333 1px solid; text-align:center}







.cartAddMore > a{







   font-family: 'Roboto', sans-serif; padding:10px; color:#ffffff; font-size:14px; text-transform:uppercase; background:#15489f; display:block; border-radius:3px;  font-weight:bold; text-decoration:none}







.cartAddMore > a:hover{







	background:#000; text-decoration:none; color:#fff}







.cartBasketEmpty{







	font-family: 'Roboto', sans-serif; padding:60px 20px ; color:#111111; font-size:25px; background:#eeeeee; text-align:center; margin:20px 0 40px}







.tus_lefth h4{







	margin:10px 0 10px 0; padding:12px 15px; background-color:#000; color:#fff; text-align:left; text-transform:uppercase; font-family: 'Roboto', sans-serif;







	font-size:20px; border-left:solid 5px #15489f; border-top:solid 5px #15489f}







.tus_lefth h4 span{







	color:#15489f; margin-right:5px;}







/*------







   Detail Page







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







.tus_detailp{







	margin:0px 0 20px 0; padding:30px 20px; background-color:#eee;}







.tus_large{







	margin:0 auto 30px auto; padding:0px;}







.tus_large img{







	margin:0 auto; padding:0px;}







.tus_prodetail{







	margin:0px; padding:0px;}







.tus_prodetail h1{







	margin:0px; padding:0px 0 7px 0; font-family: 'Roboto', sans-serif; font-size:18px; color:#15489f; text-transform:capitalize; border-bottom:solid 1px #ccc;}







.tus_prodetail h2{







	margin:0px 0 10px 0; padding:10px 0 10px 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; text-transform:capitalize; border-bottom:solid 1px #ccc;}







.tus_prodetail p{







	margin:0px 0 0px 0; padding:0px 0 0px 0; font-family: 'Roboto', sans-serif; font-size:14px; color:#333;}







.tus_prodetail p span{







	font-weight:bold; color:#15489f; font-size:16px;}







#fixedbar{







  display: none; position: fixed; top: 0; width: 100%; height:auto; background-color:rgba(255, 255, 255,1); z-index:99999; padding:5px 0;







  box-shadow:2px 2px 5px #333}







#fixedbar:after,#fixedbar:before{







	display:block}







.tus_realated h4{







	margin:20px 0 15px 0; padding:0px; font-family: 'Roboto', sans-serif; font-size:25px; color:#000; text-transform:uppercase;}







.tus_realated h4 span{







	color:#15489f;}

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

   Gallery

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

.tus_gallery{

	margin:0px 0 15px 0; padding:10px; border:solid 2px #ccc; transition:0.5s}

.tus_gallery img{

	margin:0 auto; padding:0px; width:100%; height:auto}

.tus_gallery h4{

	margin:10px 0 0 0; padding:15px 0; background-color:#212121; color:#fff; text-align:center; text-transform:capitalize; font-size:15px; 

	font-family: 'Roboto', sans-serif; transition:0.5s}

.tus_gallery:hover h4{

	background-color:#15489f; text-decoration:none}

.tus_gallery:hover{

	border:solid 2px #15489f;}























































































































































@media only screen and (min-width: 280px) and (max-width: 374px) {

.tus_social{float:none;}

.tus_heading h4{font-size:25px;}

.tus_porjectbg{margin-top:15px;}

.tus_fheading h4{font-size:20px;}

}

@media only screen and (min-width: 375px) and (max-width: 479px) {

.tus_social{float:none;}

.tus_porjectbg{margin-top:15px;}

}

@media only screen and (min-width: 480px) and (max-width: 666px) {

.tus_social{float:none;}

.tus_porjectbg{margin-top:15px;}

}

@media only screen and (min-width: 667px) and (max-width: 767px) {

.tus_social{float:none;}

.tus_porjectbg{margin-top:15px;}

}

@media only screen and (min-width: 768px) and (max-width: 779px) {

.tus_porjectbg{margin-top:15px;}

.tus_porject:hover h4{top:35%;}

.tus_porject:hover h5{bottom:35%;}

.tus_ftheading h4{font-size:17px;}

.tus_ftcontact p{font-size:13px;}

} 



@media only screen and (min-width: 800px) and (max-width: 991px) {

.tus_porjectbg{margin-top:15px;}

.tus_porject:hover h4{top:35%;}

.tus_porject:hover h5{bottom:35%;}

.tus_ftheading h4{font-size:17px;}

.tus_ftcontact p{font-size:13px;}

}



@media only screen and (min-width: 992px) and (max-width: 1169px) {

.tus_porjectbg{margin-top:15px;}

.tus_porject:hover h4{top:38%;}

.tus_porject:hover h5{bottom:38%;}

.tus_ftheading h4{font-size:17px;}

.tus_ftcontact p{font-size:13px;}

}