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

body {
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Roboto', sans-serif;
background:url(../images/bg.png)
}
#box1 {
	height:auto !important;
	padding:0px 0px;
	width:100%;
	background-attachment:fixed;
	background-size:cover;
	display:table;
}
.col-sm-9{ background:#fff; padding:15px; box-shadow:0px 1px 1px #ccc;}

#boxmain {
	height:510px;
	width:100%;
	background:url(../images/bannerbg.jpg) no-repeat center top;}

#box2 {
	height:auto !important;
	padding:50px 0px 0px;
	width:100%;
	background:#fff;
	text-align:center;
}
#box3 {
	height:auto !important;
	padding:20px 0px 40px;
	width:100%;
	background:#2c2c2c ;
	background-attachment:fixed;
	background-size:cover;
	display:table;
	text-align:center;
}
#box4 {
	height:auto !important;
	padding:50px 0px;
	width:100%;
	background:url(../images/contactbg.jpg) no-repeat;
	background-size:cover;
	display:table;
	text-align:center;
}
#box5 {
	height:auto !important;
	padding:50px 0px;
	width:100%;
	background:url(../images/probg.jpg) no-repeat center top;
	background-attachment:fixed;
	background-size:cover;
	display:table;
	text-align:center;
}
.gallery {
	display: inline-block;
	margin-top: 20px;
}/*BOX1 START CSS Document *//*PHONE*/
.bannerBgMain {
	width:100%;
	height:auto;
	margin:auto;
}
.phoneimg {
	width:422px;
	height:518px;
	background:url(../images/Webp.net-gifmaker.gif) no-repeat bottom left;
	margin-top:150px;
	float:left;
}
.phoneimg:hover {
	background:url(../images/phone2.png) no-repeat;
}
.rainBg {
	width:480px;
	height:550px;
	background:url(../images/RAIN.png) no-repeat;
	float:left;
	margin-top:100px;
}
.iconBg {
	width:280px;
	height:550px;
	float:left;
	margin-top:100px;
}
.iconBg img[name="first"] {
	margin-left:-100px;
	background:url(../images/icon1.png) no-repeat;
}
.iconBg img[name="sec"] {
	margin:48px 0px 0px -24px;
}
.iconBg img[name="third"] {
	margin:50px 0px 0px -10px;
}
.iconBg img[name="fourth"] {
	margin:55px 0px 0px -25px;
}
.iconBg img[name="fifth"] {
	margin:53px 0px 0px -105px;
}
.texBg {
	float:left;
	position:absolute;
	z-index:99;
	right:30px;
	top:100px;
}
.texBg p[data="1"] {
	font:normal 34px/45px 'Roboto', sans-serif;
	color:#fff;
	margin:49px 0px 0px -60px;
}
.texBg p[data="2"] {
	font:normal 34px/45px 'Roboto', sans-serif;
	color:#fff;
	margin:49px 0px 0px 20px;
}
.texBg p[data="3"] {
	font:normal 34px/45px 'Roboto', sans-serif;
	color:#fff;
	margin:55px 0px 0px 30px;
}
.texBg p[data="4"] {
	font:normal 34px/45px 'Roboto', sans-serif;
	color:#fff;
	margin:55px 0px 0px 0px;
}
.texBg p[data="5"] {
	font:normal 34px/45px 'Roboto', sans-serif;
	color:#fff;
	margin:55px 0px 0px -60px;
}/*ABOUT*/
.textbg {
	padding:110px;
	min-height:300px;
	background:#F4F4F4;
	margin:50px 0px 50px;
	box-shadow:0px 1px 1px #ccc;
}
.textbg h1 {
	font:normal 27px/45px 'Roboto', sans-serif;
	color:#2b2b2b !important; text-align:left;
}
.textbg p {
	font:normal 14px/26px 'Open Sans', sans-serif;
	color:#3d3d3d;
}
.tv {
	margin:50px 0px; box-shadow:0px 1px 1px #ccc;
}/*servisec*/
.padder {
	padding-top:150px;
}
.box1 {
	background:#e0e0e0;
	min-height:352px;
	padding:10px;
}
.box1 h1 {
	font:normal 18px/20px 'Roboto', sans-serif;;
	color:#ca0700 !important; text-transform:uppercase; margin:20px 0px; text-align:center !important;
}
.box1 p {
	font:normal 14px/18px 'Roboto', sans-serif;, Tahoma, Geneva, sans-serif;
	color:#ooo;
	margin-top:20px;
}
.box1 a {
	font:normal 14px/48px 'Roboto', sans-serif;, Tahoma, Geneva, sans-serif;
	color:#900;
	margin-top:30px;
}

