/**

 * Name: layout.css

 *	

 *	-

 *

 *	T.O.C

 *	

 *	#General Layout 

 *		#Header

 *		#Content

 *		#Footer

 *	#Page Styles

 *		#Index

 *		#About

 *		#Services

 *		#Portfolio

 *		#Blog

 *		#Contact

 *	#Responsive

 *		#Large Display

 *		#Smaller then 1024px width	

 *		#Tablet (Portrait)

 *		#Mobile (Portrait and Landscape )

 *		#Mobile ( Landscape )

 */



/* ==========================================================================

   #General Layout 

   ========================================================================== */
div#content > .row p{font-size:17px;}
.span6 img{max-width:100%;}
.caption.text.dobles{ bottom:140px !important; top:auto !important; width:650px; min-height:140px; padding-top:60px !important;}
div.item p{font-size:19px;}
.for_all_to .panel-title a{    font-size: 27px;    font-weight: bold;}
.larg_size_t li{line-height:30px;}
.span6 .thumb_text{  margin-bottom:15px; padding:10px; min-height:265px;}
.span6 .thumb_text_in{  margin-bottom:15px; padding:10px; }
.larg_size_t{font-size:18px;}
.for_only_pro{margin-top:20px; }
.for_only_pro h3{ font-size:18px; text-align:center;}
	#wrap {

		position: relative;

		background-color: #fff;

	}
	.center_s{text-align:center;}
	.for_homes img{width:100%;}
