/*
==========================
Template: Constro - Construction Business HTML5 Template
Author: thewebmax team
Version: 2.0  
==========================
*/
/*=======================================
  || CSS TABLE CONTENT ||  
=======================================
=======================================
1. GENERAL 
=======================================
=======================================
2. HEADING & TITLE 
=======================================
=======================================
3. TEXT & PARAGRAPH 
=======================================
	-------------------------------------
	1. text align
	-------------------------------------
	2. text vertical align
	-------------------------------------
	3. text no line brack
	-------------------------------------
	4. text transform
	-------------------------------------
	5. text size
	-------------------------------------
	6. text bold
======================================
4. LISTING STYLES 
======================================
	-------------------------------------
	1. listing before icon color css
	-------------------------------------
	2. listing before numbers
	-------------------------------------
======================================
5. BOX SPACING (Padding & Margin)
======================================
	-------------------------------------
	1.1 padding (around)
	-------------------------------------
	1.2 Padding (top)
	-------------------------------------
	1.3 Padding (bottom)
	-------------------------------------
	1.4 Padding (left)
	-------------------------------------
	1.5 Padding (right)
	-------------------------------------
	1.6 Padding (left right)
	-------------------------------------
	1.7 Padding (top bottom)
	-------------------------------------
	2.1 margin (around)
	-------------------------------------
	2.2 marging (top)
	-------------------------------------
	2.3 marging (bottom)
	-------------------------------------
	2.4 marging (left)
	-------------------------------------
	2.5 marging (right)
	-------------------------------------
	2.6 marging (left right)
	-------------------------------------
	2.7 marging (top bottom)
	-------------------------------------
	2.8 colum gap less
	-------------------------------------
======================================
6. POSITIONS ( absolute , relative , statice & z-index)
======================================
	-------------------------------------
	1. position
	-------------------------------------
		1.1 relative		
		1.2 absolute		
		1.3 static	
	-------------------------------------
	2. z-index
	-------------------------------------
======================================
7. COLOR
======================================
	-------------------------------------
	1. text
	-------------------------------------
	2. background color
	-------------------------------------
	3. background image
	-------------------------------------
======================================
8. OVERLAY ( transparient box style  )
======================================
	use for box
	-------------------------------------
	1. show for text
	-------------------------------------
======================================
9. BOXES CSS 
======================================
	-------------------------------------
	1. box content
	-------------------------------------
	2. For icons with box
	-------------------------------------
	3. Border
	-------------------------------------
	4. For only icons
	-------------------------------------
	5. place icon with box
	-------------------------------------
	6. icon box left align
	-------------------------------------
	7. icon box right align
	-------------------------------------
	8. icon box center align
	-------------------------------------
	9. media with content box css
	-------------------------------------
	10. before & after for line css
	-------------------------------------
	11. for images
	-------------------------------------
======================================
10. IMAGES OVERLAY EFFECTS (overly animation on images)  
======================================
	-------------------------------------
	1. effect 1
	-------------------------------------
	2. effect 2
	-------------------------------------
	3. effect 3
	-------------------------------------
	4. effect 4
	-------------------------------------
	5. effect 5
	-------------------------------------
	6. effect 6
	-------------------------------------
	7. effect 7
	-------------------------------------
	8. effect 8
	-------------------------------------
	9. effect 9
	-------------------------------------
	10. effect 10
	-------------------------------------
======================================
11. shortcodeS 
======================================
	-------------------------------------
	1. Buttons 
	------------------------------------- 
		1.1 theme default button 		
		1.2 button text uppercase		
		1.3 button size 		
		1.4 button rounded		
		1.5 button colors 		
		1.6 white 		
		1.7 black 		
		1.8 Gray 		
		1.9 pink 		
		1.10 Blue		
		1.11 Green		
		1.12 Orange		
		1.13 Red 		
		1.14 Brown 
		1.15 Yellow 
		1.16 purple 
		1.17 Graphical 
		1.18 3D 
		1.19 Outline 
		1.20 Outline white  
		1.21 Outline black 
		1.22 Outline gray 
		1.23 Outline pink 
		1.24 Outline blue 
		1.25 Outline green 
		1.26 Outline orange 
		1.27 Outline red 
		1.28 Outline brown 
		1.29 Outline yellow 
		1.30 Outline purple 
		1.31 Outline hover 
		1.32 button text link 
		1.33 text link white 
		1.34 text link black 
		1.35 text link Gray 
		1.36 text link pink 
		1.37 text link Blue 
		1.38 text link Green 
		1.39 text link Orange 
		1.40 text link Red 
		1.41 text link Brown 
		1.42 text link Yellow 
		1.43 text link purple 
		1.44 app strore 
		1.45 filter buttons css 
		1.45(1) Masonry filter alignment [Left-Right-Center] 
		1.45(2) Masonry filter link style 
		1.45(3) Masonry filter button style 
		1.45(4) Masonry filter button outline style 
	-------------------------------------
	2. Title separators 
	-------------------------------------
		Separator defualt		
		Separator liner		
		Separator square		
		Separator icon
	-------------------------------------
	3. Deviders 
	-------------------------------------
	4. TABS 
	-------------------------------------
		4.1 tabs style 1 [ default ] 		
		tabs nav center 		
		4.2 tabs bg  [ tabs background ] 		
		4.3 tabs bg  [ tabs background ]		
		4.4 tabs bg & top border  [ tabs background & top border in active ]		
		4.4 tabs style 2 [ content with border outer ]		
		4.5 tabs style 3  [ left-nav ] 		
		4.6 tabs style 4  [ left-nav & content with border ] 		
		4.7 tabs style 5  [ right-nav ] 		
		4.8 tabs style 6  [ right-nav & content with border ]
	-------------------------------------
	5. Accordians 
	-------------------------------------
	Accodian open close indicator css
		1. Accordion defult		
		2. Accordion outline		
		3. Accordion bg gray		
		4. Accordion bg primary		
		5. Accordion bg dark
	-------------------------------------
	6. Carousels 
	-------------------------------------
		6.1 Default Carousel		
		6.2 Blog carousel		
		empty media 		
		6.3 Event carousel		
		empty media 		
		6.4 Client carousel 1
	-------------------------------------
	7. Testimonials 
	-------------------------------------
		7.1 testimonial with background image
		7.2 testimonial 1
		7.3 testimonial 2
		7.4 testimonial 2 with background image
		7.5 testimonial 3
		7.6 testimonial 4
	-------------------------------------
	8. Pricing table
	-------------------------------------
		8.1 Pricing table
		8.2 pricing table style 2
	-------------------------------------
	9. Alert box 
	-------------------------------------
	10. Image effects 
	-------------------------------------
		10.1 image-opacity 
		10.2 image-zoom 
		10.3 image-zoom-slow 
		10.4 image-shrink 
		10.5 image-side-pan 
		10.6 image-vertical-pan 
		10.7 image-fade-in 
		10.8 image-fade-out 
		10.9 image-rotate 
		10.10 image-sepia 
		10.11 image-blurr 
		10.12 image-blurr-invert 
		10.13 image off color 
		10.14 image on color 
	-------------------------------------
	11. Modal pop 
	-------------------------------------
	12. Social icons 
	-------------------------------------
		12.1 social icon default 
		12.2 social icon with border 
		12.3 social icon dark 
		12.4 social share icon style 1 
	-------------------------------------
	13. Breadcrumb 
	-------------------------------------
		13.1 breadcrumb-row-1
		13.2 Breadcrumb-1 
		13.3 Breadcrumb-2 
		13.4 breadcrumb-3
	-------------------------------------
	14. Google map 
	-------------------------------------
	15. Progress Bar 
	-------------------------------------
	16. Countdown clock 
	-------------------------------------
	17. Form elements 
	-------------------------------------  
		17.1 input group 
		17.2 select box 
		17.3 radio & checkbox 
		17.4 Browse Button css   
		17.5 touchspin input type number   
		17.6 rating star 
		17.7 simple rating list 
		17.8 validation symbol 
		17.9 error for select box 
		17.10 succes for select box 
		17.11 textarea 
			17.11(1) resize-vertical
			17.11(2) resize-horizontal
			17.11(3) resize-none
	-------------------------------------
	18. Loading 
	-------------------------------------  
		18.1 loading - 1
		18.2 loading - 2
	-------------------------------------
	19. Widgets 
	------------------------------------- 
		19.1 widget listing		
		19.2 widget search custom		
		19.3 widget search wp-default		
		19.4 widget recent-posts		
		19.5 widget recent-comment		
		19.6 widget meta		
		19.7 widget calender		
		19.8 widget tags-list		
		19.9 widget archive		
		19.10 widget text		
		19.11 widget categories	
		19.12 widget RSS		
		19.13 widget get in tuch 		
		19.14 widget gallery		
		19.15 widget Categories Dropdown 
	-------------------------------------
	20. Table 
	-------------------------------------
	21. Video 
	-------------------------------------
	22. Icons 
	-------------------------------------
	23. Call to action
	-------------------------------------
======================================
12. WP DEFAULT  
======================================
======================================
13. BLOG  
====================================== 
	-------------------------------------
	1. post date syle css
	-------------------------------------
	2. post without media
	-------------------------------------
	if no image with blog post
	-------------------------------------
	3. if no image with blog post
	-------------------------------------
	4. blog post half image
	-------------------------------------
	5. Blog paging Next & Prev css
	-------------------------------------
	6. Post navigation
	-------------------------------------
	7. post pagination
	-------------------------------------
		7.1 Sticky Post
	-------------------------------------
	8. Post password form
	-------------------------------------
	9. gallery css for blog post
	-------------------------------------
	10. side bar
	-------------------------------------
	11. Blog single
	-------------------------------------
	12. comment list
	-------------------------------------
	13. comment form
	-------------------------------------
======================================
14. HEADER (top part of page)
======================================
	1. header full screen
	-------------------------------------
	2. without top bar
	------------------------------------- 
	3. map page header
	-------------------------------------
	4. Skew header block
	-------------------------------------
	logo with boxed view
	logo with boxed view
	
======================================
15. PAGE TOP BAR (left & right content)
======================================
	1. eamil-phone (left) 
	-------------------------------------
	2. social-links (right) 
	-------------------------------------
	3. language-list () 
======================================
16. LOGO ( company identify  symbol )
======================================
	1. logo for header 
	-------------------------------------
	2. when header is sticky 
	
======================================
17. MAIN BAR ( place logo & main-navigation )
======================================
	main bar with box view
	-------------------------------------
	1. Top Part Search Bar
======================================
18. NAVIGATIONS 
======================================
	-------------------------------------
	1. mena-menu
	-------------------------------------
	2. nav dark version
	-------------------------------------
	3. when header is sticky
	-------------------------------------  
	4. when header is sticky
	-------------------------------------  
	5. header full width
	-------------------------------------
	6. header with bg primary color 1
	-------------------------------------
	7. header style 2 (center content)
	-------------------------------------
	8. header style 3 (header transperent)
	------------------------------------- 
 		header 3 fixed  
	-------------------------------------
	9. header style 4 (header white overlay)
	------------------------------------- 
		header 4 fixed  
	-------------------------------------
	10. header style 5 (header black overlay)
	------------------------------------- 
		header 5 fixed  
======================================
19. BANNER
======================================
	-------------------------------------
	1. inner page banner 
	-------------------------------------
======================================
20. SLIDER
======================================
	-------------------------------------
	1. owl slider 
	-------------------------------------
		1.1  next pre btn
		1.2 owl dots button
		1.3 owl button top to center
		1.4 owl button top to left
		1.5 owl button top to right
		1.6 owl button bottom to center [it is default position ]
		1.7 owl button bottom to left
		1.8 owl button bottom to right
		1.9 owl button vertical to center
		1.10 owl button show on hover
		1.11 owl slider button
		1.12 owl dots nav position
======================================
21. PAGINATION 
======================================
	1. pagination style-1 
	2. pagination style-2 
	3. Pager 
======================================
22. FOOTER 
======================================
	-------------------------------------
	1. footer fixed on bottom css
	-------------------------------------
		1.1 footer fixed with fullscreen view
		1.2 footer fixed with boxed view
		1.3 Constrot strip line
	-------------------------------------
	2. Footer dark version css
	-------------------------------------
	3. Footer light version css
	-------------------------------------
	4. widget li in footer
	-------------------------------------
	5. widget Getintuch
	-------------------------------------
	6. scroll top btn css
	-------------------------------------
======================================
23. PAGE-CONTENT
======================================
	-------------------------------------
	1. Section Head Part 
	-------------------------------------
	2. Section Content Part 
	-------------------------------------
======================================
24. AFTER-LOGIN-CONTENT
======================================
	-------------------------------------
	1. calender css
	-------------------------------------
	2. Contact us page 
	-------------------------------------
	3.page not found
	-------------------------------------
======================================
25. THEMEFOREST REQUIRED CLASSES
======================================
	-------------------------------------
	1. Text meant only for screen readers
	-------------------------------------
======================================
26. HOME PAGE VERSION-1 
======================================
======================================
27. BOX MAX-WIDTH css (  )
======================================
======================================
28. SHOP & PRODUCT DETAIL (Woocommerce)
======================================
	-------------------------------------
	1. Product Box 
	-------------------------------------
	2. Product Detail 
	-------------------------------------
	3.  Product Review 
	-------------------------------------
======================================
29. content show on image box () 
======================================
 	info box show 
======================================
30. Customize  Grouping css 
======================================
	-------------------------------------
	1.set-radius 
	------------------------------------- 
	2. transition 
	------------------------------------- 
	3. float-clearfix 
	-------------------------------------
======================================
32. Inner pages 
======================================
	------------------------------------- 
	1. Contact us 
	-------------------------------------
		1.1 Contact us 1 
	------------------------------------- 
	2. Out Team
	-------------------------------------
		2.1. Out Team one
		2.2. Out Team two
		2.3. Out Team three
		2.4. Out Team four
		2.5. Out Team five
	------------------------------------- 
	3. Social-new block
	------------------------------------- 
	4. portfolio block
	------------------------------------- 
	5. services
	------------------------------------- 
	6. latest project
	-------------------------------------
======================================
33. Box-corner
======================================
	corner-sm 
 
======================================
34. Menu list block
======================================
======================================
35. Company Detail skew
======================================
======================================
36. Clients
======================================
======================================
37. FAQ
======================================
======================================
38. Cart
======================================
======================================
39. Product
======================================
======================================
40. Glass reflection
======================================
*/
/*======================================
1. GENERAL 
======================================*/
body {
	background-color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400; 
	color:#767676;
	padding:0;
	margin:0; 
	overflow-x: hidden;
	
}  
a {
  color: #FFBC13;
  outline: 0 none;
  text-decoration:none;
}
a:hover,
a:focus {
  text-decoration:none;
  outline: 0 none;
}
a:active,
a:hover,
a:focus{
  color: #333333;
}
p a {
	color:#333333;
}
img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
section, 
article, 
footer, 
header, 
main, 
menu, 
nav { 
	display:block; 
}
address {
	font-style:italic;
}
table {
    background-color: transparent;
    width: 100%;
}
p, 
address, 
ul, 
ol, 
table {
	margin-bottom:24px;
}
.clear { 
	clear:both; 
}
::selection {
	background: #ffbc13;
	color: #fff;
}
::-moz-selection {
	background: #ffbc13;
	color: #fff;
}
::-webkit-selection {
	 background: #ffbc13;
	 color: #fff;
}
/*======================================
2. HEADING & TITLE 
======================================*/
h1, 
h2, 
h3 {
  margin-bottom:24px;
}
h1 a, 
h2 a, 
h3 a {
  color:#3d474a;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover {
  color:#ffbc13;
}
h1 {
  font-family:Roboto;	
  font-weight: 600;	
  font-size: 36px;
  line-height:36px;
  color:#3d474a;
}
h2 {
  font-family:Roboto;	
  font-weight: 600;	
  font-size: 24px;
  line-height:24px;
  color:#1a1a1a;
}
h3 {
  font-family:Roboto;	
  font-weight: 600;	
  font-size: 20px;
  line-height:24px;
  color:#3d474a;
  margin-bottom:20px;
}
/*======================================
3. TEXT & PARAGRAPH 
======================================*/
p {
  line-height:24px;
  margin-bottom:24px;
}
/*-------------------------------------
	1. text align
------------------------------------ */
/*-------------------------------------
	2. text vertical align
------------------------------------ */
/*-------------------------------------
	3. text no line brack
------------------------------------ */
/*-------------------------------------
	4. text transform
------------------------------------ */
/*-------------------------------------
	5. text size
------------------------------------ */
/*-------------------------------------
	6. text bold
------------------------------------ */
/*======================================
4. LISTING STYLES 
======================================*/
 ul, ol {
    list-style-position: outside ;
	padding:0;
}
ul, ol {
	margin-bottom:24px;
}
ul li,
ol li {
    padding:0;
}
/*-------------------------------------
	1. listing before icon color css
-------------------------------------*/
/*-------------------------------------
	2. listing before numbers
-------------------------------------*/
/*======================================
5. BOX SPACING (Padding & Margin)
======================================*/
/*-------------------------------------
	1.1 padding (around)
-------------------------------------*/
/*-------------------------------------
	1.2 Padding (top)
-------------------------------------*/
.p-t30 {padding-top:30px;}
/*-------------------------------------
    1.3 Padding (bottom)
-------------------------------------*/
.p-b15 {padding-bottom:15px;}
/*-------------------------------------
	1.4 Padding (left)
-------------------------------------*/
/*-------------------------------------
	1.5 Padding (right)
-------------------------------------*/
/*-------------------------------------
	1.6 Padding (left right)
-------------------------------------*/
/*-------------------------------------
	1.7 Padding (top bottom)
-------------------------------------*/
.p-tb20 {padding-bottom:20px; padding-top:20px;}
/*-------------------------------------
	2.1 margin (around)
-------------------------------------*/
/*-------------------------------------
	2.2 marging (top)
-------------------------------------*/
/*-------------------------------------
	2.3 marging (bottom)
-------------------------------------*/
/*-------------------------------------
	2.4 marging (left)
-------------------------------------*/
/*-------------------------------------
	2.5 marging (right)
-------------------------------------*/
/*-------------------------------------
	2.6 marging (left right)
-------------------------------------*/
/*-------------------------------------
	2.7 marging (top bottom)
-------------------------------------*/
/*-------------------------------------
	2.8 colum gap less
-------------------------------------*/	
/*======================================
6. POSITIONS ( absolute , relative , statice & z-index)
======================================*/
/*-------------------------------------
	1. position
-------------------------------------*/
	/*1.1 relative*/