.box2 {
	background:#e0e0e0;
	
	padding:10px;
}


@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
.col-item {
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	background: #FFF;
}
.col-item .photo img {
	margin: 0 auto;
	width: 100%;
}
.col-item .info {
	padding: 10px;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
}
.col-item:hover .info {
	background-color: #F5F5DC;
}
.col-item .price {/*width: 50%;*/
	float: left;
	margin-top: 5px;
}
.col-item .price h5 {
	line-height: 20px;
	margin: 0;
}
.price-text-color {
	color: #219FD1;
}
.col-item .info .rating {
	color: #777;
}
.col-item .rating {/*width: 50%;*/
	float: left;
	font-size: 17px;
	text-align: right;
	line-height: 52px;
	margin-bottom: 10px;
	height: 52px;
}
.col-item .separator {
	border-top: 1px solid #E1E1E1;
}
.clear-left {
	clear: left;
}
.col-item .separator p {
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}
.col-item .separator p i {
	margin-right: 5px;
}
.col-item .btn-add {
	width: 50%;
	float: left;
}
.col-item .btn-add {
	border-right: 1px solid #E1E1E1;
}
.col-item .btn-details {
	width: 50%;
	float: left;
	padding-left: 10px;
}
.controls {
	margin-top: 20px;
}
[data-slide="prev"] {
margin-right: 10px;
}
.redg{
	width:100%; padding:40px 0px 40px; background:#fff;
}
.redg h1{ text-align:center; color:#ca0700 !important;}

.tytelText {
	color: #fff !important;
	text-align:center !important;
	font-weight: normal;
	font-family:'Roboto', sans-serif;
	font-size:36px;
	line-height: 60px;
	
}
.tytelText2 {
	color: #000 !important;
	text-align:center !important;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;;
	font-size: 36px;
	line-height: 60px;
	
}

/********************contact********************/
.contactBg {
	text-align:center;
	height:100vh;
	width:100%;
}

.conBgn{padding:50px 0px 50px !important; }
.girl1 {
	z-index:99999 !important;
	width:100%;
	min-height:400px;
	margin:auto;
	background:url(../images/bg.png)

}
.gray-bg {
	background:#fff;
	
	text-align:center;

	margin-top:15px;
	 box-shadow:0px 1px 1px #ccc;
    top:50%;
    bottom:0;
    left:10px;
    right:10px;

	
}

.gray-bg:hover{	
	 -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
	 }



.white-bg {
	background:#fff;

	text-align:center;
	
	margin-top:15px;
	 box-shadow:0px 1px 1px #ccc;
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
}

.white-bg:hover{	
	 -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    top:50%;
    bottom:0;
    left:10px;
    right:10px; }



.footermenubg { 
	background:#000;
	min-height:200px;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
footer {margin-top:30px !important;
	background-color:#414142;
	min-height:350px;
	font-family: 'Open Sans', sans-serif;
	padding:0px 0px 30px 0px;
	
	
}
.footerleft {
	margin-top:50px;
}
.logofooter {
	line-height:40px;
	margin-bottom:0px;
	font-size:18px;
	color:#afadad;
	font-weight:700;
}
.footerleft p {
	color:#9d9d9e;
	font-size:14px !important;
	font-family: 'Open Sans', sans-serif;
}
.footerleft p i {
	width:20px;
	color:#999;
}
.paddingtop-bottom {
	margin-top:50px;
}
.footer-ul {
	list-style-type:none;
	padding-left:0px;
	margin-left:2px;
	font-size:14px !important;
	font-family: 'Open Sans', sans-serif;
	line-height:35px;
	border-bottom:1px dotted #332f31;
}
.footer-ul li {
	font-size:14px !important;
	font-family: 'Open Sans', sans-serif;
	line-height:35px;
	border-bottom:1px dotted #332f31;
}
.footer-ul li a {
	font-size:12px !important;
	font-family: 'Open Sans', sans-serif;
	color:#9d9d9e;
	transition: color 0.2s linear 0s, background 0.2s linear 0s;
	line-height:35px;
}
.footer-ul i {
	margin-right:10px;
}
.footer-ul li a:hover {
	transition: color 0.2s linear 0s, background 0.2s linear 0s;
	color:#fff;
}
.social:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.icon-ul {
	list-style-type:none !important;
	margin:0px;
	padding:0px;
}
.icon-ul li {
	line-height:75px;
	width:100%;
	float:left;
}
.icon {
	float:left;
	margin-right:5px;
}
.copyright {
	min-height:40px;
	background-color:#000;
}
.copyright p {
	text-align:left;
	color:#FFF;
	padding:10px 0;
	margin-bottom:0px;
}
.heading7 {
	line-height:40px;
	margin-bottom:0px;
	font-size:18px;
	color:#afadad;
	font-weight:700;
	border-bottom:1px solid #332f31;
}
.post p {
	font-size:12px;
	color:#FFF;
	line-height:20px;
}
.post p span {
	display:block;
	color:#8f8f8f;
}
.bottom_ul {
	list-style-type:none;
	float:right;
	margin-bottom:0px;
}
.bottom_ul li {
	float:left;
	line-height:40px;
}
.bottom_ul li:after {
	content:"/";
	color:#FFF;
	margin-right:8px;
	margin-left:8px;
}
.bottom_ul li a {
	color:#FFF;
	font-size:12px;
}
.menuBg {
	width:100%;
	background:#fff;
	
}
.mainBg {
	width:100%;
	padding-bottom:0px;
	padding-top:30px;
	
	
}
.mainBg h1{ color:#000;}

.ext-menu a {
	display:inline-block;
	text-decoration:none;
	font:bold 12px/22px Arial, Helvetica, sans-serif;
	color:#006;
	margin:8px 15px;
}
.socialBg {
	text-align:right;
	margin-top:15px;
}
.sociaticon {
	float:right;
}
.sociaticont {
	float:right;
	margin:0px 8px;
}
.sidemenu {
	width:100%;
	min-height:400px;
	background:#ccc !important;
	opacity:none;
	margin-top:20px;
	border-radius:4px;
}
h3 {
	font:normal 22px/24px Tahoma, Geneva, sans-serif;
	color:#0e509f;
	text-transform:uppercase;
}


.vertical-menu { text-transform:uppercase; border-radius:2px;
color:#fff; width:100%;background-color: #2b2b2b; /* Set a width if you like */
box-shadow:0px 1px 1px #ccc;
}
.vertical-menu h2{ font:normal 16px/40px Arial, Helvetica, sans-serif; color:#fff; margin-left:16px;}
.vertical-menu a {
	border-bottom:1px solid #f1f1f1; font-size:12px;
	background-color: #fff; /* Grey background color */
	color: #000; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 8px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
}
.vertical-menu a:hover {
	background-color: #f5f5f5;
	color: #000; /* Dark grey background on mouse-over */
}
.vertical-menu a.active {
	background-color: #fff !important; /* Add a green color to the "active/current" link */
	color:#000;
}
.fa {
	padding: 10px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	margin: 2px 2px;
    border-radius: 100%;
    width: 41px;
}
.fa:hover {
	opacity: 0.9;
	-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;
}
.fa-facebook {
	background: #3B5998;
	color: white;
}
.fa-twitter {
	background: #55ACEE;
	color: white;
}
.fa-google {
	background: #dd4b39;
	color: white;
}
.fa-linkedin {
	background: #007bb5;
	color: white;
}
.fa-youtube {
	background: #bb0000;
	color: white;
}
.fa-instagram {
	background: #125688;
	color: white;
}
.fa-pinterest {
	background: #cb2027;
	color: white;
}
.fa-snapchat-ghost {
	background: #fffc00;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.fa-skype {
	background: #00aff0;
	color: white;
}
.fa-android {
	background: #a4c639;
	color: white;
}
.fa-dribbble {
	background: #ea4c89;
	color: white;
}
.fa-vimeo {
	background: #45bbff;
	color: white;
}
.fa-tumblr {
	background: #2c4762;
	color: white;
}
.fa-vine {
	background: #00b489;
	color: white;
}
.fa-foursquare {
	background: #45bbff;
	color: white;
}
.fa-stumbleupon {
	background: #eb4924;
	color: white;
}
.fa-flickr {
	background: #f40083;
	color: white;
}
.fa-yahoo {
	background: #430297;
	color: white;
}
.fa-soundcloud {
	background: #ff5500;
	color: white;
}
.fa-reddit {
	background: #ff5700;
	color: white;
}
.fa-rss {
	background: #ff6600;
	color: white;
}

.navbgicon{font-size:30px;cursor:pointer; background:#575757; margin-right:30px; margin-top:20px; color:#fff; position:fixed; right:10px; top:0px; padding:0px 10px; z-index:9999999;}

.gallery
{
    display: inline-block;
    margin-top: 20px;
}
/* Desktop/Laptop/Others - 980px */
.img_responsive {
	display: block;
	width: 100%;
	line-height: 0;
	height: auto;
}
.mob_only {
	display: none;
}
.tab_only {
	display: none;
}
.desk_only {
	display: block;
}
.desk_hider {
	display: none;
}/* floating classes */
.floater, .floater li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.float_2 li {
	width: 50%;
	float: left;
}
.float_2x li {
	width: 50%;
	float: left;
}
.float_3 li {
	width: 33.33333%;
	float: left;
}
.float_4 li {
	width: 25%;
	float: left;
}
.float_4x li {
	width: 25%;
	float: left;
}/* Tab 999px - 768px */
@media only screen and (max-width: 999px) {
.mob_only {
display: none;
}
.tab_only {
display: block;
}
.desk_only {
display: none;
}
.desk_hider {
display: block;
}
.tab_hider {
display: none;
}
.wrapper {
width: 95%;
}/* Floating Classes */
.float_2 li {
width: 100%;
float: none;
}
.float_3 li, .float_4 li {
width: 50%;
float: left;
}
.float_4x li {
width: 33.33333%;
float: left;
}
.phoneimg {
display:none;
}
.rainBg {
display:none;
}
.texBg {
display:none;
}
.iconBg {
display:none;
}
.padder {
padding:15px 0px 0px 0px;
}
.girl {
display:none;
}/* Mobile banner 480px */
.mobbanner {
width:100%;
min-height:100vh;
text-align:center;
}
.mobbanner logo {
text-align:center;
}
.mobiletext {
width:100%;
margin:20px auto;
}
.mobiletext div {
width:100%;
}
.mobiletext div span {
font:bold 22px/40px Arial, Helvetica, sans-serif;
color:#fff;
}
.conBgn{padding:40px 0px !important; }
}
/* Mobile 480px - 767px */
@media only screen and (max-width: 767px) {
#box1 {
height:auto !important;
padding:30px 0px;
}
#boxmain {
height:100vh !important;
padding:30px 0px;
}
#box2 {
height:auto !important;
padding:30px 0px;
}
#box3 {
height:auto !important;
padding:30px 0px;
}
#box4 {
height:auto !important;
padding:30px 0px;
}
#box5 {
height:auto !important;
padding:30px 0px;
}
.girl {
background:none;
}
.phoneimg {
display:none;
}
.rainBg {
display:none;
}
.texBg {
display:none;
}
.iconBg {
display:none;
}
.padder {
padding:15px 0px 0px 0px;
}
.girl {
display:none;
}/* Mobile banner 767px */
.mobbanner {
width:100%;
min-height:100vh;
text-align:center;
}
.mobbanner logo {
text-align:center;
}
.mobiletext {
width:100%;
margin:20px auto;
}
.mobiletext div {
width:100%;
}
.mobiletext div span {
font:bold 22px/40px Arial, Helvetica, sans-serif;
color:#fff;
}
.mobile-contact {
width:100%;
height:100vh;
background:#999 !important;
margin-bottom:25px;
}
.ext-menu {
display:none;
}
.logobg a img {
max-width:100px;
height:auto !important;
}
.socialBg {
display:none;
}
.sociaticon {
display:none;
}
.sociaticont {
display:none;
}
.vertical-menu {width:100%; min-height:auto !important; padding:0px; margin-left:-0px;  /* Set a width if you like */
}
.pmo0{ padding:0px; margin-top:10px;}
.mt20{ margin-top:0px !important;}