.for_homes.bder{	margin-bottom:20px;  border-bottom:1px #ccc solid;}
	.for_homes{text-align:justify;}
.respn_img img{max-width:100%;}
.caption.text.not_bg{background-color:none !important; background:transition !important; }
.top_marginss{margin-top:15px; margin-bottom:15px; border-bottom:1px #ccc solid; }
.sptab tr th{font-size:18px; font-weight:bold;}
.sptab{border-bottom:1px #ccc solid; border-right:1px #ccc solid; border-left:1px #ccc solid;}

@media(min-width:1024px){
.contact_sp div.span3_1{width:33%;   float:left; }
.contact_sp div.span3_1 .spa{width:98%;}
}
/* #Header Top

   ========================================================================== */	
.blue_hedding{ color:#289ccb;}
.justify{text-align:justify;}
.read_more{margin-top:20px;}
.main_hedding{font-weight:bold;}
.main_hedding1{font-weight:bold;}
.under_line{ text-decoration:underline;}
.ul_sp{ margin-left:25px;}
.mulitple_link{text-align:left;}
	#header-top { 

		padding: 15px 0;

		background-color: #289dcc;

		color: #fff;	

	}

.usd-design{background: none repeat scroll 0% 0% #F0F0F0;
padding: 0px 5px 2px;
line-height: 14px;
border: 1px dashed #289DCC; margin-left:5px;}	

	#header-top a { color: #fff; }

	

	#header-top .widget-title span { background-color: #289dcc; }

	

	#header-top .widget-title:before,

	#header-top .widget_tag_cloud a { border-color: #fff; }

	

	#header-top .widget_tag_cloud a:hover,

	#header-top #newsletter-subscribe-form input[type="submit"]:hover { background-color: #0f5066; }

	

	#header-top .ewf_widget_contact_info ul li {

		display: inline-block;

		padding-left: 0;

		margin-right: 10px;

		margin-bottom: 0;

	}

	

	#header-top .ewf_widget_contact_info ul li:last-child { margin-right: 0; } 

	

	#header-top .ewf_widget_social_media { float: right; }

	

	#header-top .ewf_widget_social_media .social-icon {

		width: auto;

		height: auto;

		margin-right: 15px;

		background-color: transparent;

	}

	

	#header-top .ewf_widget_social_media .social-icon i { 

		font-size: 16px;

		line-height: 16px;

	}



	

/* #Header

   ========================================================================== */	

   	

	#header { padding: 40px 0 20px 0; }

	

	@media (min-width: 1024px) {

	

		/**

		 * 1. needs to be > 1000 because revolution slider navigation has high z-index

		 */

	

		#header {

			position: absolute;

			z-index: 1010;

			top: 0;

			right: 0;

			left: 0;

			padding: 0;

			margin: 73px auto 0 auto;	

		}

		.sup_hed{color:#289dcc; margin-top:-5px; font-weight:bold;}

		#header.stuck {

			position: fixed !important;

			z-index: 1010; /* 1 */

			top: 0;

			width: 100% !important;

			padding: 10px 0;

			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

			margin-top: 0;

			background: none repeat scroll 0 0 #fff;

			-webkit-transition: padding 0.5s;

			     -o-transition: padding 0.5s;

					transition: padding 0.5s;

		}

		

		#header.stuck .sf-menu > li > a,

		#header.stuck .sf-menu > li.dropdown > a { padding-bottom: 27px; }

		

		#header.stuck .sf-menu li.dropdown ul,

		#header.stuck .sf-mega { margin-top: 10px; }

		

		#header.stuck .sf-menu li.dropdown ul ul { margin-top: 0; }

		

		#content { padding-top: 110px; }

	

	}

	

	/* Logo */



	#logo { 

		display: block;		

		margin-top: 0fpx;

	}

	#logo img { display: block; height:75px; }

		

	/* Menu basics */



	.sf-menu,

	.sf-menu ul {

		padding: 0;

		margin: 0;

		list-style: none;

	}

	

	.sf-menu > li { float: left; }



	.sf-menu > li > a {

		position: relative;

		display: block;

	}

	

	.sf-menu .sf-mega,

	.sf-menu li.dropdown ul {

		position: absolute;

		z-index: 210;

		top: 100%;

		left: 0;

		display: none;

	}

	

	.sf-menu li.dropdown { position: relative; }

	

	.sf-menu li.dropdown ul ul {

		top: -1px;

		left: 100%;

	}

	

	.sf-menu li:hover > .sf-mega,

	.sf-menu li.sfHover > .sf-mega,

	.sf-menu li.dropdown:hover > ul,

	.sf-menu li.dropdown.sfHover > ul { display: block; }



	/* Menu Skin */

	

	.sf-menu { 

		float: right;

		/*width: 100%;*/

	} 

	

	.sf-menu a {

		display: block;

		padding: 10px 0px;

		border-bottom: 1px solid rgba(0, 0, 0, 0.1);

		font: 14px 'Open Sans', Arial, sans-serif;

		color: #000; 

		text-decoration: none;

	}

	

	.sf-menu li.dropdown a { padding: 10px 15px; }

	.sf-menu li:last-child > a { border-bottom: none; }

	

	.sf-menu > li > a,

	.sf-menu > li.dropdown > a {

		padding: 25px 10px 40px 10px;

		border: none;

		color: #000;

		font-size: 19px;

		text-transform: uppercase; font-weight:bold;

	}

	

	.sf-menu > li a i { margin-right: 5px; }

	

	.sf-menu > li.current > a,

	.sf-menu li.sfHover > a,

	.sf-menu a:hover,

	.sf-menu li.sfHover a:hover {

		color: #289ccb;

		text-decoration: none;	

	}



	/**

 	 * 1. allow long menu items to determine submenu width

 	 */

	

	.sf-menu li.dropdown ul {

		min-width: 250px; /* 1 */

		border: 1px solid rgba(0, 0, 0, 0.1);	

		background-color: #e9e9e9;			

	}



	.sf-menu > li.dropdown > ul { border-top: 3px solid #289ccb; }

	

	.sf-menu > li.dropdown > ul li a:hover { 

		background-color: #289ccb;

		color: #fff;

	}	

		

	/* mega menu dropdown */

	

	.sf-mega {

		width: 100%;

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

				box-sizing: border-box;

		padding: 15px 0;

		border: 1px solid rgba(0, 0, 0, 0.1);

		border-top: 3px solid #289ccb;	

		background-color: #e9e9e9;

	}

	

	.sf-mega-section {

		float: left;

		width: 25%;

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

				box-sizing: border-box;

		padding: 0 20px;

		border-right: 1px solid rgba(0, 0, 0, 0.1);

	}

	

	.sf-mega-section:last-child { border-right: none; }



	/* arrows */

	

	/* styling for both css and generated arrows */

	

	.sf-arrows .sf-with-ul:after {

		position: absolute;

		top: 50%;

		right: 0;

		height: 0;

		width: 0;

		/* order of following 3 rules important for fallbacks to work */

		border: 5px solid transparent;

		border-top-color: rgba(0, 0, 0, 0.5);

		margin-top: -3px;

		content: "";

	}

		

	.sf-arrows > li > .sf-with-ul:focus:after,

	.sf-arrows > li:hover > .sf-with-ul:after,

	.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }

	

	/* styling for right-facing arrows */

	

	.sf-arrows ul .sf-with-ul:after {

		border-color: transparent;

		border-left-color: rgba(0 ,0, 0, 0.5);

		margin-top: -5px;

		margin-right: -3px;

	}

	

	.sf-arrows ul li > .sf-with-ul:focus:after,

	.sf-arrows ul li:hover > .sf-with-ul:after,

	.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }

	

	/* Mobile Menu  */

			

	#mobile-menu {

		z-index: 20;

		border-bottom: 1px solid #e9e9e9;

		margin-bottom: 0;

		background-color: #289ccb;

	}

	

	#mobile-menu li {	

		display: block;

		margin: 0;

	}

		

	#mobile-menu > li > ul, 

	#mobile-menu > li > ul > li > ul {

		display: none;

		margin-left: 0;

	}

	

	#mobile-menu .sf-mega {

		display: none;

		padding: 0;

		border: none;

		margin: 0;

		background-color: #289ccb;

	}

	

	#mobile-menu .sf-mega-section {

		float: none;

		width: 100%;

		padding: 0;

		border: none;

	}

	

	#mobile-menu .sf-mega-section ul { margin-left: 0; }



	#mobile-menu li a {

		position: relative;

		display: block;

		padding: 15px 25px;

		border-top: 1px solid #e9e9e9;

		color: #fff;

		font-size: 13px;

		text-align: left;

		text-decoration: none;

	}

	

	#mobile-menu ul a { padding-left: 45px; }

	

	#mobile-menu ul li ul a  { padding-left: 65px; }

	

	#mobile-menu .mobile-menu-submenu-arrow {

		position: absolute;

		top: 0;

		right: 0;

		height: 100%;

		width: 70px;

		border-left: 1px solid #efefef;

		color: #fff;

		font-size: 20px;

		line-height: 50px;

		text-align: center;

		cursor: pointer;

	}

	

	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #0f5066; }

	

	#mobile-menu li a:hover {}

	

	#mobile-menu { display: none; }

	

	/* Mobile menu trigger  */

				

	#mobile-menu-trigger { 

		float: right;

		display: none;  

		font-size: 32px;

	}				

	

	

