/*************************************** Pawer by Jawed ******************************/
a {color:inherit; text-decoration:none}
a:focus,a:hover {color:#f58020;text-decoration:none}
.text-white {color:#FFF;}
.text-grey {color:#a0a0a0;}
.text-orange {color:#f58020; }
.text-narmal { font-weight:400!important; font-family: 'Roboto Light'!important;}
.text-bold { font-weight:800!important;}
.line-hite-160 {line-height:160%;}
.pad-top-25 {padding-top:25px;}
.top-sec {background:url(../images/banner-bg.png) #73818e bottom center no-repeat fixed;
padding:50px 0px 65px 0px; }
.white-sec { background-color:#fff; padding:40px 0px 65px;}
.grey-sec { background-color:#f3f3f3; padding:40px 0px 65px; color:#000;}
.video-sec {background:url(../images/video-bg.jpg) #2f1c0d bottom center no-repeat fixed;
 padding:65px 0px; }
.sub-sec {background:url(../images/subscribe-bg.jpg) #cd6d19 center center no-repeat fixed; padding:65px 0px; }
.top-sec,.white-sec,.grey-sec,.video-sec,.sub-sec {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:200px;
  }
.footer-sec {background-color:#333534; padding:15px 0px;}
.ftext-grey {color:#949494; padding:4px 0px;}
.f-nav{padding-left:0;margin-bottom:0;list-style:none; display:inline}
.f-nav>li{position:relative;display:block}
.f-nav>li>a{position:relative;display:block;padding:10px 15px;color:#949494;}
.f-nav>li>a:focus,.f-nav>li>a:hover{text-decoration:none;color:#f27c18;}
.f-navbar-nav > li {float: left;}
.f-navbar-nav{margin:1px -15px;}
.f-navbar-nav>li>a{padding-top:1px;padding-bottom:0px;line-height:20px;}
.f-navbar-right {float:right!important;margin-right:-15px}
ul.bullet {list-style-image: url(../images/bullet.png);	padding:0px 0px 0px 15px;}
ul.bullet li {margin: 10px 0px 10px 0px;padding:5px 0px 5px;}
.img-responsive2 {max-width: 100%;height: auto; text-align:right !important;}
.col-20 {position:relative;min-height:1px;padding:15px}
.col-20 { float:left}
.col-20 {width:20%}
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #f58020;
    border: 1px solid #f58020;
	color:#fff;
    border-radius: 15px;
}
.pager li > a:focus, .pager li > a:hover {
    text-decoration: none;
    background-color: #f58020;
}
.col-20 img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
.col-20 img:hover {
	-webkit-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75);	
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	}

.round-box {
	margin:15px auto;
	width: 147px;
	height: 147px;
	overflow:hidden;
    background-repeat: no-repeat;
    background-position: top center;
	background-repeat: no-repeat;
	background-color:#fff;	
	border-radius: 50%;
	text-align:center;
	color:#a0a0a0;
	border:3px #a0a0a0 solid;
	}	
.round-box1 {		
	background-image: url("../images/1-features.png");
	}
.round-box2 {		
	background-image: url("../images/2-features.png");
	}
.round-box3 {		
	background-image: url("../images/3-features.png");
	}
.round-box4 {		
	background-image: url("../images/4-features.png");
	}
.round-box5 {		
	background-image: url("../images/5-features.png");
	}
.round-box6 {		
	background-image: url("../images/6-features.png");
	}
	/*
.round-box:hover, .round-box1:hover, .round-box2:hover, .round-box3:hover, .round-box4:hover, .round-box5:hover, .round-box6:hover {
	background-color: #f58020;
	color:#FFF;
	background-position:bottom center;
	border:3px #f58020 solid;
	}
	*/
.activefea {background-color: #f58020;	color:#FFF;	background-position:bottom center !important;border:3px #f58020 solid;}
.text-orange-active {color:#f58020!important; }
.menu-mob {display:none !important;}
.menu-desk {display:block !important;}

/**** Gallery ****/

* {
  box-sizing: border-box;
}
.row > .column {
  padding: 0 8px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: 11.11111112%;
}
.column img {
	width:98%; margin:1px auto;
}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1040;
  padding-top: 80px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.80);
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 800px;
}
/* The Close Button */
.close {
  color: #fff!important;
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  opacity: 1;
}
.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.mySlides {
  display: none;
  text-align: center;
  padding-top:5px;
  padding-bottom:5px;
}
.mySlides img {
	max-width:100%; margin:0 auto;
}
.cursor {
  cursor: pointer
}
/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size:50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
   background-color: rgba(0, 0, 0, 0.35);
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration:none;
  color:#FFF;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #666;
  font-size: 16px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.caption-container {
  text-align: center;
  background-color: black;
  padding: 3px 16px 3px;
  color: white;
}
.demo {
  opacity: 0.6;
}
.active,
.demo:hover {
  opacity: 1;
}
img.hover-shadow {
  transition: 0.3s
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.g-btn-place { top:71%; right:-19%; text-align:right;position: relative;}

@media screen and (max-width: 1300px) { 
.g-btn-place { top:90%; }
}	

@media screen and (max-width: 767px) { 
.btn-block { display:inline; width: 100%; }
.g-btn-place { right:-22%;}
}

@media screen and (max-width: 481px) {
.prev,
.next { font-size:25px;}
.column {  width: 20%;}
}
/*** End Gallery ***/


/************************************************************************************
smaller than 1366
*************************************************************************************/
@media screen and (max-width: 1366px) {
	
		}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 991px) {	
.col-20 {width:33.33333333%}
	
}

/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {	
.menu-mob {display:block !important;}
.menu-desk {display:none !important;}	
}


/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 668px) {	
.col-20 {width:50%}
.col-20 img {max-width: 100%; height: auto; text-align:center; margin:0 auto;}
	
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 651px) {
	
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 481px) {	
	.ftext-grey {color:#949494; padding:4px 0px; text-align:center}
	.f-navbar-right {margin-right:10%}
	.col-20 {width:100%}	
}
/*Smartphone */
@media only screen and (max-width : 321px) {
	
	}

/*Smartphone */
@media only screen and (max-width : 240px) {
	
}