@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Convergence');
@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans');
/*.unleashing-nav .unleashing-navigation-wrapper,main{overflow-y:auto;-webkit-overflow-scrolling:touch}*/
.unleashing-nav .unleashing-navigation-wrapper,main{overflow:hidden; -webkit-overflow-scrolling:touch}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:"Open Sans",sans-serif;color:#243040;background-color:#fff; text-align: left;}
body,html{overflow-x:hidden}
main{position:relative;z-index:2;height:100vh; background-color:#fff;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);
-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;
-webkit-transition:-webkit-transform .7s;-moz-transition:-moz-transform .7s;transition:transform .7s;-webkit-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
-moz-transition-timing-function:cubic-bezier(.91,.01,.6,.99);transition-timing-function:cubic-bezier(.91,.01,.6,.99)}
.navigation-is-open main{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);
transform:translateX(50%)}
.unleashing-nav-trigger{position: absolute;z-index:3;left:10px;top:10px;height:54px;width:60px;  overflow:hidden;text-indent:100%;
white-space:nowrap;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s; background:#3e4870;  }
.unleashing-nav-trigger .unleashing-nav-icon{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);width:34px;height:2px;background-color:#fff}

.unleashing-nav-trigger .unleashing-nav-icon::before {content:'';position:absolute;top:0;right:0;width:70%;  height:100%;
background-color:inherit;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);
transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .5s,width .5s,top .3s;
-moz-transition:-moz-transform .5s,width .5s,top .3s;transition:transform .5s,width .5s,top .3s}

.unleashing-nav-trigger .unleashing-nav-icon:after{content:'';position:absolute;top:0;right:0;width:40%;  height:100%;
  background-color:inherit;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);
  transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .5s,width .5s,top .3s;
  -moz-transition:-moz-transform .5s,width .5s,top .3s;transition:transform .5s,width .5s,top .3s}

.unleashing-nav-trigger .unleashing-nav-icon::before{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;
-o-transform-origin:right top;transform-origin:right top;-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);
-o-transform:translateY(-6px);transform:translateY(-6px)}.unleashing-nav-trigger .unleashing-nav-icon::after{-webkit-transform-origin:right bottom;
-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;
-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px)}
.no-touch .unleashing-nav-trigger:hover .unleashing-nav-icon::after{top:2px}
.no-touch .unleashing-nav-trigger:hover .unleashing-nav-icon::before{top:-2px}
 