/* #Content

   ========================================================================== */

   		

	#content { 

		min-height: 300px; 

		padding-bottom: 60px;  

	}



	/* Page Header */

	

	#page-header {

		padding: 11px 0 11px 0;

		border-top: 1px solid #cdcdcd;

		border-bottom: 1px solid #cdcdcd;

		margin-bottom: 20px;

		background-color: #e9e9e9;

	}

	

	#page-header h2,

	#page-header p { margin-bottom: 0; }

	

			

/* #Footer

   ========================================================================== */		

			

	#footer {

		padding: 80px 0;

		background-color: #4b4b4b;

		color: #c4c4c4;

	}

	

	#footer a { color: #c4c4c4; }

	

	#footer .widget { margin-bottom: 40px; }

	

	#footer .widget-title { margin-bottom: 70px; }

	

	#footer .widget-title span { background-color: #4b4b4b; }

	

	#footer .widget-title:before,

	#footer .widget_tag_cloud a { border-color: #c4c4c4; }

	

	#footer .ewf_widget_social_media .social-icon {

		width: 26px;

		height: 26px;

		margin-right: 5px;

		background-color: #289ccb;

		color: #fff;

	}

	

	#footer .ewf_widget_social_media .social-icon i {

		font-size: 16px;

		line-height: 26px;

	}

	

	#footer-bottom {

		padding: 30px 0;

		background-color: #222;

		color: #6e6e6e;

	}

	

	#footer-bottom a { color: #6e6e6e; }

	

	#footer-bottom .widget-title span { background-color: #222; }

	

	#footer-bottom .widget-title:before,

	#footer-bottom .widget_tag_cloud a { border-color: #6e6e6e; }

	

	#footer-bottom .widget_pages ul { float: right; }

	

	#footer-bottom .widget_pages ul li { 

		display: inline-block;

		margin-right: 20px;

	}

	

	#footer-bottom .widget_pages ul li:last-child { margin-right: 0; }

	