.conBgn{padding:40px 0px !important; }
}
/* Mobile Below 480px */
@media only screen and (max-width: 479px) {
#box1 {
height:auto !important;
padding:30px 0px;
}
#boxmain {
height:100vh !important;
padding:30px 0px;
}
#box2 {
height:auto !important;
padding:30px 0px;
}
#box3 {
height:auto !important;
padding:30px 0px;
}
#box4 {
height:auto !important;
padding:30px 0px;
}
#box5 {
height:auto !important;
padding:30px 0px;
}
.phoneimg {
display:none;
}
.rainBg {
display:none;
}
.texBg {
display:none;
}
.iconBg {
display:none;
}
.padder {
padding:15px 0px 0px 0px;
}
.girl {
display:none;
}/* Mobile banner 480px */
.mobbanner {
width:100%;
min-height:100vh;
text-align:center;
}
.mobbanner logo {
text-align:center;
}
.mobiletext {
width:100%;
margin:20px auto;
}
.mobiletext div {
width:100%;
}
.mobiletext div span {
font:bold 22px/40px Arial, Helvetica, sans-serif;
color:#fff;
}/* Mobile copntact 480px */
.mobile-contact {
width:100%;
height:100vh;
background:#999 !important;
margin-bottom:25px;
}
.ext-menu {
display:none;
}
.logobg a img {
max-width:100px;
height:auto !important;
}
.socialBg {
display:none;
}
.sociaticon {
display:none;
}
.sociaticont {
display:none;
}
.vertical-menu {width:100%; min-height:auto !important; padding:0px; margin-left:-0px;  /* Set a width if you like */
}
.pmo0{ padding:0px; margin-top:10px;}
.mt20{ margin-top:0px !important;}
}
<!-----------------------------about banner--------------->

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.carousel-control.right,
.carousel-control.left {
    background: transparent!important; 
}




.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom:0px;
    border: 1px solid transparent;
	 border-radius:0px;
	 
 
	 
	 
}

.nav li a{ color:#fff !important; font-family:Arial, Helvetica, sans-serif;}

.navbar-default{ background:#2b2b2b !important; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #3d3d3d !important;}

.navbar-nav>li>.dropdown-menu{background-color: #3d3d3d !important; padding:0px !important; border-radius:0px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background:#2b2b2b !important;}
.dropdown-menu>li>a{display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	 font-family:Arial, Helvetica, sans-serif;}

.gallery-scroller{ width:100%; min-height:100px;}
.marqBg{ padding:10px;}
.marquee > a{ width:50px; height:50px !important; border:1px solid #000;}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  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);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.navbar-nav>li{ border-left:1px solid}