.navigation-is-open .unleashing-nav-trigger{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);
transform:rotate(180deg)}
.navigation-is-open .unleashing-nav-trigger .unleashing-nav-icon::after,.navigation-is-open .unleashing-nav-trigger .unleashing-nav-icon::before{width:50%;
-webkit-transition:-webkit-transform .5s,width .5s;-moz-transition:-moz-transform .5s,width .5s;transition:transform .5s,width .5s;  }
.navigation-is-open .unleashing-nav-trigger .unleashing-nav-icon::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);transform:rotate(45deg); left:17px;} 
.navigation-is-open .unleashing-nav-trigger .unleashing-nav-icon::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);transform:rotate(-45deg);  left:17px;}
.no-touch .navigation-is-open .unleashing-nav-trigger:hover .unleashing-nav-icon::after,.no-touch .navigation-is-open .unleashing-nav-trigger:hover .unleashing-nav-icon::before{top:0}
.navigation-is-open .unleashing-nav-trigger{position: fixed}
.unleashing-nav{position:fixed;z-index:2;top:0;left:0;height:100%;width:50%;  visibility:hidden;-webkit-transition:visibility 0s .7s;
-moz-transition:visibility 0s .7s; transition:visibility 0s .7s}
.unleashing-nav .unleashing-navigation-wrapper{height:100%; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;
-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);
-webkit-transition:-webkit-transform .7s;-moz-transition:-moz-transform .7s;transition:transform .7s;-webkit-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
-moz-transition-timing-function:cubic-bezier(.86,.01,.77,.78);transition-timing-function:cubic-bezier(.86,.01,.77,.78)}
.navigation-is-open .unleashing-nav{visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s}
.navigation-is-open .unleashing-nav .unleashing-navigation-wrapper{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);
-o-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s; box-shadow: 1px 0px 6px 1px rgba(26,30,77,0.47); background-color: #fff;
-webkit-transition-timing-function:cubic-bezier(.82,.01,.77,.78);-moz-transition-timing-function:cubic-bezier(.82,.01,.77,.78);
transition-timing-function:cubic-bezier(.82,.01,.77,.78)}
.blog-imgbox{ width:50%; height:100vh; overflow:hidden; position:relative; float:left;  } 
.top-imgbox{background:rgba(26,30,77,0.47) ; position:absolute; background-size:cover; top:0px; left:0px; width:100%; height:100%;}
.logo-unleashing{ width:165px; height:auto;   position:absolute; right:20px; top:20px;}
.header{ width:100%; height:100px;}
.banner-contentbox{ position:absolute; bottom:150px;}
.newsheading{ font-size:30px;  font-family: 'Courgette', cursive; padding:10px 20px; color:#fff; line-height: 40px; width: 80%; }
.postedtime{ font-size:15px; color:#fff; padding:0px 20px 20px 20px; font-family: 'Convergence', sans-serif;}
.bottom-nav{ width:100%; padding:0px 20px 20px 20px; position:absolute; bottom:0px; margin-bottom:30px; border-bottom:1px dashed #fff;}
.bottom-nav .older{ color:#fff;   font-family: 'Convergence', sans-serif; text-transform:uppercase; font-size:17px; text-decoration:none; padding:5px 20px 5px 0px;}
.bottom-nav .older span{ font-size:27px;  }
.bottom-nav .newer{ color:#fff;  font-family: 'Convergence', sans-serif; text-transform:uppercase; font-size:17px; text-decoration:none; padding:5px 20px 5px 0px;}
.bottom-nav .newer span{ font-size:27px; }
.blog-content{ width:50%; height:100vh; overflow:hidden; position:relative; float:left; padding:20px 0px 20px 20px; }
.blog-content .content{ padding-right: 20px;}
.blog-content h3{  color: #f58739; font-size: 22px ; font-weight: bold; font-family: 'Convergence', sans-serif;}
.content{  height:100vh; width:100%; }
.blog-content p{  font-size:16px; letter-spacing:0.5px; text-align: justify;
  text-justify: inter-word; padding:15px 0px; line-height:26px; font-family: 'Droid Sans', sans-serif; color:#000}
.blog-content .tag{  font-size:16px; letter-spacing:0.5px; padding:10px 0px; line-height:26px; margin-bottom: 10px; font-family: 'Convergence', sans-serif; color:#000; width:100%; border-bottom: 1px solid #ccc;}
  
.likebox{ display: inline-block; float: left; text-align: left; width: 33%; line-height: 30px; color: #888;}
.commentsview { display: inline-block; float: left; text-align: center; width: 33%; line-height: 30px;  color:#888;}
.commentsview img{ padding-top: 5px;}
.sharebox  { display: inline-block; float: left; text-align: right; width: 33%; line-height: 30px;  color:#888;}
.no-js main{height:auto;overflow:visible}
.no-js .unleashing-nav{position:static;visibility:visible}
.no-js .unleashing-nav .unleashing-navigation-wrapper{height:auto;overflow:visible;padding:100px 5%;-webkit-transform:translateX(0);-moz-transform:translateX(0);
-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.imgbox-blog-content{ width:100%;  text-align: left; margin:0px auto; clear: both; display: table}
.imgbox-blog-content img{ padding: 10px ;  border:1px solid #959595; max-width: 100%; float: left;     margin: 10px 10px 10px 0px;}

.videobox-blog-content{ width:100%; padding: 10px ; height:320px;  margin:20px 0px 10px 0px; border:1px solid #959595; }
.videobox-blog-content .videobox{ width:100%; overflow:hidden;  height:300px;}
.videobox-blog-content .videobox iframe{ width:100%; overflow:hidden;  height:300px;}
.flexsearch--wrapper {	height: auto;	width: auto; 	overflow: hidden;	background: transparent;	margin: 0 205px  0 90px;	position: static;}
.flexsearch--form {	overflow: hidden;	position: relative; border-bottom:1px solid #9d9d9d}
.flexsearch--input-wrapper {	padding: 0 66px 0 0; 	overflow: hidden; margin-top:11px}
.flexsearch--input {  width: 100%;}
.flexsearch {  padding: 0 ; }
.flexsearch--input {  -webkit-box-sizing: content-box; font-family: 'Questrial', sans-serif; letter-spacing:1px; background:none; border:0px;	-moz-box-sizing: content-box;	box-sizing: content-box; 	height: 40px;   margin-top: 15px;  color: #333;	font-size: 20px; padding:0 0 0 10px; 	-webkit-appearance: none;	-moz-appearance: none;}
.flexsearch--submit {  position: absolute;	right: 0;	top: 0;	display: block;	width: 40px;	height: 40px;  padding: 0;  border: none;	margin-top: 20px;   margin-right: 5px;	background: transparent;  color: #888;   
  font-size: 30px;  line-height: 60px; background:url(../img/search.png) no-repeat;}
.flexsearch--input:focus {  outline: none;  border-color: #333;}
.flexsearch--input:focus.flexsearch--submit { 	color: #333; }
.flexsearch--submit:hover {  color: #333;  cursor: pointer;}
::-webkit-input-placeholder {	color: #888;  }
input:-moz-placeholder {  color: #888}
.top-menu{ width:100%; height:13vh; min-height: 135px;  }
.tagbox{ width:100%;}


.search-result{ width:100%; height:auto;}
.contents{ margin:10px 0; height:79vh; }
.resultbox{ margin:0px; padding:0px; list-style:none; text-align:center;}
.resultbox li{ display:inline-block; width:31%; overflow:hidden; margin:10px 1% }
.resultbox li a{   min-height:300px; width:100%; text-align:center; display:block; position: relative; text-decoration: none; overflow:hidden;  }
.resultbox li a .imgbox{ height:220px; min-width:100%; overflow: hidden;}
.resultbox li a .imgbox img{ width: 100%; min-height: 220px;} 
.resultbox li a .content-boxmenu{ width:95%;  background-color:rgba(255, 255, 255, 0.87); position: absolute; top: 180px; border-radius: 1px; left:2.5%; right: 2.5%; padding: 10px; box-shadow:         1px 0px 6px 1px rgba(26,30,77,0.47)}
.resultbox li a h4{color: #000;  font-family: 'Convergence', sans-serif;    text-align:left; padding:5px ; height:50px; overflow:hidden; line-height:24px; margin:0px 0 10px 0}
.resultbox li a .postdate{color: #959595;  font-family: 'Convergence', sans-serif; font-size:12px;    text-align:left; padding:5px ;}

#our-team .close{ position:absolute; top:-15px; right:-15px; opacity:1;}
.Comments-box{ width:100%; position:relative; margin:20px 0; text-align: left;  }
.Comments-box h2{ color:#1c1f4c;  font-family: 'Courgette', cursive; font-size:26px; margin-bottom:30px;}
.comments-box-comments{color: #959595;  font-family: 'Convergence', sans-serif; font-size:16px;    }
.commentbox-content{ padding-left: 55px; line-height: 18px; padding-bottom: 10px; color: #000;     font-weight: normal; }
.clearbox{ clear:both}
.comments-div{ border-bottom:1px solid #c2c2c2; margin-bottom:20px;}
.imgbox-comments{ width:100%; margin:10px 0 }
.imgbox-cmm{ width:40px; height:44px; overflow:hidden; float:left;     margin-right: 10px;}
.imgbox-cmm img{ width:40px;}
.namebox{ display:inline-block; float: left;  }
.namebox h3{color: #000;  font-family: 'Convergence', sans-serif; margin:5px ;}
.namebox p{font-family: 'Convergence', sans-serif; margin: 0px 5px; padding:0px; font-size:12px; color: #959595; line-height:normal}
.titlebox-banner{width: 100%; height: 25px; overflow: hidden; line-height: 25px}
.text-banner{width: 100%; height: 50px; overflow: hidden; line-height: 24px}
.left-blogimg{ width: 100%; min-height: 100vh;}
.leave-replay{ width:100%; margin:50px 0 0 0;}
.leave-replay h3{color: #000;  font-family: 'Convergence', sans-serif; margin:0px 5px 0px 5px ;}
.leave-replay .form{ width:60%; float:left; display:block;}
.leave-replay .form label{ width:100%; display:block; margin-bottom: 5px;}
.leave-replay .form .form-group{ margin-bottom:15px;}
.leave-replay .form input{ width:100%; display:block; border:1px solid #1c1f4c; line-height:40px; border-radius: 0px; height:40px; font-family: 'Convergence', sans-serif; padding:5px 10px; outline:none;}
.leave-replay .form textarea { width:100%; display:block; border:1px solid #1c1f4c; line-height:24px;  border-radius: 0px;font-family: 'Convergence', sans-serif;  padding:5px 10px; outline:none;}
.leave-replay .form .submit{ width:50%; display:block; color: #fff; cursor:pointer;  height:60px; line-height: 50px; background-color: #1c1f4c; font-family: 'Convergence', sans-serif;   padding:5px 10px; font-weight:bold; text-transform:uppercase; outline:none;}
 
.list-share{     margin: 0px; list-style: none; display: inline; float:right; }
.list-share li{ width:30px; height:30px; float:left; text-align: center;   }
.list-share li a i{font-size:18px; color:#888; line-height:30px;}
.list-share li a { color:#000 !important; background:#fff; width:30px; height:30px;  margin:2px auto}
.list-share li a:hover i{ color:#000;}  
.bottom-slider{ width:90%; position:absolute; bottom:20px; background:#fff; left:20px; height:100px;  }
.bottom-slider .news{ width:100%; height:100px;}
.bottom-slider .news .item{ width:100%; height:100px;}
.bottom-slider .news .item .imgbox{ width:150px; overflow:hidden; height:100px; float:left;} 
.bottom-slider .news .item .imgbox img { width:150px; min-height: 100px;}
.bottom-slider .news .item .textbox{font-family: 'Convergence', sans-serif; color:#000; line-height:20px; text-decoration: none;   font-size:16px; height:100px; overflow: hidden; padding:15px 10px }
.title-font{ color:#f58330}
.bottom-slider .news .item a:hover{ text-decoration: none;}
.bottom-slider .news .item a:hover .title-font{ text-decoration: underline;}
.carousel-control.right{    background: #1c1f4c;    width: 52px ; line-height: 55px;   height: 49px; margin-bottom: 1px; opacity: 1;    font-size: 20px;        right: -6.1%;    ;top: -1px}	
.carousel-control.left{    background: #1c1f4c;    width: 52px;  line-height: 55px;  height: 50px;    font-size: 20px; opacity: 1;      right: -6.1%;  left:auto;    top:50px;}	
.carousel-control.right:hover, .carousel-control.left:hover{ opacity: 0.8;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {    margin-right: -14px;  }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{  margin-left: -14px;  } 
.bookmark{ width:15px; height:28px; float:left; background:url(../img/Bookmark.png) no-repeat center center; margin-top:5px}
.bookmark.active{width:15px; height:28px; background:url(../img/Bookmark-active.png) no-repeat center center; margin-top:5px}
.bookmark-div{ width:50px; background:#fff; text-align:center; border:10px solid #fff; padding:0px;  height:50px; border-radius:10px; position:fixed; bottom:15px; right:25px; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; display:none; transition: all 0.5s ease;}
.bookmark-div:hover { width:300px; height:200px; border-radius:5px; overflow:hidden; } 
.bookmark-div:hover .bookmark-count, .bookmark-div:hover .bookimg{ display:none;}
.bookmark-count{ position: absolute; top:-20px; right:-20px; width:20px; height:20px; background:#F00;font-family: 'Convergence', sans-serif; font-size:13px; border-radius:50%; line-height:20px; color:#fff;}
.bookmark-div:hover .article{ width:100%;  display:block;}
.article{ width:100%; height:75px; display:none; border-bottom:1px dotted #000; }
.articlebox{ height:200px; width:100%;}
.article .imgbox{ width:70px; height:60px; float:left; margin:5px 0 }
.article .imgbox img{ width:100%; min-height:60px;}
.article .textbox{   width:210px; float:left; text-align:left; height:75px;  padding:0px 15px 0px 10px; font-size:12px; line-height:20px;}
.article .textbox p{height:45px; overflow:hidden; width:100%; }
.tag-link{ display: inline-block; background: #1c1f4c ; font-size: 14px; padding: 2px 10px ; color: #fff; margin: 0px 3px;}
footer{ display: block;  padding: 10px;  color: #949494;  border-top: 1px solid #949494; font-size: 13px;  margin-top: 20px;}
.related-blogs-h2 {  color: #1c1f4c;  font-family: 'Courgette', cursive;  font-size: 26px;  margin-bottom: 30px;}
.moreblog{background: #f5883b; position: absolute; top:-15px; left: 10px; z-index: 100; padding: 5px 10px; font-weight: bold; color: #fff;}
.moreblog:before{ content: ''; background-image: url(../img/more-blog-left.png); width:8px; height: 15px; position: absolute;     left: -8px;   top: 0px;}
.moreblog::after{ content: ''; background-image: url(../img/more-blog-right.png); width:8px; height: 15px; position: absolute;     right: -8px;   top: 0px;}
.loginbut{ position:absolute; top:10px; right:10px; background: #1c1f4c; width: 180px; height: 55px; z-index: 1021;  line-height: 55px; color: #fff; text-align: center;} 
.logo-unleashing-inner {  width: 165px;   height: auto;   position: absolute;   left: 90px;   top: 10px; }
.logo-unleashing-inner img{ height: 55px;}
.header-inner{ width: 100%; height: 75px; background-color: #1c1f4c;}
.inner-html{ padding: 100px 0;}
.inner-html h1{ text-transform: uppercase; font-size: 36px;     font-family: 'Convergence', sans-serif; margin-bottom: 20px; font-weight: bold; margin-top: 50px;}
.p-text{ font-size: 16px; line-height: 24px; letter-spacing: 1px;}
.newsheading-h1 {    font-size: 30px;    font-family: 'Courgette', cursive; color: #1c1f4c;    line-height: 40px; width: 85%; margin-bottom: 30px; font-weight: bold;margin-right: 15%  }
.loginbut:hover{ color: #FFF; text-decoration: none;}
.loginbut .btnname{background: #1c1f4c; width: 150px; height: 55px; text-align: left; line-height: 55px; padding: 0px; color: #fff; float: left; border: 0px; }
.loginbut .btnarrow{background: #1c1f4c; width: 30px; height: 55px; line-height: 55px; color: #fff; float: left; border: 0px; } 
.imgbox-user{ width: 30px; height: 45px; line-height: 45px; margin: 5px 10px 5px 5px; float: left; background: #000; }
.imgbox-user img{ width: 100%}
.book-inner{ padding: 50px ;}
.book-inner h1{ text-transform: uppercase; font-size: 36px;     font-family: 'Convergence', sans-serif; margin-bottom: 30px; font-weight: bold; margin-top: 0px;}
.p-l15{padding-left: 15px; }
.like-sharebox{ border: 1px solid #c2c2c2; padding: 20px; margin: 30px 0px ; width: 100%; display: block ; clear: both; height: 70px;}
.video-icon{ width: 100%; height: 220px; background-color: rgba(0,0,0,0.41); position: absolute; top:0px; left: 0px; line-height: 220px; font-size: 50px; color:#fff}
.product-list-view{ margin:0px; padding:0px; list-style:none; clear:both;  width:100%; text-align: center;}
.product-list-view li{ width:270px; position:relative; margin:5px 0.5% 10px; background:#fff; border:1px solid rgba(0,0,0,0.1); height:auto; min-height:390px; display: inline-block; padding:20px 0 0 0 ;}
.product-list-view li:hover:after, .product-list-view li:hover:before{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
.product-list-view li:hover:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}
.product-list-view li .imgbox{ width:100%; height:250px; line-height:250px; text-align:center}
.product-list-view li .imgbox img{ height:220px; max-width:100%; -webkit-box-shadow: 0 8px 6px -6px black;  -moz-box-shadow: 0 8px 6px -6px black;          box-shadow: 0 8px 6px -6px black;}
.product-list-view li .product-info{ width:100%;  height:100px; }
.product-list-view li .product-info .prodcut-header{ height:70px;width:100%;   font-size:16px; text-align:center; line-height:20px; padding:10px;}
.product-list-view li .buyadd{ position:absolute;   display:none; top:0px; left:0px; width:100%; height:100%; background:rgba(41,87,164,0.1)}
.product-list-view li:hover .buyadd{ display:block; }
.productbuy-now .buynow{ padding:10px 15px; float:left;text-decoration:none; font-size:14px; letter-spacing:0.5px; margin :170px 0 0 20px; background:#333; color:#fff; border-radius:3px; border:0px;}
.productbuy-now .buynow:hover{ background:#666; text-decoration:none}
.productbuy-now .addtocart{ padding:10px 15px; float:right;text-decoration:none;  font-size:14px; letter-spacing:0.5px; margin :170px 20px 0 0 ; background:#2957a4; color:#fff; border-radius:3px; border:0px; outline:0px;}
.productbuy-now .addtocart:hover{ background:#18448d;text-decoration:none; }
.pricetag{padding:  8px; color:#000; font-size:24px; text-align:center   }
.pricetag .discount-price{  padding-right:15px; display:inline-block;}
.pricetag .Price{   padding-right:15px; color:#CCC; position:relative; display:inline-block;}
.pricetag .Price:before{     content: '';    width: 80%;    height: 1px;    position: absolute;    background: #CCC;    top: 11px;    left: 0px; }
.pricetag .offers{   color:#fff; position:absolute; text-align:center; top:0px; right:0px; font-size:13px; line-height:20px; width:50px; height:20px; background:#84c126}
.height-auto{ height: auto;}

.content-ulli{ margin: 0px; padding: 0px; list-style:square; padding-left: 17px; margin-bottom: 15px}
.content-ulli li{margin: 5px; line-height: 22px; font-size: 16px; text-align: justify;   text-justify: inter-word; font-family: 'Droid Sans', sans-serif;}
.product-details{ width:100%; margin:50px 0}
.product-details .product-img{ width:50%; float:left;}
.product-details #gallery_01 { margin:10px 0; }
.product-details #gallery_01 img{width:120px;border:1px solid rgba(0,0,0,0.1);}
.product-details .active img{border:1px solid rgba(0,0,0,0.8)!important;}
.product-details .product-img-view{ width:100%; height:740px; text-align:center; overflow:hidden;  border:1px solid #c2c2c2; margin-bottom:10px;}  
.product-details .product-img-view #img1{ max-width:100%; height:700px; margin:20px 0}
.product-details .product-details-box{ width:50%; float:left;}
.product-details .product-details-box h3{ margin:0px;   padding:0 15px; line-height:36px; color:#000; font-size:30px}
.product-details .product-details-box p{ margin:10px; padding:5px 15px; font-size:16px; line-height:19px; color:#000; }
.product-details .product-details-box .price-tag{ margin:25px 15px 30px;}
.product-details .product-details-box .price-tag .discount-price{ font-size:30px;  float:left; padding:0 5px; height:30px; }
.product-details .product-details-box .price-tag .Price{  font-size:20px;  line-height:30px; margin:10px 5px 0 5px; float:left; color:#CCC; position:relative; display:inline-block;}
.product-details .product-details-box .price-tag .Price:before{content: '';    width: 80%;    height: 2px;    position: absolute;    background: #CCC;    top: 45%;    left: 0px; }
.product-details .product-details-box .price-tag .offers{   color:#00a859; font-size:20px; padding-right:15px; line-height:30px; margin:10px 5px 0 5px;  float:left;    }
.product-details .product-details-box  .stock{ margin:20px 20px 0; font-size:18px; border-bottom:0px solid #c2c2c2; }
.buyadd-div{ padding:20px 20px; width: 100%; display: block; margin-bottom: 20px  ;}
.buyadd-div .buynow{ padding:10px 20px; font-size:16px; background:#00a859; letter-spacing:1px; text-decoration:none; color:#fff; border-radius:5px; float:right; border:0px;  }
.buyadd-div .addtocart{ padding:15px 20px; font-size:16px; background:#ef4f01; letter-spacing:1px; height: 50px; text-decoration:none; color:#fff; border-radius:0px; float:left; border:0px; outline: none;  }


.video-details{ width:100%; margin:50px 0}
.video-details .video-details-box{ width:100%; float:left; margin-bottom: 40px;}
.video-details .video-details-box h3{ margin:0px;   padding:0 ; line-height:30px; font-weight: bold; color:#000;text-align: left; font-size:24px}
.video-details .video-details-box p{ margin:10px 0; padding:5px 0px; font-size:16px; line-height:19px; color:#000; text-align: left; }
.video-iframe iframe{ width: 100%; height: 500px;}
.video-iframe { margin-bottom: 50px;}
.audio-img{ height: 300px; width: 100%; margin-bottom: 50px; text-align: center;}
.audio-img img{ height: 300px;}
.audio {text-align: center;}

input[type=text], select, textarea {  width: 100%;   padding: 12px;   border: 1px solid #ccc;   margin-top: 6px;   margin-bottom: 16px;   resize: vertical; }
.submitbtn {   background-color: #4CAF50;   color: white;   padding: 12px 20px;   border: none;   cursor: pointer; }
.submitbtn:hover {   background-color: #45a049; }



/* Create two columns that float next to eachother */
.column {   float: left;   width: 50%;   margin-top: 6px;   padding: 20px; 
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.container{position: relative}
.ads{ text-align: center; margin: 15px 0px; border: 1px solid #c2c2c2; padding: 5px; display: inline-block}
.left-ads{position: fixed; top:200px; width: 170px; left:170px;     height: 610px;  padding: 5px;    border: 1px solid rgba(204,204,204,0.5);}
.left-ads iframe{ width: 160px;  height: 602px; }
.right-ads{position: fixed; top:200px; width: 170px; right:170px;     height: 610px;  padding: 5px;    border: 1px solid rgba(204,204,204,0.5);}
.right-ads iframe{ width: 160px;  height: 602px; }

.contactbox{ padding: 50px;}
.contactbox h3{ font-size: 26px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase}
.contactbox p{ font-size: 17px; line-height: 26px; margin-top: 15px}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}



@media  screen and (max-width: 1440px) { 
  .blog-content p{    font-size: 14px;     line-height: 18px;}
  .commentbox-content { line-height: 17px;  font-size: 13px;}
  .namebox h3{font-size: 18px;}
  .Comments-box h2{font-size: 20px;}
  .commentsview, .likebox, .sharebox, .list-share li a i, .leave-replay .form label{font-size: 14px;}
  .newsheading {  font-size: 27px;   line-height: 34px;} 
  .bottom-slider .news .item .textbox { font-size: 13px; height: 99px;  padding: 10px 10px;}
  .carousel-control.right, .carousel-control.left{width: 37px;}
}
@media  screen and (max-width: 768px) {
  .blog-imgbox, .blog-content{ width: 100%; height: auto;}
  .left-blogimg{min-height: auto;}
  .blog-imgbox{height: 600px;}
  main{ height: auto;}
  .content{height: auto;}
  .unleashing-nav{ width: 100%;     z-index: 102;}
  .unleashing-nav-trigger{z-index: 103;}
  .top-menu{ height: auto;}
  .contents{ height: auto;}
  .navigation-is-open .unleashing-nav {position: absolute;     height: auto;}
	.ads, .left-ads, .right-ads{display: none}
} 
@media  screen and (max-width: 480px) {
  .resultbox li{ width: 47%;}
  .left-blogimg{ min-height: 600px;}
  .bottom-slider .news .item .textbox p {display: none;}
  .bottom-slider .news .item .textbox p.title-font{display: block !important; font-size: 16px;}
  .bottom-slider {    width: 94%;   bottom: 5px;  background: #fff;  left: 0; }
  .leave-replay .form{ width: 100%;}
  .likebox, .commentsview, .sharebox{ width: 100% ; text-align: left;}
}
@media  screen and (max-width: 480px) {
  .resultbox li{ width: 97%;}
}

header{position:relative;width:100%;background:#f5883b; margin-top: 20px; z-index: 1020;}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#fff;float:left;width:15%; display: none;}
.logo a{color:#fff; }
nav{position:relative;width:100%;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{ text-transform: uppercase; }
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#1c1f4c!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:210px;font-size:14px;text-decoration:none;color:#fff;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:769px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none; display: block;}
.logo a{color:#fff; display: block;}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}