/* ==========================================================================

   #Page Styles

   ========================================================================== */

   

/* #Index

   ========================================================================== */

   

   	.client-logos {

		margin-bottom: 50px;

		list-style: none;	

		text-align: center;

	}

	

	.client-logos li { display: inline-block; }

   

/* #About

   ========================================================================== */

   	

	.team-member { margin: 25px 0 50px 0; }

	

	.team-member h4 {

		padding-top: 20px;

		color: #289ccb;

	}

	

	.team-member-thumb {

		position: relative;

		float: left;

		display: inline-block;

		border: 10px solid transparent;

		border-radius: 50%;

		margin-right: 30px;

	}

	

	.team-member-thumb img {

		display: block;

		max-width: 100%;

		border-radius: 50%;

	}

	

	.team-member-overlay {

		position: absolute;

		top: 0;

		right: 0;

		bottom: 0; 

		left: 0;

		border: 10px solid #289ccb;

		border-radius: 50%;

		opacity: 0;

		-webkit-transition: 0.3s;

				transition: 0.3s; 

	}

	

	.team-member:hover .team-member-overlay { opacity: 0.5; }





/* #Services

   ========================================================================== */

      

/* #Portfolio

   ========================================================================== */

   

    /* Isotope */

	

	.portfolio-items { 

		margin-bottom: 40px;

		list-style: none; 

	}

	

	.portfolio-items li {

		float: left;

		width: 25%;

	}

	

	/* Portfolio Strip */

	

	.portfolio-strip {

		margin-bottom: 50px;

		list-style: none; 

	}

	

	.portfolio-strip li {

		float: left;

		width: 32.3333333333%;
		margin:0.5%;

	}

	

	.portfolio-strip.two-col li { width: 50%; }

   

    /* Portfolio Item */

	

	.portfolio-item { 

		position: relative;

		overflow: hidden; 

		margin: 0px 3px 10px 3px;

	}

	

	.portfolio-strip .portfolio-item { margin-bottom: 0; }

	

	.portfolio-item-preview { position: relative; }

	

	.portfolio-item-preview img {

		display: block;

		width: 100%; height:250px;

	}

	

	.portfolio-item-description {

		position: absolute;

		bottom: -50px;

		left: 0;

		width: 100%;

		padding: 5px 10px 10px 10px;

		background-color: #289ccb;

		color: #fff;

		opacity: 0;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.portfolio-item-description h3,

	.portfolio-item-description p { margin-bottom: 0; }

	

	.portfolio-item-description a { color: #fff; }

	.portfolio-item-description a i { vertical-align: middle; }

	

	.portfolio-item-actions { 

		position: absolute;

		right: -30px;

		bottom: 0;

		width: 75px;

		height: 75px;

		background-color: #289ccb;

		color: #fff;

		font-size: 80px;

		line-height: 75px;

		font-weight: 300;

		text-align: center;

		opacity: 0;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.portfolio-item-description + .portfolio-item-actions { border-left: 1px solid #fff; }

	

	.portfolio-item-actions a { color: #fff; }

	

	.portfolio-item-actions:hover { background-color: #0f5066; }

	

	.portfolio-item:hover .portfolio-item-description { 

		bottom: 0;

		opacity: 1;

	}

		 

	.portfolio-item:hover .portfolio-item-actions { 

		right: 0;

		opacity: 1;

	}

				

	/* Portfolio Pagination */

	

	.pagination {

		float: right;

		margin: 50px 0;

		list-style: none; 

	}

	

	.pagination li { 

		display: inline-block;

		margin-right: 5px;

	}

	

	.pagination li:last-child { margin-right: 0; }



	.pagination a { 

		display: block; 

		padding: 12px 16px;;

		background-color: #e9e9e9;

		color: #818181;

		font-size: 18px;

		line-height: 18px;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

		

	.pagination li.current a,

	.pagination li a:hover {

		background-color: #289ccb;

		color: #fff;

	}



	/* Portfolio filter */

	

	.portfolio-filter ul {

		float: right;

		margin-bottom: 100px;

		list-style: none;

	}

	

	.portfolio-filter ul li { 

		display: inline-block;

		margin-right: 20px;

	}

	

	.portfolio-filter ul li:last-child { margin-right: 0; }

	

	.portfolio-filter ul li a {

		display: block;

		padding: 10px 20px;

		background-color: #e9e9e9;

		color: #818181;

		font-size: 18px;

		line-height: 18px;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.portfolio-filter ul li a.active,

	.portfolio-filter ul li a:hover {

		background-color: #289ccb;

		color: #fff;

	}

	

/* #Blog

   ========================================================================== */

   

	/* Blog Post */

	

	.blog-post { margin-bottom: 60px; }

	

	.blog-post-title { margin-bottom: 15px; }

	

	.blog-post-thumb { margin-bottom: 20px; }

	

	.blog-post-thumb img {

		display: block;

		width: 100%;

	}

	

	.blog-post-info {

		margin-top: 45px; 

		text-align: center;

	}

	

	.blog-post-info img {

		max-width: 100%;

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

				box-sizing: border-box;

		border: 10px solid #289ccb;

		border-radius: 50%;

		margin-bottom: 20px;

	}

	

	.blog-post-readmore {}

		

	.blog-post + .pagination { margin-top: 0px; }	

	

   

/* #Contact

   ========================================================================== */

   

	/* Contact Form */

  

	#contact-form { 

		overflow: hidden; 

		margin-bottom: 30px; 

	}

	

	#contact-form fieldset {}

	

	label.validation-error { color: #b55454; }

	

	input.validation-error,

	textarea.validation-error,

	select.validation-error { border :1px solid #e9e9e9; }

	

	#contact-form #formstatus {}

		

	#contact-form textarea {}

	

	#contact-form .btn { margin-right: 0; }

	

/* ==========================================================================

   #Responsive

   ========================================================================== */

   

/* #Large Display

   ========================================================================== */

   	

	@media (min-width: 1400px) {

		

		#wrap {}

		

		/* Index */

		

		.client-logos li { margin: 0 25px; }

		

		/* Portfolio */

		

		.portfolio-strip li { width: 32.33%; }

		

		.portfolio-item-description { padding: 25px 15px 30px 15px; }

		

		.portfolio-item-actions { 

			width: 115px;

			height: 115px;

			line-height: 115px;

		}

		

		.portfolio-filter ul li a { padding: 15px 30px; }

		

	}



/* #Smaller then 1024px width

   ========================================================================== */

	

	@media (max-width: 1024px) {



		#wrap {}

		

		#header {}

		

		#content {}

		

		#footer {}

		

	}



/* #Tablet (Portrait)

   ========================================================================== */



	@media (min-width: 768px) and (max-width: 979px) {

		

		#wrap {}

		

		#header { padding-bottom: 40px; }

		

		#menu { display: none; }

		

		#mobile-menu-trigger { 

			display: block;

			margin-right: 10px;

			margin-top: 16px;

		}	

		

		#content {}

		

		#footer {}

		

		#footer-bottom .widget_pages ul li { margin-right: 10px; }

		

		/* Index */

		

		.client-logos li { margin: 0 25px; }				

		

		/* About */

		

		.team-member-thumb { 

			float: none;

			margin-right: 0;

		}

		

		/* Portfolio */

		

		.portfolio-item-description h3 { font-size: 18px; }

		

		.portfolio-item-actions { 

			width: 50px;

			height: 50px;

			font-size: 30px;

			line-height: 50px;

		}

		

		.portfolio-filter ul li { margin-right: 10px; }

		

		.portfolio-filter ul li a { 

			padding: 10px 15px;

			font-size: 14px;

		}



	}

	

/* #Mobile (Portrait and Landscape )

   ========================================================================== */

	

	@media (max-width: 767px) {
div#page-header{height:200px;}
div#page-header h2{margin-top:20%;}
	.fullwidthbanner-container  .caption.text { top:20px !important; width:100% !important; padding:2px; display:none;}
.fullwidthbanner-container  .caption.text strong{font-size:16px !important;}
		body { 

			background: none; 

			background-color: #fff; 

		}

		

		#wrap { border-top: 5px solid #289ccb; }

		

		#header-top { display: none; }

		

		#header { padding: 30px 0; }	

		

		#logo {}

		

		#menu { display: none; }

		

		#mobile-menu-trigger { 

			position: absolute;

			top: 4px;

			right: 10px;

			display: block;

			padding: 10px;

			margin-top: 0;

		}

		

		#content {}

		

		#footer {}

		

		#footer .widget:last-child { margin-bottom: 40px; }

		#footer .widget-title { margin-bottom: 30px; }



		.row { padding: 0 40px; }

		

		.row .row { 

			width: auto; 

			padding: 0; 

			margin: 0; 

		}

		

		p.last, 

		h1.last, 

		h2.last, 

		h3.last, 

		h4.last, 

		h5.last, 

		address.last, 

		ul.last, 

		ol.last { margin-bottom: 20px; }

		

		.text-right{ text-align: left; }

		

		/* Index */

		

		.client-logos li {

			display: block;

			margin: 10px 0;

		}	

		

		/* About */

		

		.team-member-thumb { 

			float: none;

			margin-right: 0;

		}

		

		/* Portfolio Items */

		

		.portfolio-items li,

		.portfolio-strip li,

		.portfolio-strip.two-col li {

			float: none;

			width: 100%;

		}

		

		.portfolio-item-description h3 { font-size: 18px; }

		

		.portfolio-item-actions { 

			width: 50px;

			height: 50px;

			font-size: 30px;

			line-height: 50px;

		}

		

		.portfolio-filter ul { 

			float: none;

			margin-bottom: 50px;

		}

		

		.portfolio-filter ul li {

			display: block;

			margin-right: 0;

			margin-bottom: 10px;

		}

		

		.portfolio-filter ul li:last-child { margin-bottom: 0; }

		

		.pagination { float: none; }



	}

	

/* #Mobile ( Landscape )

  ========================================================================== */



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

		

		.row { padding: 0 40px; }

		

		#mobile-menu-trigger { right: 30px; }

		

		/* Portfolio Items */

		

		.portfolio-items li,

		.portfolio-strip li {

			float: left;

			width: 50%;

		}

		

	}	
	.blue{color: #289DCC; font-weight:bold;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
        #a1{
background: #3b5998;
        
    }
#a2{
background: #dd4b39;
        
    }
#a3{
background: #4dc247;
        
    }
     
.social {position: fixed;top: 30%;z-index: 300000;right:2% }
.social ul {padding: 0px; -webkit-transform: translate(270px, 0);-moz-transform: translate(270px, 0);-ms-transform: translate(270px, 0);-o-transform: translate(270px, 0);transform: translate(270px, 0);}

.social ul a{
    text-decoration: none; color: #fff;
}
.social ul li {
webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
     box-sizing: border-box;
    display: block;
    margin: 5px 5px 5px 20px;
    background: rgba(0, 0, 0, 0.36);
    width: 292px;
     text-align: left;
     padding: 10px;
      -webkit-border-radius: 30px 0px 0px 30px;
      -moz-border-radius:  30px 0px 0px 30px;
      border-radius:  30px 0px 0px 30px;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
       -ms-transition: all 1s;
       -o-transition: all 1s;
       transition: all 1s;
   }
.social ul li:hover {
    -webkit-transform: translate(-110px, 0);
    -moz-transform: translate(-110px, 0);
    -ms-transform: translate(-110px, 0);
    -o-transform: translate(-110px, 0);
    transform: translate(-110px, 0);
    background: rgba(255, 255, 255, 0.4);
}


.social ul li a{font-size: 14px;line-height: 20px;color: #fff;}
.social ul li:hover a {color: #fff;}
.social ul li:hover i {color: #fff;background: rgba(0, 0, 0, 0.36);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.social ul li i {
webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
     box-sizing: border-box;

    margin-left: 10px;color: #000;background: #fff;padding:8px 10px 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 33px;height: 33px;font-size: 18px;background: #ffffff;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);}
@media only screen and (max-width: 480px) {
    .social{display: none;}
}
 
  

.bottom_navv {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-color: currentcolor #ccc #ccc;
    border-top-color: currentcolor;
    border-top: 1px solid #ccc;
    padding: 0px 0;
    box-shadow: 0 0 10px 0 #ccc;
    z-index: 999;
}


.background6 {
    background-image: linear-gradient(93deg,#f1a14b,#fe543d) !important;
    background-image: var(--color6) !important;
    background-color: initial;}
.flex_primary_sa {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flex_box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    z-index: 9999;
    background: #001dc9;
    height: 78px;
}

@media (min-width: 750px)
{
.bottom_navv {
    display: none !important;
}

}
@media (max-width: 750px)
{
.copyrightbottom
{
  position: relative;
  top: -53px;
}
 

}


#btn2{
 
  background:  #dd4b39 ;
}
#btn2:hover{
 
  background:  orange ;
}

 

#btn4{
 
  background:  #ff0000 ;
}
#btn4:hover{
 
  background:  #ff0000 ;
}

 


.btn1 {
    display: inline-block;
   padding: 6px 12px; 
    margin-bottom: 0;
    font-size: 14px;
    /* font-weight: 400; */
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /* border: 1px solid transparent; */
    border-radius: 4px;
}

#btn3{
   display: inline-block;
   padding: 0!important; 
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400; 
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
     border: 1px solid transparent; 
    border-radius: 0!important;
}

.pad{
    padding: 20px;
    text-align: center;
    color: white;
}


.ab-box{
    border: 1px solid;
    padding: 40px;
    margin-bottom: 10px;
}


 
 
 


 @media screen and (max-width: 1200px)
{
.social{
      position: fixed;top: 30%;z-index: 300000;right:2.8%;

    }

}

@media screen and (max-width: 1100px)
{
.social{
      position: fixed;top: 30%;z-index: 300000;right:2.6%;

    }

}
@media screen and (max-width: 1000px)
{
.social{
      position: fixed;top: 30%;z-index: 300000;right:3%;

    }

}
@media screen and (max-width: 800px)
{
.social{
      position: fixed;top: 30%;z-index: 300000;right:3.7%;

    }

}
@media screen and (max-width: 700px)
{
.social{
      position: fixed;top: 30%;z-index: 300000;right:4.4%;

    }

}
@media screen and (max-width: 600px)
{
.social{
      position: fixed;top: 30%;z-index: 300000;right: 5.4%;

    }

}
 






 
    
.Pose {
    position: fixed;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
   right: 0;
    z-index: 999 !important;
    display: block;
}

@media only screen and (max-width: 768px) {
.Pose{
    position: fixed;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 19em;
    z-index: 999 !important;
    display:none;
}
 }

.Pose a {
  display: block;
  text-align: center;
  padding: 13px;
  transition: all 0.3s ease;
  color: white;
  font-size: 24px;
}

.Pose a:hover {
  background-color: orange;
}

.facebook {
  background: #25D366;
  color: white;
  border-radius:  0px;
}

.twitter {
  background: #55ACEE;
  color: white;
  border-radius:  0px;
}
.insta {
  background: #7f1734;
  color: white;
  border-radius:  0px;
}

.google {
  background: #dd4b39;
  color: white;
  border-radius: 0px;
}

.content {
 
  font-size: 30px;
}

.bottom_navv {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-color: currentcolor #ccc #ccc;
    border-top-color: currentcolor;
    border-top: 1px solid #ccc;
    padding: 0px 0;
    box-shadow: 0 0 10px 0 #ccc;
    z-index: 999;
}


.background6 {
    background-image: linear-gradient(93deg,#f1a14b,#fe543d) !important;
    background-image: var(--color6) !important;
    background-color: initial;}
.flex_primary_sa {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flex_box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    z-index: 9999;
    background: #001dc9;
    height: 78px;
}

@media (min-width: 750px)
{
.bottom_navv {
    display: none !important;
}

}
@media (max-width: 750px)
{
.copyrightbottom
{
  position: relative;
  top: -53px;
}
 

}


#btn2{
 
  background:  #dd4b39 ;
}
#btn2:hover{
 
  background:  orange ;
}

 

#btn4{
 
  background:  #ff0000 ;
}
#btn4:hover{
 
  background:  #ff0000 ;
}

 


