@charset "utf-8";
/* CSS Document */

.inside-bg{ width:100%; height: auto; background:#fbfff6 url(../images/inside-bg.jpg) left bottom no-repeat ;  display:block; z-index:1; padding-bottom:25px;}
.breadcrumb{ width:100%; height:auto; display:block; border-bottom:1px solid #d4d4d4; padding:50px 0 20px 0; margin-bottom:20px; font-size:14px; font-weight:400; color:#464646;}
.breadcrumb a{font-size:14px; font-weight:400; color:#464646; padding-right:5px;}
.breadcrumb big{font-size:14px; font-weight:600; color:#000; padding-left:5px;}
.breadcrumb span{font-weight:600}


.page-title{ width:auto; height:auto; float:left; display:inline-block; padding-bottom:30px; font-size:30px; font-weight:400; color:#464646; text-transform:uppercase; }
.books-det{ height:auto; overflow:hidden;}
.books-det ul{  height:auto;   margin-right:-18px; margin-left:-18px; /*text-align:center;*/ }
.books-det ul li{width:205px; margin-right:18px; margin-left:18px;  height:auto;   margin-bottom:45px; display:inline-block; border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent; box-sizing:border-box; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -o-transition:all 0.3s ease; transition:all 0.3s ease;border-bottom:1px solid #000000; }
.books-det ul li:hover{ background:#FFFFFF; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);}
.books-det ul li div{width:100%; height:420px; float:left;  }
.books-det ul li div span{ width:203px; height:250px; overflow:hidden; display: block;}
.books-det ul li div span img { width:100%;}
.books-det ul li div h3{ width:100%;   font-size:14px; font-weight:600; color:#000; margin: 10px 0 5px 0; padding:0 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 18px;     /* fallback */ max-height: 36px;      /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;text-align: left;} 

.books-det ul li div p{ width:100%; padding:0 5px; box-sizing:border-box;  font-size:12px; font-weight:400; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 14px;     /* fallback */ max-height: 28px;      /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;text-align: left; }
.books-det ul li div h4{ width: 100%; height:auto; float:left; padding:5px 10px 0px 10px; box-sizing:border-box;}
.books-det ul li div h4 strong{ font-size:12px; font-weight:400; float:left;  color:#ff7a1e; text-transform:uppercase; line-height:18px; text-align: left; width:100%; display:block;  }
.books-det ul li div h4 small{ font-size:12px; font-weight:400; color:#000; float:left; width:100%; line-height:18px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; line-height: 18px;     /* fallback */ max-height: 36px;      /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; position:relative;  padding-left:0;}

.back{ float:right; width:84px; height:32px;    display:block;}
.back a{ display:block;  padding:10px 12px 10px 30px;border-radius: 16px 16px 16px 16px;background:#ffd200;font-size:14px; font-weight:400; color:#000; box-sizing:border-box; position:relative; 


 -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear; }
			.back a:after{ content:''; width:6px; height:11px; position:absolute; left:12px; top:12px; background:url(../images/back-arrow.png) left top no-repeat;} 
			.back a:hover:after	{ background:url(../images/back-arrow.png) left -43px no-repeat;}		
.back a:hover{background:#000; color:#fff;}

.details-pic-text2{ width:100%; height:auto; float:left; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #d4d4d4; }
.details-pic-text2:last-child{ border-bottom:0px solid #d4d4d4; }
.details-pic-text2 span{ width:17%; height:auto; float:left; margin-right:3%; max-width:205px; overflow:hidden; position:relative; margin-bottom:10px; }
.details-pic-text2 span img{width:100%; height:auto;}
.details-pic-text2 samp{width:80%; height:auto; float:left;}
.details-pic-text2 samp h2{width:100%; height:auto; float:left; padding-right:30%; box-sizing:border-box; font-size:22px; text-transform:uppercase; line-height:30px; font-weight:600; color:#000000; padding-bottom:0px; display:block; }
.details-pic-text2 samp h4{width:100%; height:auto; float:left; font-size:16px;  line-height:20px; font-weight:400; color:#000000;padding-top:10px; padding-bottom:10px; display:block; }
.details-pic-text2 samp p{width:100%; height:auto; padding-right:5%; box-sizing:border-box; float:left; font-size:15px; font-weight:400; color:#000000; line-height:20px; padding-bottom:15px; display:block; }
.details-pic-text2 samp h3{width: auto; height:auto; float:left; display:block;  }
.details-pic-text2 samp h3 a{ font-size:15px; font-weight:400; color:#2cc5d7; line-height:20px;  display:block; border:0px solid #ce5909; -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;  }
		.details-pic-text2 samp h3 a:hover{  color:#000; border-color:#000;}	

.details-pic-text{ width:100%; height:auto; float:left; padding-bottom:30px; }
.details-pic-text span{ width:17%; height:auto; float:left; margin-right:3%; max-width:205px; overflow:hidden; position:relative; margin-bottom:10px; }
.details-pic-text span img{width:100%; height:auto;}
.details-pic-text samp{width:80%; height:auto; float:left;}
.details-pic-text samp ul{width:100%; height:auto; float:left;}
.details-pic-text samp ul li{ width:auto; height:auto; float:left; font-size:13px; font-weight:400; color:#000000; position: relative; padding-right:15px; padding-bottom:15px;  }
.details-pic-text samp ul li:after{ content:'/'; position:absolute; right:5px; top:0; width:5px; height:20px;}
.details-pic-text samp ul li:last-child:after{ display:none;}
.details-pic-text samp h2{width:100%; height:auto; float:left; font-size:22px; font-weight:600; color:#000000; padding-bottom:15px; display:block; }
.details-pic-text samp h3{width: auto; height:auto; float:left; font-size:18px; font-weight:400; color:#000000; padding-bottom:15px; display: inline-block; position:relative; margin-bottom:10px; }
.details-pic-text samp h3:after{ content:''; position:absolute; left:0; right:0; bottom:0; width:92%; height:1px; background:#a2a2a2;}
.details-pic-text samp .by{width: auto; height:auto; float:left;font-size:13px; font-weight:400; color:#000000; padding-bottom:8px;}
.details-pic-text samp .by big{ width:auto; height:auto; float:left; padding-right:6px;font-size:14px; font-weight:600; color:#000000;}
.details-pic-text samp .by small{width:auto; height:auto; float:left;font-size:15px; font-weight:500; color:#000000; position:relative; padding-right:20px;-webkit-transition-property: background;-moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-o-transition-timing-function: linear; transition-timing-function: linear;}
.details-pic-text samp .by small a{font-size:14px; font-weight:500; color:#389be4;  }
.details-pic-text samp .by small a:hover{color:#000;}
/*.details-pic-text samp .by small:after{content:'|'; position:absolute; right:5px; top:0; width:5px; height:15px;}*/
.details-pic-text samp .edited{width: auto; height:auto; float:left;font-size:13px; font-weight:400; color:#000000;}
.details-pic-text samp .edited i{ width:auto; height:auto; float:left; padding-right:6px;font-size:13px; font-weight:400; color:#000000;font-style: normal;}
.details-pic-text samp .edited em{width:auto; height:auto; float:left;font-size:13px; font-weight:400; color:#000000; font-style: normal; }
.details-pic-text samp .price{width: auto; height:auto; float:left;font-size:18px; font-weight:400; color:#000000; padding:10px 0 15px 0; margin-right:20px;}
.details-pic-text samp .price strong{ width:auto; height:auto; float:left; padding-right:6px;font-size:18px; font-weight:400; color:#000000;}
.details-pic-text samp .price b{width:auto; height:auto; float:left;font-size:18px; font-weight:400; color:#000000; }
.details-pic-text samp .pages{width: auto; height:auto; float:left;font-size:18px; font-weight:400; color:#000000; padding:10px 0 15px 0;}
.details-pic-text samp .pages i{ width:auto; height:auto; float:left; padding-right:6px;font-size:18px; font-weight:400; color:#000000;font-style: normal;}
.details-pic-text samp .pages b{width:auto; height:auto; float:left;font-size:18px; font-weight:400; color:#000000; font-style: normal;}
.download-box{ width:auto; height:auto; float:left; margin-bottom:20px;}
.download-box b{ width:auto; height:auto;float:left; padding-left:25px; padding-right:60px; position:relative; font-size:14px; font-weight:400; color:#000; }
.download-box b a{font-size:14px; font-weight:400; color:#2cc5d7;}
.download-box b:after{width:25px; height:25px; position:absolute; left:0; top:0; display: inline-block; content: "\f1c1"; font-family:FontAwesome; font-size:16px; color:#f10040; font-weight:400;  }
.download-box b:before{width:40px; height:25px; position:absolute; right:0; top:0; display: inline-block; content: "\f019"; font-family:FontAwesome; font-size:18px; color:#000; font-weight:400;  }
.text-det{width: 100%; height:auto; float:left;}
.text-det p{font-size:14px; font-weight:400; color:#000000; line-height:19px; padding-bottom:10px; }
.text-det .published{width: 100%; height:auto; float:left; padding:10px 0;}
.text-det .published span{ width:auto; height:auto; float:left; font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; margin-right:0; max-width: inherit;}
.text-det .published span small{width:auto; height:auto; float:left;font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; padding-right:5px;}
.text-det .published span big{width:auto; height:auto; float:left;font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; position:relative; padding-right:15px;}
.text-det .published big:after{content:'|'; position:absolute; right:5px; top:0; width:5px; height:15px;}
.text-det .published strong{ width:auto; height:auto; float:left; font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; }
.text-det .published strong b{width:auto; height:auto; float:left;font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; padding-right:5px;}
.text-det .published strong em{width:auto; height:auto; float:left;font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; }
.isbncode{width: 100%; height:auto; float:left; }
.isbncode span{width:auto; height:auto; float:left; font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; padding-right:5px; margin-right:0; }
.isbncode samp{width:auto; height:auto; float:left; font-size:14px; font-weight:600; color:#000000; font-style: normal; line-height:18px; }


.giftCatalogueCol a .sub{height:100%; width:100%; background:rgba(0,0,0,0.40); left:0; bottom:-100%; position:absolute; opacity:0;}
.giftCatalogueCol a:hover .sub{bottom:0; opacity:1;}
.giftCatalogueCol a .sub b.info{background:url(../images/zoom.png) center no-repeat; display:inline-block; text-decoration:none; padding:0; text-indent:-9999px; width:32px; height:32px;}
.giftCatalogueCol a .sub b.info{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition:-webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition:-moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition:-o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition:-ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition:transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.giftCatalogueCol a:hover .sub b.info{opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}


.mandatory-text{ width:100%; height:auto; float:left; padding-bottom:15px; font-size:12px; font-weight:400; color:#000000;}
.cap{ width:50%; height:auto; float: right; padding:0px 0px 0 20px;  box-sizing:border-box; font-size:35px; color:#000000;  position:relative;}
.cap span {width:40px; height:40px; float: left;  cursor:pointer;  display: inline-block; text-align:center; line-height:18px; padding-top:8px;  }
.cap big{ width: auto; height:auto; float: left;   box-sizing:border-box; font-size:35px; color:#000000; padding-top:8px;}
.submit{ width: auto; height:auto; padding:18px 58px; background:#314476; border:0px solid #0492cf;font-size:18px; font-weight:600; color:#FFF;  text-transform:uppercase; position:relative; cursor:pointer; outline:none;    -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear; }
.submit:hover{background:#0492cf; color:#FFF;}
.reset{ width: auto; height:auto; margin-left:20px; padding:18px 58px; background:#314476 ; border:0px solid #c9c9c9;font-size:18px; font-weight:600; color:#FFF;  text-transform:uppercase; position:relative; cursor:pointer; outline:none;-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;  }
.reset:hover{background:#FFF; color:#000;}


.contact-box{ width:100%; max-width:900px;  overflow:hidden; }
.ErrorMsg{ font-size:14px; font-weight:400; color:#F33F42; padding-bottom:20px; display:block;}
.contact-box2{ margin-right:-10px;}
.form_50per{ width:50%; height: auto; margin-bottom:10px; float:left; padding-right:10px; box-sizing:border-box;  }
.form_100-per{ width:100%; height: auto; margin-bottom:10px; float:left; padding-right:10px; box-sizing:border-box;  }
.form_50per input[type="text"], .box100per2 input[type="text"], .form_100-per input[type="text"], .form_33per input[type="text"], .category_box input[type="text"],
.form_50per input[type="password"], .form_33per input[type="password"], .form_100-per input[type="text"],
.form_50per input[type="email"], .box100per2 input[type="email"], .form_100-per input[type="text"],
.form_50per input[type="tel"], .form_100-per input[type="text"],
.form_50per input[type="datetime"], .form_100-per input[type="text"],
.form_50per input[type="month"], .form_100-per input[type="text"],
.form_50per input[type="time"], .form_100-per input[type="text"],
.form_50per input[type="week"]{ border:0; width:100%; height: 50px; float:left; margin-left:0px; background:#FFFFFF; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; text-align:left; vertical-align:top;  color:#5c5c5c;font-size:14px; font-weight:400;  -webkit-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1);
-moz-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); 
box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1);  outline:none; padding:0px 15px; box-sizing:border-box; font-family: 'Ubuntu', sans-serif; }





.form_100per{ width:100%; height: auto; margin-bottom:10px; float:left;  box-sizing:border-box; padding-right:10px; font-family: 'Ubuntu', sans-serif; }
.form_100per textarea{ border:0; width:100%; height: auto; float:left; margin-left:0px; background:#FFFFFF; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; text-align:left; vertical-align:top;  color:#5c5c5c !important;font-size:14px; font-weight:400;   -webkit-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1);
-moz-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); 
box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); outline:none; padding:10px 15px; box-sizing:border-box; resize:none ; font-family: 'Ubuntu', sans-serif; }

.textarea2{font-style: normal !important; }

.form_50per select, .form_100-per select{
    width:100%; height:50px; padding:0px 15px; box-sizing:border-box; margin: 0;background:#FFFFFF; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-left:0px solid transparent; border-top:0px solid transparent;  color:#5c5c5c;font-size:14px; font-weight:400; font-style: normal;  -webkit-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1);
-moz-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); 
box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); outline:none; outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer; font-family: 'Ubuntu', sans-serif;
	
}
.vrification{ width:48%; margin-right:2%; height:auto; float:left;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.form_50per select, .form_100-per select{padding-right:18px; }
}

.form_50per label, .form_100-per label{position:relative}
.form_50per label:after, .form_100-per label:after{  width:20px; text-indent:5px;
    content:'>';/*content:'<>';*/
    font:18px "Consolas", monospace;
    color:#a09f9f;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:15px; top:-4px;
    padding:0 12px 0px 0px ;
    border-bottom:1px solid #aeaeae;
    position:absolute;
    pointer-events:none;
}
/*.form_50per label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#00FFFF;
    position:absolute;
    pointer-events:none;
    display:block;
}*/

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.form_50per label:after, .form_100-per label:after { display:none; }
.form_50per label:before, .form_100-per label:before { display:none; }

}


.addresses-box1{ width:100%; height:auto; overflow:hidden;}
.addresses-box2{ margin-right:-10px; margin-left:-10px; }
.addresses-box3{ width:100%; height:auto; display:flex; flex-wrap:wrap;}
.addresses-box3 li{ width:33.33333%; float:left; padding-right:10px; padding-left:10px; padding-bottom:20px; box-sizing:border-box;  }
.addresses-box3 li div{ width:100%; height:100%; padding:20px 5% 50px 5%; background:#FFF; display:block; box-sizing:border-box; border: 1px solid #d4d4d4;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.38);box-shadow: 0px 0px 7px 0px rgba(213,213,213,1.38);}
.addresses-box3 li div h2{ font-size:16px; font-weight:400; color:#2cc6d8; line-height:20px; padding-bottom:10px; text-transform:uppercase; position:relative; margin-bottom:10px;}
.addresses-box3 li div h2:after{ content:''; position:absolute; left:0; bottom:0; width:50px; height:1px; background:#2cc6d8;}
.addresses-box3 li div h3{ font-size:12px; font-weight:400; color:#000; line-height:18px; padding-bottom:10px; text-transform:uppercase;}	
.addresses-box3 li div p{ font-size:14px; font-weight:400; color:#000; padding-bottom:10px; line-height:20px; }	
.addresses-box3 li div span{ width:100%; height:auto; display:block;  }
.addresses-box3 li div span.phone{ padding-left:40px; padding-bottom:10px; position:relative; font-size:14px; font-weight:400; color:#000; line-height:30px;}
.addresses-box3 li div span.phone:after{display: inline-block; content: "\f095"; font-family:FontAwesome; font-size:18px; color:#FFF; font-weight:400; position:absolute; left:0;  top:0;  width:30px; height:30px; border-radius:50%; background:#2cc6d8; padding-left:7px; padding-top:3px; box-sizing:border-box; }



.addresses-box3 li div span.mobile{ padding-left:40px; padding-bottom:10px; position:relative; font-size:14px; font-weight:400; color:#000; line-height:30px;}
.addresses-box3 li div span.mobile:after{display: inline-block; content: "\f10b "; font-family:FontAwesome; font-size:20px; color:#FFF; font-weight:400; position:absolute; left:0;  top:0;  width:30px; height:30px; border-radius:50%; background:#2cc6d8; padding-left:10px; padding-top:0px; box-sizing:border-box; }

.addresses-box3 li div span.fax{ padding-left:40px; padding-bottom:10px; position:relative; font-size:14px; font-weight:400; color:#000; line-height:30px;}
.addresses-box3 li div span.fax:after{display: inline-block; content: "\f1ac  "; font-family:FontAwesome; font-size:16px; color:#FFF; font-weight:400; position:absolute; left:0;  top:0;  width:30px; height:30px; border-radius:50%; background:#2cc6d8; padding-left:6px; padding-top:0px; box-sizing:border-box; }
.addresses-box3 li div span.email{ padding-left:40px; padding-bottom:10px; padding-top:10px; position:relative; font-size:14px; font-weight:400; color:#000; line-height:30px;}
.addresses-box3 li div span.email a{font-size:14px; font-weight:400; color:#000; }
.addresses-box3 li div span.email a:hover{ color:#2cc6d8;}
.addresses-box3 li div span.email:after{display: inline-block; content: "\f0e0"; font-family:FontAwesome; font-size:14px; color:#FFF; font-weight:400; position:absolute; left:0;  top:0;  width:30px; height:30px; border-radius:50%; background:#2cc6d8; padding-left:7px; padding-top:0px; box-sizing:border-box; }

.addresses-box3 li div span.link{ padding-left:40px; padding-bottom:10px; position:relative; font-size:14px; font-weight:400; color:#000; line-height:30px;}
.addresses-box3 li div span.link a{font-size:14px; font-weight:400; color:#000; }
.addresses-box3 li div span.link a:hover{ color:#2cc6d8;}
.addresses-box3 li div span.link:after{display: inline-block; content: "\f0c1"; font-family:FontAwesome; font-size:14px; color:#FFF; font-weight:400; position:absolute; left:0;  top:0;  width:30px; height:30px; border-radius:50%; background:#2cc6d8; padding-left:7px; padding-top:0px; box-sizing:border-box; }

.con{width:100%; height:auto; float:left;}
.con p{font-size:14px; font-weight:400; color:#000; padding-bottom:10px; line-height:20px; }
.con p a{font-size:14px; font-weight:400; color:#2cc5d7; line-height:20px; }


.pagination{ width:auto; height:auto; float:right; background:#FFFFFF; padding:10px; border:1px solid #D7D6D6; border-radius:4px; }
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s; border-right:1px solid #ddd;
}
.pagination a:last-child{border-right:0px solid #ddd;}
.pagination a.active {
    background-color: #4CAF50;
    color: white; border-right:1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5c5c5c;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #5c5c5c;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #5c5c5c;
}
:-moz-placeholder { /* Firefox 18- */
  color: #5c5c5c;
}
.gap50{ width:100%; height:50px; display:block; }
.search-result{ width:100%; height:auto; margin-bottom:30px; display:block; font-size:18px; font-weight:400; color:#5c5c5c; line-height:18px; position:relative; padding-bottom:0px; }
.search-result span{font-size:18px; font-weight:600; color:#000; line-height:20px;}
.con h2{ font-size:18px; font-weight:400; color:#000; line-height:20px; padding-bottom:20px; padding-top:0px; text-transform:uppercase; position:relative; margin-bottom:10px;}
.con h2:after{ content:''; position:absolute; left:0; bottom:8px; width:50px; height:1px; background:#000;}

.thankyou{ width:100%; max-width:500px; margin:0 auto; text-align:center; padding:10% 0; }
.thankyou samp{ width:70px; height:70px; background:#d5f3b3; margin:0 auto 30px; display:table; border-radius:50%; position: relative; }
.thankyou samp:after{display: inline-block; content: "\f00c"; font-family:FontAwesome; font-size:35px; color:#24b663; font-weight:400; position:absolute; left:2px; right:0; top:0; bottom:0; text-align:center; line-height:70px; }
.thankyou small{ width:70px; height:70px; background:#ffd201; margin:0 auto 30px; display:table; border-radius:50%; position: relative; }
.thankyou small:after{display: inline-block; content: "\f071 "; font-family:FontAwesome; font-size:35px; color:#db2a2a; font-weight:400; position:absolute; left:2px; right:0; top:0; bottom:0; text-align:center; line-height:70px; }

.thankyou span{font-size:40px; font-weight:600; color:#db2b2b; line-height:40px; padding-bottom:10px; display:block;}
.thankyou big{ font-size:30px; font-weight:600; color:#000; line-height:30px; padding-bottom:20px; display:block;}
.thankyou p{font-size:17px; font-weight:400; color:#000; line-height:22px; }
.form_25per{ width:50%; height:auto; float:left; padding-right:4%; box-sizing:border-box;}
.form_25per:last-child{padding-right:0%;}
.padding5 select{ padding-top:15px; height:152px;}
.info-text{ width:auto; height:auto;  font-size:13px; font-weight:400; color:#000000; position: relative; padding-right:15px; padding-bottom:15px ; display:block; }
.PagerContainerTable .PagerOtherPageCells{ width:auto; float:left;}
.PagerContainerTable .PagerCurrentPageCell{ width:auto; float:left;     padding: 8px 16px; background:#2cc5d7; color:#FFFFFF;}
.main-50per{width:50%; height:auto; float:left;}
#lblError{ font-size:14px; font-weight:400; color:#FF0004; }
.select-category-box{  padding-bottom:5px; font-family: 'Ubuntu', sans-serif; color: #5c5c5c;
    font-size: 14px;
    font-weight: 400; padding-left:3px;}
.con p strong{ width:auto; height:auto; float:left;}
.con p i.mailto1{ width:auto; height:auto; float:left; position:relative;}
.con p i.mailto1:after{content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl; font-style:normal; padding-left:5px; font-size:14px; font-weight:400; color:#2cc5d7; line-height:20px; }


.mailto2{ width:auto; height:auto; float:left; position:relative;}
.mailto2:before{content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl; font-style:normal; padding-left:5px; font-size:14px; font-weight:400; color:#000; line-height:20px; }

.mailto3{ width:auto; height:auto; float:left; position:relative;}
.mailto3:before{content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl; font-style:normal; padding-left:5px; font-size:14px; font-weight:400; color:#000; line-height:20px; }

.mailto4{ width:auto; height:auto; float:left; position:relative;}
.mailto4:before{ content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl; font-style:normal; padding-left:5px; font-size:14px; font-weight:400; color:#000; line-height:20px; }

.mailto5{ width:auto; height:auto; float:left; position:relative;}
.mailto5:before{ content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl; font-style:normal; padding-left:5px; font-size:14px; font-weight:400; color:#000; line-height:20px; }
@media (max-width: 1024px) {
.books-det ul{  text-align:center;}
}
@media (max-width: 800px) {
	.details-pic-text span { width: 30%;}
	.details-pic-text samp { width: 67%;}
	.addresses-box3 li { width: 50%;}.main-50per { width: 100%;}
	.details-pic-text2 span {width: 25%;}
	.details-pic-text2 samp { width:72%;}
	.details-pic-text2 samp h2 { padding-right: 0%;}
	}
	
@media (max-width: 680px) {	
.details-pic-text samp .by small:after { display:none}
.details-pic-text samp .price {padding: 10px 0 10px 0;}
.form_25per {
    width: 100%;     margin-bottom: 10px;     padding-right:0%; }
	.form_100-per {
     margin-bottom: 10px; }
	 .form_25per {
    margin-bottom: 10px;}
	.form_25per:last-child {margin-bottom: 0px;}
	.books-det ul li div{height:auto; padding-bottom:15px;}

}

@media (max-width: 480px) {
.books-det ul li{width:205px; margin-right:13px; margin-left:13px; }
	.details-pic-text span { width: auto; margin-right:0; }
	.details-pic-text samp { width: 100%; padding-top:20px;}
	.form_50per{ width:100%;}
	.cap {width: 100%;height: auto;float: leftt; padding: 0px 0px 15px 0px; }
	.addresses-box3 li { width: 100%;}
	.page-title{ font-size:15px;width: 100%;padding-bottom:20px; padding-top:30px;}
	.back{ margin-bottom:20px;}
    .breadcrumb{ display:none;}
	
	.details-pic-text2 span {width: auto; margin-right: 0%; margin:0 auto 20px; text-align:center; display:table; float:none; }
	.details-pic-text2 samp { width:100%;}
	.details-pic-text2 samp h2, .details-pic-text2 samp h3, .details-pic-text2 samp h4, .details-pic-text2 samp p  { text-align:center; float:none;}
	.select-category-box{ display: block; padding-bottom:5px; font-family: 'Ubuntu', sans-serif; color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;}
	.padding5 select { height: 50px;}
}
@media (max-width: 380px) {
	.submit {padding: 14px 38px; font-size: 16px;}
	.reset {padding: 14px 38px; font-size: 16px;}
	
	}