.relative{position:relative;}
	/*1.2 absolute*/
.absolute{position:absolute;}
	/*1.3 static*/
.static{position:static;}
/*-------------------------------------
	2. z-index
-------------------------------------*/
/*======================================
7. COLOR
======================================*/
/*-------------------------------------
	1. text
-------------------------------------*/
/*-------------------------------------
	2. background color
-------------------------------------*/
.bg-secondry{background-color:#1a1a1a;}
.bg-white{background-color:#FFF;}
.bg-gray-light{background-color:#f1f1f1;}
/*-------------------------------------
	3. background image
-------------------------------------*/
/*======================================
8. OVERLAY ( transparient box style  )
======================================*/
.overlay-wraper { 
	position:relative ;
}
.overlay-main { 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.5;
}
.overlay-wraper > .container{ 
	position:relative;
	z-index:1; 
}
/*left right part css*/
/*use for box*/
/*-------------------------------------
	1. show for text
-------------------------------------*/
/*======================================
9. BOXES CSS 
======================================*/
/*-------------------------------------
	1. box content
-------------------------------------*/
/*-------------------------------------
	2. For icons with box
-------------------------------------*/
/*-------------------------------------
	3. Border
-------------------------------------*/
/*-------------------------------------
	4. For only icons
-------------------------------------*/
/*-------------------------------------
	5. place icon with box
-------------------------------------*/
/*-------------------------------------
	6. icon box left align
-------------------------------------*/
/*-------------------------------------
	7. icon box right align
-------------------------------------*/
/*-------------------------------------
	8. icon box center align
-------------------------------------*/
/*-------------------------------------
	9. media with content box css
-------------------------------------*/
/*-------------------------------------
	10. before & after for line css
-------------------------------------*/
/*-------------------------------------
	11. for images
-------------------------------------*/
/*======================================
10. IMAGES OVERLAY EFFECTS (overly animation on images)  
======================================*/
/*-------------------------------------
	1. effect 1
-------------------------------------*/
/*-------------------------------------
	2. effect 2
-------------------------------------*/
/*-------------------------------------
	3. effect 3
-------------------------------------*/
/*-------------------------------------
	4. effect 4
-------------------------------------*/
/*-------------------------------------
	5. effect 5
-------------------------------------*/
/*-------------------------------------
	6. effect 6
-------------------------------------*/
/*-------------------------------------
	7. effect 7
-------------------------------------*/
/*-------------------------------------
	8. effect 8
-------------------------------------*/
/*-------------------------------------
	9. effect 9
-------------------------------------*/
/*-------------------------------------
	10. effect 10
-------------------------------------*/
/*======================================
11. shortcodeS 
======================================*/
/*-------------------------------------
	1. Buttons 
--------------------------------------- */
/* 1.1 theme default button */
.site-button,
.site-button-secondry {
	color: #fff; 
	padding: 10px 20px; 
	display: inline-block; 
	font-size: 14px; 
	outline: none; 
	cursor: pointer; 
	outline: none; 
	border-width:0;
	border-style:solid;
	border-color:transparent;
	line-height:1.42857;
	margin-left:-1px; 
	text-decoration: none !important;
}
.site-button {
	background-color:#FFBC13; 
}
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button { 
	background-color:#e4a101; 
	color: #fff; 
}
.site-button-secondry {
	background-color:#1a1a1a; 
}
.site-button-secondry:active,
.site-button-secondry:hover,
.site-button-secondry:focus,
.active > .site-button-secondry { 
	background-color:#192639;
	color: #fff;  
}
/* 1.2 button text uppercase */
/* 1.3 button size */
/* 1.4 button rounded */
/* 1.5 button colors */
/* 1.6 white */
/* 1.7 black */
/* 1.8 Gray */
/* 1.9 pink */
/* 1.10 Blue */
/* 1.11 Green */
/* 1.12 Orange */
/* 1.13 Red */
/*1.14 Brown */
/* 1.15 Yellow */
/* 1.16 purple */
/* 1.17 Graphical */
/* 1.18 3D */
/* 1.19 Outline */
/* 1.20 Outline white  */
/* 1.21 Outline black */
/* 1.22 Outline gray */
/* 1.23 Outline pink */
/* 1.24 Outline blue */
/* 1.25 Outline green */
/* 1.26 Outline orange */
/* 1.27 Outline red */
/* 1.28 Outline brown */
/* 1.29 Outline yellow */
/* 1.30 Outline purple */
/* 1.31 Outline hover */
/* 1.32 button text link */
/* 1.33 text link white */
/* 1.34 text link black */
/* 1.35 text link Gray */
/* 1.36 text link pink */
/* 1.37 text link Blue */
/* 1.38 text link Green */
/* 1.39 text link Orange */
/* 1.40 text link Red */
/* 1.41 text link Brown */
/* 1.42 text link Yellow */
/* 1.43 text link purple */
/* 1.44 app strore */
/* 1.45 filter buttons css */	
/* 1.45(1) Masonry filter alignment [Left-Right-Center] */
/* 1.45(2) Masonry filter link style */
/* 1.45(3) Masonry filter button style */
/* 1.45(4) Masonry filter button outline style */
/*-------------------------------------
	2. Title separators 
-------------------------------------*/
/*Separator defualt*/
/*Separator liner*/
/*Separator square*/
/*Separator icon*/
/*-------------------------------------
	3. Deviders 
-------------------------------------*/
/*-------------------------------------
	4. TABS 
-------------------------------------*/
/*4.1 tabs style 1 [ default ] */
/* tabs nav center */
/*4.2 tabs bg  [ tabs background ] */
/*4.3 tabs bg  [ tabs background ] */
/*4.4 tabs bg & top border  [ tabs background & top border in active ] */
/*4.4 tabs style 2 [ content with border outer ] */
/*4.5 tabs style 3  [ left-nav ] */
/*4.6 tabs style 4  [ left-nav & content with border ] */
/*4.7 tabs style 5  [ right-nav ] */
/*4.8 tabs style 6  [ right-nav & content with border ]*/
/*-------------------------------------
	5. Accordians 
-------------------------------------*/
/*Accodian open close indicator css*/
/* 1. Accordion defult */
/* 2. Accordion outline */
/* 3. Accordion bg gray */
/* 4. Accordion bg primary */
/* 5. Accordion bg dark */
/*-------------------------------------
	6. Carousels 
-------------------------------------*/
/* 6.1 Default Carousel */
/* 6.2 Blog carousel */
/*  empty media */
/* 6.3 Event carousel */
/* empty media */
/* 6.4 Client carousel 1*/
/*-------------------------------------
	7. Testimonials 
-------------------------------------*/
/*7.1 testimonial with background image*/
/*7.2 testimonial 1*/
/*7.3 testimonial 2*/
/*7.4 testimonial 2 with background image*/
/*7.5 testimonial 3*/
/*7.6 testimonial 4*/
/*7.6 testimonial 5*/
/*-------------------------------------
	8. Pricing table
 -------------------------------------*/
 
 /*8.1 Pricing table*/
/*8.2 pricing table style 2*/
/*8.2 pricing table style 3*/
/*8.2 pricing table style 4*/
/*-------------------------------------
	9. Alert box 
-------------------------------------*/
/*-------------------------------------
	10. Image effects 
-------------------------------------*/
/* 10.1 image-opacity */
/*10.2 image-zoom */
/*10.3 image-zoom-slow */
/*10.4 image-shrink */
/*10.5 image-side-pan */
/*10.6 image-vertical-pan */
/*10.7 image-fade-in */
/*10.8 image-fade-out */
/*10.9 image-rotate */
/*10.10 image-sepia */
/*10.11 image-blurr */
/*10.12 image-blurr-invert */
/*10.13 image off color */
/*10.14 image on color */
/*-------------------------------------
	11. Modal pop 
-------------------------------------*/
/*-------------------------------------
	12. Social icons 
-------------------------------------*/
.social-icons {
	list-style:none;
	margin-left:-3px;
	margin-right:-3px;
	font-size:12px;
}
.social-icons li {
	display:inline-block;
	text-align:center;
}
.social-icons li a {
	display:block;
	padding:3px;
}
.social-icons.social-square a {
	border:1px solid rgba(0,0,0,0.2);
	width:24px;
	height:24px;
	line-height:24px;
	padding:0;
}
.social-icons.social-square.social-darkest a{
	border:1px solid #4a4c4c;
}
.social-icons.social-darkest a {
	color: #454747;
}
.social-icons.social-square.social-darkest a:hover{
	background-color:#FFBC13;
	color:#4a4c4c;
}
/*12.1 social icon default */
/*12.2 social icon with border */
/*12.3 social icon dark */
/*12.4 social share icon style 1 */
/*-------------------------------------
	13. Breadcrumb 
-------------------------------------*/
/*13.1 breadcrumb-row-1*/
.wt-breadcrumb{ 
	margin:0;
	list-style:none; 
	 
}
.wt-breadcrumb li { 
	padding:0; 
	margin-right:3px;  
	color:#333333;
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:600;
}
.wt-breadcrumb li a{ 
	color:#FFBC13;	
}
.wt-breadcrumb li:last-child { 
	color:#676767;
}
.wt-breadcrumb li:first-child a i{ 
	font-size: 18px;
	vertical-align: text-top;
}
.wt-breadcrumb li:last-child:after { 
	display:none;
}
/*13.2 Breadcrumb-1*/
/*13.3 Breadcrumb-2*/ 
.breadcrumb-style-2 li:after { 
	content: "\f101";
	margin-left: 7px;
	font-family: 'FontAwesome';
	color: #848484;
	font-size: 16px;
	font-weight: normal;
}
/*13.4 breadcrumb-3*/
/*-------------------------------------
	14. Google map 
-------------------------------------*/
/*-------------------------------------
	15. Progress Bar 
-------------------------------------*/
/*-------------------------------------
	16. Countdown clock 
-------------------------------------*/
/*-------------------------------------
	17. Form elements 
-------------------------------------*/
/* 17.1 input group */
/* 17.2 select box */
/* 17.3 radio & checkbox */
/*17.4 Browse Button css */
/*17.5 touchspin input type number */
/*17.6 rating star */
/*17.7 simple rating list */
/*17.8 validation symbol */ 
/*17.9 error for select box */
/*17.10 succes for select box */
/*17.11 textarea */
	
	/*17.11(1) resize-vertical*/
	
	/*17.11(2) resize-horizontal*/
	
	/*17.11(3) resize-none*/
/*-------------------------------------
	18. Loading 
-------------------------------------*/  
/*18.1 loading - 1*/
/*18.2 loading - 2*/ 
/*-------------------------------------
	19. Widgets 
-------------------------------------*/ 
.widget {
	margin-bottom:40px;
}
.widget-title {
	margin:0 0 25px;
}
.widget-title {
	padding-bottom:15px;
	position:relative;
	margin-bottom:30px;
}
.widget-title:after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:18px;
	height:3px;
	margin:0 0 0;
	width: 70px;
	margin:10px 0;
	background-color:#ffbc13;
}
.widget-title:before {
	content:"";
	position:absolute;
	bottom:-14px;
	left:0;
    display: inline-block;
	width: 10px;
    height: 10px;
	border:3px solid #2d3239;
    margin-bottom: 10px;
}
.widget .widget-title{
	text-transform:none;
}
/* 19.1 widget listing*/
/*19.2 widget search custom*/
/*19.3 widget search wp-default*/
/*19.4 widget recent-posts*/
/*19.5 widget recent-comment*/
/*19.6 widget meta*/
/*19.7 widget calender*/
/*19.8 widget tags-list*/
/*19.9 widget archive*/
/*19.10 widget text*/
/*19.11 widget categories*/
/*19.12 widget RSS*/
/* 19.13 widget get in tuch */
/* 19.14 widget gallery */
/* 19.15 widget Categories Dropdown */ 
/* 19.16 widget Form */
/* 19.18 widget client slider */
/* 19.19 widget_twitter */
/*-------------------------------------
	20. Table 
-------------------------------------*/
/* 20.1 Full-responsive */
/*-------------------------------------
	21. Video 
-------------------------------------*/
/*-------------------------------------
	22. Icons 
-------------------------------------*/
/*-------------------------------------
	23. Call to action
-------------------------------------*/
/*======================================
12. WP DEFAULT  
======================================*/
/*======================================
13. BLOG  
======================================*/
/*-------------------------------------
	1. post date syle css
-------------------------------------*/
/*-------------------------------------
	2. post without media
-------------------------------------*/
/*-------------------------------------
	3. if no image with blog post
-------------------------------------*/
/*-------------------------------------
	4. blog post half image
-------------------------------------*/
/*-------------------------------------
	5. Blog paging Next & Prev css
-------------------------------------*/
/*-------------------------------------
	6. Post navigation
-------------------------------------*/
/*-------------------------------------
	7. post pagination
-------------------------------------*/
/*7.1 Sticky Post*/
/*-------------------------------------
	8. Post password form
-------------------------------------*/
/*-------------------------------------
	9. gallery css for blog post
-------------------------------------*/
/*-------------------------------------
	10. side bar
-------------------------------------*/ 
/*-------------------------------------
	11. Blog single
-------------------------------------*/
/*-------------------------------------
	12. comment list
-------------------------------------*/
/*-------------------------------------
	13. comment form
-------------------------------------*/
/*-------------------------------------
	14. blog block style-1
-------------------------------------*/
/*-------------------------------------
	15. blog grid-post
-------------------------------------*/
/*-------------------------------------
	16. if no image with blog post Latest-blog-3
-------------------------------------*/
/*======================================
14. HEADER (top part of page)
======================================*/
.site-header { 
	position:relative; 
	z-index:999; 
}
@media only screen and (max-width:1200px) {
.site-header .container { 
	width:auto;
}
}
.site-header ul,
.site-header ol{
	margin-bottom:0;
}
/*-------------------------------------
	1. header full screen
-------------------------------------*/
/*-------------------------------------
	2. without top bar
-------------------------------------*/
/*-------------------------------------
	3. map page header
-------------------------------------*/
/*======================================
15. PAGE TOP BAR (left & right content)
======================================*/
.top-bar{
	color:#ffffff;
	padding:10px 0;
	/*background-color:#212427;*/
}
.top-bar .fa {
	vertical-align: middle;
	background-color:rgba(0,0,0,0.08);
	border:1px solid rgba(0,0,0,0.01);
	padding:3px;
	width:22px;
	height:22px;
	text-align:center;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
	
	

.wt-topbar-right {
	padding-left:15px;
	padding-right:15px;
}
.wt-topbar-right {
	float:right;
}
	
@media only screen and (max-width: 991px) {

.wt-topbar-right {
	float:none;
	padding-top:5px;
	padding-bottom:5px;
}
}
/*-------------------------------------
	1. eamil-phone (left) 
-------------------------------------*/
.e-p-bx li {
	display: inline;
	font-size: 12px;
	padding-right: 10px;
}
.e-p-bx li a {
	color: #FFF;
}
.e-p-bx li i {
	margin-right:5px;
	vertical-align: middle;
}
/*-------------------------------------
	2. social-links (right) 
-------------------------------------*/
.social-bx { 
	margin:0 0 0 15px;
	float:right;
}
@media only screen and (max-width: 480px) {
.social-bx,
.e-p-bx { 
	margin-top:5px;
	margin-bottom:5px !important;
}
}
.social-bx li { 
	font-size:12px; 
	margin:0;
	position:relative;
}
.social-bx li{ 
	padding-left:2px;
	padding-right:2px;
}
.social-bx li a {
	color:#ffffff;
}
.social-bx li i { 
	vertical-align:baseline; 
	margin:0 5px 0 0;
}
.social-bx li span { 
	vertical-align:baseline; 
	margin:0 2px 0;
	font-size:8px;
}
/*-------------------------------------
	3. language-list () 
-------------------------------------*/
/*======================================
16. LOGO ( company identify  symbol )
======================================*/
/*-------------------------------------
	1. logo for header 
-------------------------------------*/
.logo-header{ 
	display:table;
	float:left; 
	vertical-align:middle; 
	padding:0; 
	font-size:36px;  
	color:#1bbce8;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	width: 220px;
	height:90px;
	position:relative;
	z-index:9;
}
@media only screen and (max-width:991px) {
.logo-header{ 
	width:180px;
}
}
@media only screen and (max-width:480px) {
.logo-header{ 
	width:100px;
}
}
.logo-footer  { 
	display:table;
	vertical-align:middle; 
	padding:0; 
	font-size:36px;  
	color:#1bbce8;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:0;
	margin-right:0;
	max-width:200px;
	height:60px;
}
.logo-header > a,
.logo-footer > a{ 
	display:table-cell;
	vertical-align:middle;
}
.logo-header img,
.logo-footer img { 
	max-width:100%; 
	width:auto; 
	height:auto; 
	vertical-align:middle;
}
.logo-header span,
.logo-footer span { 
	font-size:20px; 
	color:#1bbce8; 
	letter-spacing:20px;
}
/*-------------------------------------
	2. when header is sticky 
-------------------------------------*/  
.is-fixed .logo-header {
	height:70px;	
}
/*======================================
17. MAIN BAR ( place logo & main-navigation )
======================================*/
.main-bar {
	position:relative; 
	width:100%;
}
.main-bar::after,
.main-bar::after {
    clear: both;
    content: "";
    display: table;
}
/*main bar with box view*/
/*header info css*/
/*-------------------------------------
	1. Top Part Search Bar
-------------------------------------*/
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 999;
    display: block;
}
/*======================================
18. NAVIGATIONS 
======================================*/
/*-------------------------------------
	1. mena-menu
-------------------------------------*/
.navbar-toggle { 
	border:none; 
	margin-top:24px;
	margin-bottom:24px;
	margin-left:15px;
	margin-right:-10px;
	padding: 12px 10px;
}
.navbar-toggle .icon-bar { 
	background:#555;
	height:3px;
	border-radius:0;
	-webkit-border-radius:0;
}
@media only screen and (max-width:480px) {
.navbar-toggle { 
	margin-left:10px;
}
}
.is-fixed .navbar-toggle { 
	margin-top:14px;
	margin-bottom:14px;
}
.header-nav {
	position:relative;
	padding:0;
}
.header-nav .nav {
	float:right;
}
.header-nav .nav i {
	font-size:9px; 
	margin-left:3px;
	margin-top:-3px;
	vertical-align:middle;
	opacity:0.7;
}
.header-nav .nav > li {
	margin: 0px;
	font-weight:400;
	position:relative;
	text-transform:uppercase;
}
.header-nav .nav > li > a {
	border-radius: 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	color: #555;
	font-size: 14px;
	font-weight:600;
	padding:35px 12px;
	cursor:pointer;
}
.header-nav .nav > li > a:hover {
	background-color: transparent;
	color: #212427;
}
.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
	background-color: transparent;
}
.header-nav .nav > li.active > a {
	background-color: transparent;
	color: #FFBC13;
}
.header-nav .nav > li:hover > a {
	color: #FFBC13;
}
.header-nav .nav > li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	margin-top:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header-nav .nav > li .sub-menu {
	background-color: #ffffff;
	border: 1px solid #f4f4f4;
	display: block;
	left: 0;
	list-style: none;
	margin:20px 0 0;
	opacity: 0;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	width: 220px;
	z-index: 10;
}
.header-nav .nav > li .sub-menu li {
	border-bottom: 1px solid #f4f4f4;
	position: relative;
	text-transform:none;
}
.header-nav .nav > li .sub-menu li a {
	color:#474747;
	display: block;
	font-size: 13px;
	padding: 10px 20px;
}
.header-nav .nav > li .sub-menu li a:hover {
	background-color:#273447;
	color: #1BBCE8;
	text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
	color: #1BBCE8;
}
.header-nav .nav > li .sub-menu li:last-child {
	border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
	color: #363636;
	display: block;
	float: right;
	position: absolute;
	right: 10px;
	top: 12px;
}
.header-nav .nav > li .sub-menu li > .sub-menu {
	left:220px;
	margin:0 0 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu {
	left:220px;
	margin:0px;
	opacity:1;
	top: -1px;
	visibility: visible;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
	background-color: transparent;
	bottom: 0px;
	content: '';
	display: block;
	height: 100%;
	left: -6px;
	position: absolute;
	top: 0px;
	width: 6px;
}
/*-- Submenu direction---*/
/*.header-nav .nav > li:last-child{display:none;}*/
@media only screen and (max-width: 991px) {
header .logo{
	display:block;
	padding:4px 0;
}
.header-nav .nav i {
	margin-top:6px;
}
.header-nav .nav  li.has-child.nav-active > a{
	color:#ffbc13;
}
}
@media only screen and (max-width: 991px) {
/* responsive strat when media screen [991px] css START*/
.navbar-toggle {
	display: block;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {  /* NEW */
	display: block!important; 
}
/* Responsive strat when medai screen [991px] css END*/
.header-nav {
	clear:both;
	margin:0 -15px;
	border-bottom:1px solid #E9E9E9 ;
}
.header-nav .nav{
	float:none;
	margin:0;
	background:#fff;
}
.header-nav .nav li {
	float:none;
}
.header-nav .nav > li .sub-menu > li {
	float:none;
	display:block;
	width:auto;
}
.header-nav .nav  li .sub-menu > li a {
	padding-left:30px;
}
.header-nav .nav > li > a {
	padding: 12px 15px;
	border-top:1px solid #E9E9E9 ;
	color: #777;
}
.header-nav .nav > li.active > a {
    color: #FFBC13;
}
.header-nav .nav i{
	float:right;	
}
.header-nav .nav > li > a:hover,
.header-nav .nav > li > a:active, 
.header-nav .nav > li > a:focus {
	background-color: #f0f0f0;
	text-decoration: none;
}
.header-nav .nav > li ul,
.header-nav .nav > li .sub-menu {
	display: none;
	position: static;
	visibility: visible;
	width:auto;
	background:#f9f9f9;
}
.header-nav .nav li.has-child {
    position:relative;
}
.header-nav .nav  li .sub-menu {
    opacity:1;
    margin:0 !important;
}
}
/*-------------------------------------
	2. nav dark version
-------------------------------------*/
/*-------------------------------------
	3. when header is sticky
-------------------------------------*/
/*-------------------------------------
	4. when header is sticky
-------------------------------------*/  
.is-fixed .main-bar {
	position:fixed;
	top:0;
	left:0;
}
.is-fixed .header-nav .nav > li > a {
	padding:25px 12px;
}
@media only screen and (max-width: 991px) {
.is-fixed .header-nav .nav > li > a {
	padding:12px 15px;
}
}
@media only screen and (max-width: 991px) {
.is-fixed .header-nav .nav{
	overflow:auto;
	height:275px;
}	
.is-fixed .header-nav .nav > li > a {
	padding:12px 15px;
}
}
/*-------------------------------------
	5. header full width
-------------------------------------*/
/*-------------------------------------
	6. header with bg primary color 1
-------------------------------------*/
/*-------------------------------------
	7. header style 2 (center content)
-------------------------------------*/
/*-------------------------------------
	8. header style 3 (header transperent)
-------------------------------------*/
/* header 3 fixed */
/*.header-style-3 .is-fixed.color-fill .header-nav .nav > li > a {
	color:#fff;
}
.header-style-3 .is-fixed .header-nav .nav > li:hover > a {
	color:#FFBC13;	
}
.header-style-3 .header-nav .is-fixed  .nav > li.active > a, 
.header-style-3 .header-nav .is-fixed  .nav > li.current-menu-item > a {
	color:#FFBC13;	
}
.header-style-3 .is-fixed.color-fill .navbar-toggle .icon-bar {
	background:#fff;
}
.header-style-3 .is-fixed.color-fill .site-search-btn,
.header-style-3 .is-fixed.color-fill .wt-cart .woo-cart-total,
.header-style-3 .is-fixed.color-fill .wt-cart .woo-cart-count {
	color:#fff;
}
.header-style-3 .is-fixed.color-fill .wt-cart .woo-cart-count,
.header-style-3 .is-fixed.color-fill .wt-cart .woo-cart-count::before {
	border-color:#fff;
}*/
/*-------------------------------------
	9. header style 4 (header white overlay)
-------------------------------------*/
/*	header 4 fixed */
/*-------------------------------------
	11. header style 5 (header black overlay)
-------------------------------------*/
/* header 5 fixed */
/*-------------------------------------
	12. header style 6 
-------------------------------------*/
/*-------------------------------------
	13. header style 7 
-------------------------------------*/
/*-------------------------------------
	13. header style 7 
-------------------------------------*/
/*======================================
19. BANNER
======================================*/
/*-------------------------------------
	1. inner page banner 
-------------------------------------*/
/*======================================
20. SLIDER
======================================*/
/*-------------------------------------
	1. owl slider 
-------------------------------------*/
/*-------------------------------------
	1.1  next pre btn
-------------------------------------*/
/*-------------------------------------
	1.2 owl dots button
-------------------------------------*/
/*-------------------------------------
	1.3 owl button top to center
-------------------------------------*/
/*-------------------------------------
	1.4 owl button top to left
-------------------------------------*/
/*-------------------------------------
	1.5 owl button top to right
-------------------------------------*/
/*-------------------------------------
	1.6 owl button bottom to center [it is default position ]
-------------------------------------*/
/*-------------------------------------
	1.7 owl button bottom to left
-------------------------------------*/
/*-------------------------------------
	1.8 owl button bottom to right
-------------------------------------*/
/*-------------------------------------
	1.9 owl button vertical to center
-------------------------------------*/
/*-------------------------------------
	1.10 owl button show on hover
-------------------------------------*/
/*-------------------------------------
    1.11 owl slider button
-------------------------------------*/
/*-------------------------------------
	1.12 owl dots nav position
-------------------------------------*/
/*======================================
21. PAGINATION 
======================================*/
/*1. pagination style-1 */
/*2. pagination style-2 */
/*3. Pager */
	
/*======================================
22. FOOTER 
======================================*/
/*-------------------------------------
	1. footer fixed on bottom css
-------------------------------------*/
/*1.1 footer fixed with fullscreen view*/
/*1.2 footer fixed with boxed view*/
/*1.3 Constrot strip line*/
.constrot-strip{
	position:relative;
	height:15px;
	width:100%;
	background-color:#ffbc13;
	background-image:url(../../images/footer-strip.png);
	background-repeat:repeat-x;
	background-position:center top;
}
.site-footer .widget > .widget-title {
	text-transform:uppercase;
}
.site-footer p,
.site-footer li { 
	font-size:13px;
	line-height:20px;
}
.site-footer { 
	background-position:center;
	background-size:cover;
}
.site-footer p { 
	line-height:20px;
}
.site-footer .widget ul{
	list-style:none;
	margin-top:5px;
}
.footer-top { 
	padding:50px 0;
}
.footer-bottom { 
	padding:0px 0px 30px 0px; 
	color:#8a8a8a; 
	font-size:13px;
}
.footer-bottom .copyrights-text { 
	color:#8a8a8a; 
}
.footer-bottom .copyrights-nav { 
	list-style:none;
	display:inline-block;
}
.footer-bottom .copyrights-nav li { 
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
}
.footer-bottom .copyrights-nav li:first-child { 
	margin-left:0;
}
.footer-bottom .copyrights-nav li:last-child { 
	margin-right:0;
}
.footer-bottom .copyrights-nav li:last-child:after { 
	display:none;
}
.footer-bottom .copyrights-nav li:after { 
	content:"/";
	position:relative;
	right:-8px;
}
.footer-bottom .copyrights-nav li a{ 
	color:#8a8a8a; 
}
.footer-bottom .copyrights-nav li a:hover,
.footer-bottom .copyrights-nav li a:active,
.footer-bottom .copyrights-nav li a:focus,
.footer-bottom .copyrights-nav li.active a{ 
	color:#FFBC13; 
}
/*-------------------------------------
	2. Footer dark version css
-------------------------------------*/
.footer-dark .footer-top  {
	 background-color:#1a1a1a;	
}
.footer-dark .footer-bottom { 
	background-color:#0e0e0e;  
}
.footer-dark .footer-top h1, 
.footer-dark .footer-top h2,
.footer-dark .footer-top h3,
.footer-dark .footer-top h1 a, 
.footer-dark .footer-top h2 a,
.footer-dark .footer-top h3 a { 
	color: #fff;
}
.footer-dark .footer-top .widget-title::before {
	 border-color:#fff;	
}
.footer-dark .footer-top p,
.footer-dark .footer-top {
    color: #FFFFFF;
}
.footer-dark .footer-top a:active,
.footer-dark .footer-top a:focus,
.footer-dark .footer-top a:hover { 
	color: #ffbc13;
}
.footer-dark .footer-top p a{ 
	color: #3396d1;
}
/*-------------------------------------
	3. Footer light version css
-------------------------------------*/
/*-------------------------------------
	4. widget li in footer
-------------------------------------*/
/*-------------------------------------
	5. widget Getintuch
-------------------------------------*/
.footer-bottom ul { 
	margin:0;
}
.wt-footer-bot-left,
.wt-footer-bot-right {
	padding-left:15px;
	padding-right:15px;
}
.wt-footer-bot-left {
	float:left;
}
.wt-footer-bot-right {
	float:right;
}
@media only screen and (max-width:991px) {
footer .container {
	width:100%;
}
.wt-footer-bot-left , 
.wt-footer-bot-right{
	float:none;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.wt-footer-bot-right .copyrights-nav{
	float:none !important;
}
}
/*-------------------------------------
	6. scroll top btn css
-------------------------------------*/
button.scroltop { 
	height: 55px;  
	width: 55px;
	background:#161616;  
	border:3px solid;
	position: fixed;   
	right: 15px;   
	bottom:15px;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0; 
	padding:0;    
	cursor: pointer;    
	display: none;    
	text-align:center;  
	z-index:999;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
button.scroltop span{
	display: block;
	font-size: 24px;
	line-height: 24px;
}
#btn-vibrate{
    animation:vibrate 2s linear 0s infinite;
    -moz-animation: vibrate 2s linear 0s infinite;
    /* Firefox */
    -webkit-animation: vibrate 2s linear 0s infinite;
    /* Safari and Chrome */
    -o-animation: vibrate 2s linear 0s infinite;
    /* Opera */
}
@keyframes vibrate {
    0% {
        top: 0px;
    }
    25% {
        top: -3px;
    }
    50% {
        top: 0px;
    }
    75% {
        top: 3px;
    }
    100% {
        top: 0px;
    }
}
/* Firefox */
@-moz-keyframes vibrate
 {
    0% {
        top: 0px;
    }
    25% {
        top: -3px;
    }
    50% {
        top: 0px;
    }
    75% {
        top: 3px;
    }
    100% {
        top: 0px;
    }
}
/* Safari and Chrome */
@-webkit-keyframes vibrate
 {
    0% {
        top: 0px;
    }
    25% {
        top: -3px;
    }
    50% {
        top: 0px;
    }
    75% {
        top: 3px;
    }
    100% {
        top: 0px;
    }
}
/* Opera */
@-o-keyframes vibrate
 {
    0% {
        top: 0px;
    }
    25% {
        top: -3px;
    }
    50% {
        top: 0px;
    }
    75% {
        top: 3px;
    }
    100% {
        top: 0px;
    }
}
@media only screen and (max-width:480px) {
button.scroltop { 
	font-size:7px;
	height:30px;  
	width: 30px;
	line-height:16px;
}
button.scroltop span {
    font-size: 10px;
    line-height: 10px;
}
}
/*======================================
23. PAGE-CONTENT
======================================*/
/*======================================
23. PAGE-CONTENT
======================================*/
.page-wraper { 
	background:#fff;
}
.page-content { 
	position:relative;
}
/*-------------------------------------
	1. Section Head Part 
-------------------------------------*/
/*-------------------------------------
	2. Section Content Part 
-------------------------------------*/
/*======================================
24. AFTER-LOGIN-CONTENT
======================================*/
/*-------------------------------------
	1. calender css
-------------------------------------*/
/*-------------------------------------
	2. Contact us page 
-------------------------------------*/
/*-------------------------------------
	3.page not found
-------------------------------------*/
/*======================================
25. THEMEFOREST REQUIRED CLASSES
======================================*/
/*-------------------------------------
	1. Text meant only for screen readers
-------------------------------------*/
/*======================================
26. HOME PAGE VERSION-1 
======================================*/
/*======================================
27. BOX MAX-WIDTH css (  )
======================================*/
/*======================================
28. SHOP & PRODUCT DETAIL (Woocommerce)
======================================*/
/*-------------------------------------
	1. Product Box 
-------------------------------------*/
/*-------------------------------------
	2. Product Detail 
-------------------------------------*/
/*-------------------------------------
	3.  Product Review 
-------------------------------------*/
/*======================================
29. content show on image box () 
======================================*/
/* info box show */
/*======================================
30. Customize  Grouping css 
======================================*/
/*-------------------------------------
	1.set-radius 
-------------------------------------*/

.navbar-toggle {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
}
/*------------------------------------- 
	2. transition 
-------------------------------------*/
a,
.navbar-toggle,
.logo-header,
.header-nav .nav > li > a {
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
/*------------------------------------- 
	3. float-clearfix 
-------------------------------------*/
.clearfix::after {
	content: "";
	display: table;
	clear: both;
} 
/*======================================
32. Inner pages 
======================================*/
/*------------------------------------- 
	1. Contact us 
-------------------------------------*/
	
/*1.1 Contact us 1 */
/*------------------------------------- 
	2. Out Team
-------------------------------------*/
/*2.1. Out Team one*/
/*2.2. Out Team two*/
/*2.3. Out Team three*/
/*2.4. Out Team four*/
/*2.5. Out Team five*/
/*------------------------------------- 
	3. Social-new block
-------------------------------------*/
/*------------------------------------- 
	4. portfolio block
-------------------------------------*/
/*------------------------------------- 
	5. services
-------------------------------------*/
/*------------------------------------- 
	6. latest project
-------------------------------------*/
/*======================================
33. Box-corner
======================================*/
/* corner-sm */
/*======================================
34. Menu list block
======================================*/ 
/*======================================
35. Company Detail skew
======================================*/
/*======================================
36. Clients
======================================*/
/*======================================
37. FAQ
======================================*/	
	
/*======================================
38. Cart
======================================*/
/*======================================
39. Product
======================================*/
/*======================================
40. Glass reflection
======================================*/
/*======================================
41. About company
======================================*/
/*======================================
42. Flip
======================================*/
/* simple */
/* START: Accommodating for IE */
/* END: Accommodating for IE */
/* vertical */
/* START: Accommodating for IE */
/*======================================
43. Animate line
======================================*/
/*======================================
44. Timeline Section
======================================*/
/*---- timeline 1 ----*/
/*======================================
45. Our value Section
======================================*/
/*======================================
46. Background Effects
======================================*/
/*======================================
47. ON SHOW SLIDER
======================================*/
/*.on-show-slider{
	position:relative;
	cursor:pointer;
}
.on-show-slider #sync2{
	position:absolute;
	bottom:0px;
	background-color:#fff;
	margin:1%;
	width:98%;
}
.on-show-slider #sync2 .owl-item img{
	padding:5px;
}
.on-show-slider #sync1 .owl-nav,
.on-show-slider #sync2{
	opacity:1;
}
.on-show-slider:hover #sync1 .owl-nav,
.on-show-slider:hover #sync2{
	opacity:1;
}*/
	
/*======================================
48. shopping-table
======================================*/
/*======================================
49. shopping-table
======================================*/
/*======================================
50. scale images
======================================*/
/*======================================
51. GRAPH PART
======================================*/