.btn1 {
    display: inline-block;
   padding: 6px 12px; 
    margin-bottom: 0;
    font-size: 14px;
    /* font-weight: 400; */
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /* border: 1px solid transparent; */
    border-radius: 4px;
}

#btn3{
   display: inline-block;
   padding: 0!important; 
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400; 
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
     border: 1px solid transparent; 
    border-radius: 0!important;
}

.pad{
    padding: 20px;
    text-align: center;
    color: white;
}


.ab-box{
    border: 1px solid;
    padding: 40px;
    margin-bottom: 10px;
}



@media screen and (min-width: 768px)
{
    #komm{
 display: none;
 
    }
    
}

@media screen and (max-width: 768px)
{
    #rightkom{
 display: none;
    }
    .header-middle {
    padding:5px 0px 0px 0px;
    
}
}



 
    .form-control{
    -webkit-appearance: auto!important;
    -moz-appearance: auto!important;
    appearance: auto!important;
}
 






 



    
  
#modalheader1
 
{
    background: #e80000;
}
#modalbut
{
    background: #e80000;
}
.Pose {
    position: fixed;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
   right: 0;
    z-index: 999 !important;
}

@media only screen and (max-width: 768px) {
.Pose{
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 19em;
    z-index: 999 !important;
    display: :block;
}
 }

.Pose a {
  display: block;
  text-align: center;
  padding: 13px;
  transition: all 0.3s ease;
  color: white;
  font-size: 24px;
}

.Pose a:hover {
  background-color: orange;
}

.facebook1 {
  background: #25D366;
  color: white;
  border-radius:  0px;
}

.twitter1 {
  background: #55ACEE;
  color: white;
  border-radius:  0px;
}
.insta {
  background: #7f1734;
  color: white;
  border-radius:  0px;
}

.google1 {
  background: #dd4b39;
  color: white;
  border-radius: 0px;
}

 
  


        #fbot{
        position: fixed;bottom: 0;width: 100%;
        z-index: 999999999999!important;
    }
    .one1{
 
background: #55ACEE!important;
    }
    .two2{
background: #25D366!important;
    }
    .three3{
 
background: #dd4b39!important;
    }
    #wha{
         
        color: #fff!important;
    }
        #wha a{
             font-weight: bold;
        color: #fff!important;
        font-size: 10px;
    }
    #wha i{
         font-size: 15px;
        color: #fff!important;
    }
    @media (min-width: 750px)
{
#fbot {
    display: none !important;
}
}


    @media only screen and (max-width: 768px) {
 .lp{
  display: none;
 }
 .Pose{
 display: none;
}


}
@media (min-width: 750px)
{
.bottom_navv {
    display: none important;
}

 
}