/*--------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
1. GLOBAL STYLES
2. HEADER STYLES
3. NAVMENU - DEFAULT STYLES
4. NAVMENU - STYLE2 STYLES
5. NAVMENU - STYLE3 STYLES
6. NAVMENU - STYLE4 STYLES
7. NAVMENU - STYLE5 STYLES
8. HEADER SEARCH STYLES
9. SLIDER CUSTOM STYLES
10. SHADOW STYLES
11. SERVICES STYLES
12. EXTRAS
13. PORTFOLIO STYLES
14. TABS STYLES
15. TESTIMONIALS STYLES
16. SHORTCODES STYLES
17. CLIENT STYLE
18. PAGE HEADER
19. TEAM CONTENT
20. PRICING TABLE
21. GOOGLE MAP STYLES
22. SIDEBAR STYLES
23. BLOG STYLES
24. COMMENTS STYLES
25. FAQ STYLES
26. CONTACT FORM STYLES
27. 404PAGE  STYLES
28. SOCIAL STYLES
29. FOOTER STYLES
30. FOOTER COPYRIGHT STYLES
31. MAGNIFIC POPUP CSS
32. SHOP PAGE STYLES
33. SHOP SIDEBAR STYLES
34. SIDEBAR POPULAR PRODUCTS
35. SHOP SINGLE STYLES
36. MOBILE MENU STYLES
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------/



/*------------------------------------------------------------- 
                    GLOBAL STYLES
---------------------------------------------------------------*/
html, body {
  height:100%;
}

body {
	font-family: 'Open sans', sans-serif;
}

a, a:hover {
	color:#1c9dfb;
}

.no-padding {
	padding-left:0px;
	padding-right:0px;
}

p {
	font-size:12px;
	color:#8a8a8a;
	line-height:22px;
}

.space10 {margin-bottom:10px;}
.space15 {margin-bottom:15px;}
.space20 {margin-bottom:20px;}
.space25 {margin-bottom:25px;}
.space30 {margin-bottom:30px;}
.space35 {margin-bottom:35px;}
.space40 {margin-bottom:40px;}
.space50 {margin-bottom:50px;}
.space60 {margin-bottom:60px;}
.space70 {margin-bottom:70px;}
.space80 {margin-bottom:80px;}
.space90 {margin-bottom:90px;}
.space100 {margin-bottom:100px;}
.space110 {margin-bottom:110px;}
.space120 {margin-bottom:120px;}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border:0px;
	z-index:10;
}

.video iframe,
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a:hover, a:focus  {
	text-decoration:none;
}

p {
	font-family:Open Sans, Sans-serif;
}

/*------------------------------------------------------------- 
                    HEADER STYLES
---------------------------------------------------------------*/

.logo {
    margin: 0px 0px;
    padding: 35px 0 0;
}

.logo a {
	color:#1b9cff;
	text-transform:uppercase;
	font-size: 38px;
}

body .search {
	margin-top:30px;
}

body .search input {
	background: #fff url(../images/search.png) no-repeat left;
	height: 32px;
	width: 175px;
	border:1px solid #e1e1e1;
	float: right;
	background-position:8px 50%;
	padding:0 25px;
}

.top-wrap {
    height:48px;
    background:#e7f4fe;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    position:relative;
}

.top-wrap-inner {
    position:relative;
}

.top-login {
    position:absolute;
    top:0px;
    height:46px;
    left:20px;
    padding:0 27px;
    font-family:Roboto;
    line-height:46px;
    border-right:1px solid #d5e1ea;
    border-left:1px solid #d5e1ea;
    color:#7588ab;
}

.top-login a {
    font-weight:bold;
    color:#3c465a;
}

.top-language,
.top-cart {
    position:absolute;
    top:0px;
    height:46px;
    right:20px;
    padding:0 27px;
    font-family:Roboto;
    line-height:46px;
    border-right:1px solid #d5e1ea;
    color:#7588ab;
}

.top-language {
    position:absolute;
    top:0px;
    height:46px;
    right:157px;
    padding:0 27px;
    font-family:Roboto;
    line-height:46px;
    border-right:1px solid #d5e1ea;
    border-left:1px solid #d5e1ea;
}

.top-contact {
	padding:0px;
	display:table;
	float:right;
	margin:25px 0;
	font-family:Roboto;
}

.top-contact li {
	float:left;
	list-style:none;
	margin-left:20px;
	color:#959595;
	font-size:13px;
}

.top-contact li i {
	color:#5b5b5b;
	margin-right:5px;
}

/*------------------------------------------------------------- 
                   NAVMENU - DEFAULT STYLES
---------------------------------------------------------------*/

#topnav {
	background:transparent;
	display: table;
	float: right;
}

#topnav ul,
#topnav li,
#topnav span,
#topnav a {
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav:after,
#topnav ul:after {
	content: '';
	display: block;
	clear: both;
}

#topnav a {
	padding: 11px 5px;
	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	line-height: 18px;
	font-weight:700;
      color:#7789ab;
	font-family:Arimo;
}

#topnav ul {list-style: none;}
#topnav > ul {float: left;}
#topnav > ul > li {float: left;background:url(../images/nav-sep.png) no-repeat right center;padding:35px 20px;}
#topnav > ul > li > a { border-bottom:3px solid transparent;}
#topnav > ul > li.active > a,#topnav > ul > li > a:active { color:#313d53;border-color:#1b9cff;}
#topnav > ul > li:hover > a {color:#313d53; border-color:#1b9cff;}
#topnav > ul > li.active { }
#topnav .has-sub {
	z-index:99999;
}

#topnav .has-sub:hover > ul {
	display: block;
}

#topnav .has-sub ul {
	display: none;
	position: absolute;
	width: 170px;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav .has-sub ul li {
	*margin-bottom: -1px;
}

#topnav .has-sub ul li:last-child {
	border-bottom:none ;
}

#topnav .has-sub ul li a {
	filter: none;
	font-size: 12px;
	display: block;
	line-height: 120%;
	color: #8a8a8a;
	font-weight:600;
	padding-left:25px;
	padding-right:25px;
	font-family:Open sans;
}

#topnav .has-sub ul li:hover a {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav .has-sub .has-sub:hover > ul {
	display: block;
}

#topnav .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 101%;
	top: 0;
	width: 170px;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav .has-sub .has-sub ul li a {
	background-color: #fff;
	color: #8a8a8a !important;

}

#topnav .has-sub .has-sub ul li a:hover {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav .nav-sub {
	background:url(../images/arrow-sub.png) no-repeat right center;
	background-position:95% 50% !important;
}

#topnav .has-sub-full {
	z-index:99999;
}

#topnav .has-sub-full ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav .has-sub-full:hover > ul {
	display: block;
}

#topnav .full-sub {
    width: 980px !important;
    background: #fff ;
    z-index: 999 ;
    position: absolute !important;
    left: auto !important;
    right: -130px !important;
    display: table;
    padding:25px 0px 25px !important;
}

#topnav .full-sub li ul {
    display:block !important;
    background: none !important;
    border: none !important;
    width: 100% !important;
    position: relative !important;
    border-right:1px solid #f1f1f1 !important;
}

#topnav .full-sub li ul li {
    padding-left:25px;
    padding-right:25px;
}

#topnav .full-sub li ul li:hover {
    background:#f6f6f6 !important;
}

#topnav .full-sub li ul li:hover a {
    background:#f6f6f6 !important;
    color:#8a8a8a !important;
}

#topnav .last-sub {
    border-right:none !important;
}

#topnav .sub-head {
    font-family:Roboto;
    color:#2e2e2e;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 10px !important;
}

#topnav .full-sub li ul li a {
    padding:0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#topnav .full-sub a  {
    font-family: Open sans !important;
    background:#fff !important;
    color:#8a8a8a !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/*------------------------------------------------------------- 
                   NAVMENU - STYLE2 STYLES
---------------------------------------------------------------*/

.header2 {
background:#313d53;
}

#topnav2 {
	background:transparent;
	display: table;
	float: right;
}

#topnav2 ul,
#topnav2 li,
#topnav2 span,
#topnav2 a {
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav2:after,
#topnav2 ul:after {
	content: '';
	display: block;
	clear: both;
}

#topnav2 a {
	padding: 44px 25px;
	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	line-height: 18px;
	font-weight:700;
      color:#7789ab;
	font-family:Arimo;
}

#topnav2 ul {list-style: none;}
#topnav2 > ul {float: left;}
#topnav2 > ul > li {float: left;background:url(../images/nav-sep.png) no-repeat right center;padding:0px 0px;}
#topnav2 > ul > li > a { border-bottom:3px solid transparent;}
#topnav2 > ul > li.active > a,#topnav2 > ul > li > a:active { color:#fff;background-color:#3d4961;}
#topnav2 > ul > li:hover > a {color:#fff; background-color:#3d4961;}
#topnav2 > ul > li.active { background:none;}
#topnav2 .has-sub {
	z-index:99999;
}

#topnav2 .has-sub:hover > ul {
	display: block;
}

#topnav2 .has-sub ul {
	display: none;
	position: absolute;
	width: 170px;
	top: 100%;
	left: 0;
	background-color: #313d53;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav2 .has-sub ul li {
	*margin-bottom: -1px;
}

#topnav2 .has-sub ul li:last-child {
	border-bottom:none ;
}

#topnav2 .has-sub ul li a {
	filter: none;
	font-size: 12px;
	display: block;
	line-height: 120%;
	color: #7490c2;
	font-weight:600;
	padding:11px 25px;
	font-family:Open sans;
}

#topnav2 .has-sub ul li:hover a {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav2 .has-sub .has-sub:hover > ul {
	display: block;
}

#topnav2 .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 101%;
	top: 0;
	width: 170px;
	background-color: #313d53;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav2 .has-sub .has-sub ul li a {
	background-color: #313d53;
	color: #7490c2!important;

}

#topnav2 .has-sub .has-sub ul li a:hover {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav2 .nav-sub {
	background:url(../images/arrow-sub.png) no-repeat right center;
	background-position:95% 50% !important;
}

#topnav2 .has-sub-full {
	z-index:99999;
}

#topnav2 .has-sub-full ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #313d53;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav2 .has-sub-full:hover > ul {
	display: block;
}


#topnav2 .full-sub {
    width: 980px !important;
    background: #313d53;
    z-index: 999 ;
    position: absolute !important;
    left: auto !important;
    right: -130px !important;
    display: table;
    padding:25px 0px 25px !important;
}

#topnav2 .full-sub li ul {
    display:block !important;
    background: #313d53 !important;
    border: none !important;
    width: 100% !important;
    position: relative !important;
    border-right:1px solid #262f40 !important;
}

#topnav2 .full-sub li ul li {
    padding-left:25px;
    padding-right:25px;
}

#topnav2 .full-sub li ul li:hover {
    background:#242d3e !important;  
}

#topnav2 .full-sub li ul li:hover a {
    background:#242d3e !important;
    color:#fff !important;
}

#topnav2 .last-sub {
    border-right:none !important;
}

#topnav2 .sub-head {
    font-family:Roboto;
    color:#1b9cff;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 10px !important;
}

#topnav2 .full-sub li ul li a {
    padding:0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#topnav2 .full-sub a  {
    font-family: Open sans !important;
    background:#313d53 !important;
    color:#7490c2 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

#topnav2 .full-sub a:hover {
    color:#1b9cff !important;
}

/*------------------------------------------------------------- 
                   NAVMENU - STYLE3 STYLES
---------------------------------------------------------------*/

#topnav3 {
	background:transparent;
	display: table;
	float: right;
}

#topnav3 ul,
#topnav3 li,
#topnav3 span,
#topnav3 a {
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav3:after,
#topnav3 ul:after {
	content: '';
	display: block;
	clear: both;
}

#topnav3 a {
	padding: 44px 25px;
	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	line-height: 18px;
	font-weight:700;
      color:#7789ab;
	font-family:Arimo;
}

#topnav3 ul {list-style: none;}
#topnav3 > ul {float: left;}
#topnav3 > ul > li {float: left;background:url(../images/nav-sep.png) no-repeat right center;padding:0px 0px;}
#topnav3 > ul > li > a { border-bottom:3px solid transparent;}
#topnav3 > ul > li.active > a,#topnav3 > ul > li > a:active { color:#313d53;background-color:#e7f4fe;}
#topnav3 > ul > li:hover > a {color:#313d53; background-color:#e7f4fe;}
#topnav3 > ul > li.active { background:none;}
#topnav3 .has-sub {
	z-index:99999;
}

#topnav3 .has-sub:hover > ul {
	display: block;
}

#topnav3 .has-sub ul {
	display: none;
	position: absolute;
	width: 170px;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav3 .has-sub ul li {
	*margin-bottom: -1px;
}

#topnav3 .has-sub ul li:last-child {
	border-bottom:none ;
}

#topnav3 .has-sub ul li a {
	filter: none;
	font-size: 12px;
	display: block;
	line-height: 120%;
	color: #8a8a8a;
	font-weight:600;
	padding:11px 25px;
	font-family:Open sans;
}

#topnav3 .has-sub ul li:hover a {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav3 .has-sub .has-sub:hover > ul {
	display: block;
}

#topnav3 .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 101%;
	top: 0;
	width: 170px;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav3 .has-sub .has-sub ul li a {
	background-color: #fff;
	color: #8a8a8a !important;

}

#topnav3 .has-sub .has-sub ul li a:hover {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav3 .nav-sub {
	background:url(../images/arrow-sub.png) no-repeat right center;
	background-position:95% 50% !important;
}

#topnav3 .has-sub-full {
	z-index:99999;
}

#topnav3 .has-sub-full ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav3 .has-sub-full:hover > ul {
	display: block;
}

#topnav3 .full-sub {
    width: 980px !important;
    background: #fff ;
    z-index: 999 ;
    position: absolute !important;
    left: auto !important;
    right: -130px !important;
    display: table;
    padding:25px 0px 25px !important;
}

#topnav3 .full-sub li ul {
    display:block !important;
    background: none !important;
    border: none !important;
    width: 100% !important;
    position: relative !important;
    border-right:1px solid #f1f1f1 !important;
}

#topnav3 .full-sub li ul li {
    padding-left:25px;
    padding-right:25px;
}

#topnav3 .full-sub li ul li:hover {
    background:#f6f6f6 !important;
}

#topnav3 .full-sub li ul li:hover a {
    background:#f6f6f6 !important;
    color:#8a8a8a !important;
}

#topnav3 .last-sub {
    border-right:none !important;
}

#topnav3 .sub-head {
    font-family:Roboto;
    color:#2e2e2e;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 10px !important;
}

#topnav3 .full-sub li ul li a {
    padding:0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#topnav3 .full-sub a  {
    font-family: Open sans !important;
    background:#fff !important;
    color:#8a8a8a !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/*------------------------------------------------------------- 
                   NAVMENU - STYLE4 STYLES
---------------------------------------------------------------*/

#topnav4 {
	background:transparent;
	display: table;
	float: right;
}

#topnav4 ul,
#topnav4 li,
#topnav4 span,
#topnav4 a {
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav4:after,
#topnav4 ul:after {
	content: '';
	display: block;
	clear: both;
}

#topnav4 a {
	padding: 44px 25px;
	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	line-height: 18px;
	font-weight:700;
      color:#7789ab;
	font-family:Arimo;
}

#topnav4 ul {list-style: none;}
#topnav4 > ul {float: left;}
#topnav4 > ul > li {float: left;background:url(../images/nav-sep.png) no-repeat right center;padding:0px 0px;}
#topnav4 > ul > li > a { border-bottom:3px solid transparent;}
#topnav4 > ul > li.active > a,#topnav4 > ul > li > a:active { color:#313d53;border-bottom:6px solid #1b9cff;}
#topnav4 > ul > li:hover > a {color:#313d53; border-bottom:6px solid #1b9cff;}
#topnav4 > ul > li.active { background:none;}
#topnav4 .has-sub {
	z-index:99999;
}

#topnav4 .has-sub:hover > ul {
	display: block;
}

#topnav4 .has-sub ul {
	display: none;
	position: absolute;
	width: 170px;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav4 .has-sub ul li {
	*margin-bottom: -1px;
}

#topnav4 .has-sub ul li:last-child {
	border-bottom:none ;
}

#topnav4 .has-sub ul li a {
	filter: none;
	font-size: 12px;
	display: block;
	line-height: 120%;
	color: #8a8a8a;
	font-weight:600;
	padding:11px 25px;
	font-family:Open sans;
}

#topnav4 .has-sub ul li:hover a {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav4 .has-sub .has-sub:hover > ul {
	display: block;
}

#topnav4 .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 101%;
	top: 0;
	width: 170px;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav4 .has-sub .has-sub ul li a {
	background-color: #fff;
	color: #8a8a8a !important;

}

#topnav4 .has-sub .has-sub ul li a:hover {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav4 .nav-sub {
	background:url(../images/arrow-sub.png) no-repeat right center;
	background-position:95% 50% !important;
}

#topnav4 .has-sub-full {
	z-index:99999;
}

#topnav4 .has-sub-full ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}


#topnav4 .has-sub-full:hover > ul {
	display: block;
}

#topnav4 .full-sub {
    width: 980px !important;
    background: #fff ;
    z-index: 999 ;
    position: absolute !important;
    left: auto !important;
    right: -130px !important;
    display: table;
    padding:25px 0px 25px !important;
}

#topnav4 .full-sub li ul {
    display:block !important;
    background: none !important;
    border: none !important;
    width: 100% !important;
    position: relative !important;
    border-right:1px solid #f1f1f1 !important;
}

#topnav4 .full-sub li ul li {
    padding-left:25px;
    padding-right:25px;
}

#topnav4 .full-sub li ul li:hover {
    background:#f6f6f6 !important;
}

#topnav4 .full-sub li ul li:hover a {
    background:#f6f6f6 !important;
    color:#8a8a8a !important;
}

#topnav4 .last-sub {
    border-right:none !important;
}

#topnav4 .sub-head {
    font-family:Roboto;
    color:#2e2e2e;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 10px !important;
}

#topnav4 .full-sub li ul li a {
    padding:0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#topnav4 .full-sub a  {
    font-family: Open sans !important;
    background:#fff !important;
    color:#8a8a8a !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/*------------------------------------------------------------- 
                   NAVMENU - STYLE5 STYLES
---------------------------------------------------------------*/

#topnav5 {
	background:transparent;
	display: table;
	float: right;
}

#topnav5 ul,
#topnav5 li,
#topnav5 span,
#topnav5 a {
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav5:after,
#topnav5 ul:after {
	content: '';
	display: block;
	clear: both;
}

#topnav5 a {
	padding: 6px 25px;
	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	line-height: 18px;
	font-weight:700;
      color:#7789ab;
	font-family:Arimo;
}

#topnav5 ul {list-style: none;}
#topnav5 > ul {float: left;}
#topnav5 > ul > li {float: left;padding:39px 0px;}
#topnav5 > ul > li > a { border-bottom:3px solid transparent;}
#topnav5 > ul > li.active > a,#topnav5 > ul > li > a:active { color:#313d53;background-color:#1b9cff;color:#fff;border-radius:13px;}
#topnav5 > ul > li:hover > a {color:#313d53; background-color:#1b9cff;color:#fff;border-radius:13px;}
#topnav5 > ul > li.active { background:none;}
#topnav5 .has-sub {
	z-index:99999;
}

#topnav5 .has-sub:hover > ul {
	display: block;
}

#topnav5 .has-sub ul {
	display: none;
	position: absolute;
	width: 170px;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav5 .has-sub ul li {
	*margin-bottom: -1px;
}

#topnav5 .has-sub ul li:last-child {
	border-bottom:none ;
}

#topnav5 .has-sub ul li a {
	filter: none;
	font-size: 12px;
	display: block;
	line-height: 120%;
	color: #8a8a8a;
	font-weight:600;
	padding:11px 25px;
	font-family:Open sans;
}

#topnav5 .has-sub ul li:hover a {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav5 .has-sub .has-sub:hover > ul {
	display: block;
}

#topnav5 .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 101%;
	top: 0;
	width: 170px;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav5 .has-sub .has-sub ul li a {
	background-color: #fff;
	color: #8a8a8a !important;

}

#topnav5 .has-sub .has-sub ul li a:hover {
	background-color: #1b9cff;
	color:#fff !important;
}

#topnav5 .nav-sub {
	background:url(../images/arrow-sub.png) no-repeat right center;
	background-position:95% 50% !important;
}

#topnav5 .has-sub-full {
	z-index:99999;
}

#topnav5 .has-sub-full ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	border:none;
	border-bottom:3px solid #1b9cff;
}

#topnav5 .has-sub-full:hover > ul {
	display: block;
}

#topnav5 .full-sub {
    width: 980px !important;
    background: #fff ;
    z-index: 999 ;
    position: absolute !important;
    left: auto !important;
    right: -130px !important;
    display: table;
    padding:25px 0px 25px !important;
}

#topnav5 .full-sub li ul {
    display:block !important;
    background: none !important;
    border: none !important;
    width: 100% !important;
    position: relative !important;
    border-right:1px solid #f1f1f1 !important;
}

#topnav5 .full-sub li ul li {
    padding-left:25px;
    padding-right:25px;
}

#topnav5 .full-sub li ul li:hover {
    background:#f6f6f6 !important;
}

#topnav5 .full-sub li ul li:hover a {
    background:#f6f6f6 !important;
    color:#8a8a8a !important;
}

#topnav5 .last-sub {
    border-right:none !important;
}

#topnav5 .sub-head {
    font-family:Roboto;
    color:#2e2e2e;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 10px !important;
}

#topnav5 .full-sub li ul li a {
    padding:0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#topnav5 .full-sub a  {
    font-family: Open sans !important;
    background:#fff !important;
    color:#8a8a8a !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

.header6 .logo {
    display:table;
    margin:0px auto;
}

.header6 #topnav {
    display:table;
    margin:0 auto;
    float:none;
}

.header6 #topnav > ul > li.active > a, .header6 #topnav > ul > li > a:active { border:none !important;}
.header6 #topnav > ul > li:hover > a {border:none !important;}

.header6 #topnav > ul  {
margin-top:30px;
}

.header6 #topnav > ul > li {
    padding: 0px 20px 0px;
}

.header6 #topnav .full-sub {
    right: -300px !important;
}

#topnav, #topnav1, #topnav2, #topnav3, #topnav4, #topnav5 {margin-right: 25px;}

/*------------------------------------------------------------- 
                    HEADER SEARCH STYLES
---------------------------------------------------------------*/

.head-search {
    position: relative;
    right: 10px;
    top: 31px;
}

.head-search input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}

.head-search input::-webkit-search-decoration,
.head-search input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

.head-search input[type=search] {
	height:30px;
	line-height:30px;
	background:url(../images/search.png) no-repeat right;
	background-size:13px;
	border:1px solid transparent;
	padding: 0px 15px;
	width: 55px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.head-search input[type=search]:focus {
	width: 130px;
	background:url(../images/search.png) no-repeat right;
	background-position:92% 48%;
	background-size:13px;
	border-color: #000;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

.head-search input:-moz-placeholder {color: #999;}
.head-search input::-webkit-input-placeholder {color: #999;}

#header-search input[type=search] {
	width: 30px;
	padding-left: 0px;
	color: transparent;
	cursor: pointer;
	position:absolute;
	top: 11px;
	right:0px;
	z-index:99999;
	font-size:12px;
}

#header-search input[type=search]:hover {
	background-color: #fff;
}

#header-search input[type=search]:focus {
	width: 130px;
	padding-right: 32px;
	padding-left:12px;
	color: #000;
	background-color: #fff;
	cursor: auto;
	right:0px;
	z-index:99999;
	border:1px solid #c2c2c2;
}

#header-search input:-moz-placeholder {
	color: transparent;
	font-size:12px;
}

#header-search input::-webkit-input-placeholder {
	color: transparent;
	font-size:12px;
}



/*------------------------------------------------------------- 
                    SLIDER CUSTOM STYLES
---------------------------------------------------------------*/

.carousel-caption-inner {}

.carousel-caption-inner h3 {
	color:#454545;
	text-shadow:none;
	font-size:36px;
	font-weight:400;
}

.carousel-caption-inner h3 span{
	color:#454545;
	display:block;
	color:#1c9bf8;
}

.carousel-caption-inner h4 {
	color:#454545;
	text-shadow:none;
	font-size:45px;
	font-weight:400;
	margin:-10px 0px 10px;
	line-height:46px;
}

.style1 {
	font-size:35px !important;
	line-height:40px !important;
}

.style1 span {
	font-size:18px !important;
	line-height:20px !important;
	margin:10px 0 20px;
}

.carousel-caption-inner h4 span{
	color:#454545;
	display:block;
	color:#1c9bf8;
	font-size:24px;
}

.dtable {display:table;}

.carousel-caption-inner h5 {
	background: #1b9cff;
	display: table;
	line-height: 50px;
	padding: 0 20px 0 15px;
	font-size: 25px;
	text-shadow: none;
	border-radius: 2px;
	margin:0px 0px 5px;
	position:relative;
	color:#fff;
}

.carousel-caption-inner h6 {
	background: #484747;
	display: table;
	line-height: 50px;
	padding: 0 20px 0 15px;
	font-size: 25px;
	text-shadow: none;
	border-radius: 2px;
	margin:0px 0px 5px;
	position:relative;
	color:#fff;
}

.carousel-caption-inner h5 i ,
.carousel-caption-inner h6 i {
	color:#1b9cff;
	font-size:14px;
	font-weight:normal;
}

.carousel-caption-inner p{
	color:#8a8a8a;
	width:67%;
	text-shadow:none;
	font-size:15px;
	line-height:21px;
}

.button-blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #58c3ff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #58c3ff;
	box-shadow:inset 0px 1px 0px 0px #58c3ff;
	background-color:#20afff;
	text-indent:0;
	border:1px solid #0d9ae7;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:34px;
	line-height:34px;
	text-decoration:none;
	text-align:center;
	padding:0 20px;
}

.button-blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	color:#fff;
}

.padd10 {padding:0 10px !important;}
.padd30 {padding:0 30px !important;}
.dtable {display:table;}

.carousel-caption-inner h6:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#727272 #363636;
}

.carousel-video {
	width:549px;
	height:306px;
	background:#dbdbdb;
}

/*------------------------------------------------------------- 
                    SHADOW STYLES
---------------------------------------------------------------*/

.shadow-right {
	background:url(../images/shadow-right.png) no-repeat right bottom;
	position:absolute;
	width:100%;
	height:100%;
	right:-17px;
	bottom:-14px;
	z-index:-1;
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.shadow-left {
	background:url(../images/shadow-left.png) no-repeat left bottom;
	position:absolute;
	width:100%;
	height:100%;
	left:-17px;
	bottom:-13px;
	z-index:-1;
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.shadow-left-big {
	background:url(../images/shadow-left-big.png) no-repeat left bottom;
	position:absolute;
	width:100%;
	height:100%;
	left: -27px;
	bottom: -21px;
	z-index: -1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/*------------------------------------------------------------- 
                    SERVICES STYLES
---------------------------------------------------------------*/

.services {
	border:1px solid #e1e1e1;
	width: 90%;
	float: right;
	padding: 25px 12px 15px 45px;
	position:relative;
	background:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background:#fafafa;
}

.services:hover {
	background:#1b9cff;
	border-color:#1b9cff;
	cursor:pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services:hover h3, .services:hover p {
	color:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services:hover .service-ico1 ,
.services:hover .service-ico2 ,
.services:hover .service-ico3 {
	ackground-color:#484747;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services h3 {
	font-size: 16px;
	color:#444444;
	font-weight: 800;
	margin-top:0px;
}

.services p {
	font-size: 12px;
	color:#444444;
	color:#8a8a8a;
}

.service-ico1, .service-ico2, .service-ico3 {
	background:#1b9cff url(../images/ico1.png) no-repeat center center;
	width: 74px;
	height: 74px;
	border: 7.5px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: -38px;
	top: 22%;
	overflow:hidden;
}

.service-ico2 {
	background:#1b9cff url(../images/ico2.png) no-repeat center center;
}

.service-ico3 {
	background:#1b9cff url(../images/ico3.png) no-repeat center center;
}

.services:hover .shadow-right {
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services1 {
	width: 90%;
	float: right;
	padding: 25px 12px 0px 45px;
	position:relative;
	background:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services1:hover {cursor:pointer;}

.services1:hover .service-ico1 ,
.services1:hover .service-ico2 ,
.services1:hover .service-ico3 {
	background-color:#1b9cff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services1 h3 {
	font-size: 16px;
	color:#444444;
	font-weight: 800;
	margin-top:0px;
}

.services1 p {
	font-size: 12px;
	color:#444444;
	color:#8a8a8a;
	margin-bottom:15px;
	line-height:19px;
}

.services1 .service-ico1, .services1 .service-ico2, .services1 .service-ico3 {
	background:#484747 url(../images/ico4.png) no-repeat center center;
	border:none;
	width: 60px;
	height: 60px;
	display: table;
	border-radius: 50%;
	overflow:hidden;
	float:left;
	margin-top: -8px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services1 .service-ico2 {
	background:#484747 url(../images/ico5.png) no-repeat center center;
}

.services1 .service-ico3 {
	background:#484747 url(../images/ico6.png) no-repeat center center;
}

.services1 a , .rmore {
	font-family:Roboto;
	font-weight:bold;
	font-size:12px;
	color:#1b9cff;
}

.rmore:hover {
	color:#858585;
}

.services1 a:hover {
	color:#b7b7b7;
}

.services2 {
	border:1px solid #e1e1e1;
	width: 100%;
	float: none;
	padding: 25px 15px 0px 15px;
	position:relative;
	background:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services2:hover {cursor:pointer;}

.services2:hover .service-ico1 ,
.services2:hover .service-ico2 ,
.services2:hover .service-ico3 {
	background-color:#1b9cff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services2 h3 {
	font-size: 16px;
	color:#444444;
	font-weight: 800;
	margin-top:0px;
	text-align:center;
}

.services2 p {
	font-size: 12px;
	color:#444444;
	color:#8a8a8a;
	margin-bottom:15px;
	text-align:center;
	line-height:19px;
}

.services2 .service-ico1, .services2 .service-ico2, .services2 .service-ico3 {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:#484747 url(../images/ico4.png) no-repeat center center;
	border:none;
	width: 60px;
	height: 60px;
	display: table;
	border-radius: 50%;
	overflow:hidden;
	float:none;
	margin: 0 auto 25px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.services2 .service-ico2 {
	background:#484747 url(../images/ico5.png) no-repeat center center;
}

.services2 .service-ico3 {
	background:#484747 url(../images/ico6.png) no-repeat center center;
}

.services2 a {
	font-family:Roboto;
	font-weight:bold;
	font-size:12px;
	color:#1b9cff;
	text-align:center;
	display: table;
	margin: 30px auto 22px;
}

.services2 a:hover {
	color:#b7b7b7;
}

.service-info {
	padding-right: 20px;
}

.service-info h6 {
	font-family: Open sans;
	font-style: italic;
	font-weight: 700;
	font-size: 14px;
	text-decoration: underline;
	color:#2e2e2e;
	line-height: 20px;
	margin: 20px 0 25px;
}

.service-3 .services1 {
	margin-bottom:20px;
}

.service-info p {
	color:#8a8a8a;
	font-size:12px;
	line-height:19px;
}

/*------------------------------------------------------------- 
	                  ETXRAS
---------------------------------------------------------------*/

.section-title, .side-widget h5 {
	color:#444444;
	font-size:20px;
	margin:0px 0px 30px;
	background: url(../images/line.png) repeat-x left 9px;
}

.section-title span, .side-widget h5 span {
	background:#fff;
	padding-right:5px;
}

/*------------------------------------------------------------- 
	                  PORTFOLIO STYLES
---------------------------------------------------------------*/

.works-content {
	margin:0 10px !important;
}

.works-content h4 {
	font-size:16px;
	margin:0px 0px 1px;
	color:#2e2e2e;
	border-bottom:2px solid #dfdfdf;
	padding:15px 10px 15px;
}

.works-content h4 span{
	font-size:11px;
	margin: 4px 0 0 0;
	text-align:center;
	color:#2e2e2e;
	font-weight:600;
	float:right;
	font-family:Open sans;
}

.works-content p, .project-content2 p {
	font-size:11px;
	margin:0px;
	text-align:center;
	color:#8a8a8a;
	font-weight:600;
	border-bottom:2px solid #fff;
	padding-bottom:10px;
}

.works-content:hover h4 {
	border-bottom:2px solid #1b9cff;
}

.works-overlay{
	position:relative;
}

.works-overlay span {
	opacity:0;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out;
}

.zooma {
	background-color:#1b9cff;
	background-color:rgba(27,156,255,0.6);
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out;
	z-index:10;
}

.zoom1 {
	background-color:#1b9cff;
	background-color:rgba(27,156,255,0.6);
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	z-index:10;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out;
}

.zoom1 h4, .zoom1 p {
	color:#fff;
}

.zoom1 h4 {
	text-align:center;
	border:none !important;
	padding-bottom:0px;
}

.zoom1 p {
	border:none !important;
	font-weight:400;
}

.zoom1 img {
	display:table;
	margin:0 auto;
}

.zoom1-inner {
	height: 107px;
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.works-content:hover .zooma, .works-content:hover span , .works-content:hover .zoom1 {
	opacity:1;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
	margin-bottom: 30px;
}

.project-home-round {
	width:300px;
	height:300px;
	border-radius:50%;
	margin:0 auto;
	overflow:hidden;
}

.fold_round {
	background:url(../images/fold_round.png) no-repeat;
	width:175px;
	height:176px;
	position:absolute;
	top:0px;
	right:0px;
}

.folio-item {
	margin-bottom:25px;
}

#portfolio .zooma:before, #portfolio .zoom1:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 35px 35px 0;
	border-style:solid;
	border-color: #1a9cfe #cdcdcd ;
}

.zooma:before, .zoom1:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 32px 32px 0;
	border-style:solid;
	border-color: #1b9cff #cdcdcd ;
}

.project-content {}

.project-content h4 {
	color:#2e2e2e;
	font-family:25px !important;
	font-family:Roboto !important;
	margin:0 0 25px;
	text-align:left;
}

.project-content p {
	font-family:12px !important;
	line-height:23px;
	margin:0 0 30px;
	text-align:left;
	border:none !important;
}

.s-port .folio-item  {
	margin-bottom:90px;
}

.project-meta {
	padding:0px;
}

.project-meta li {
	list-style:none;
	font-size:14px;
	position:relative;
	color:#8a8a8a;
	padding-left:25px;
	font-family:Roboto;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e7e7e7;
}

.project-meta li a {
	color:#8a8a8a;
}

.project-meta li a:hover {
	color:#1b9cff;
}

.project-meta li:before {
	content:"";
	background:url(../images/star.png) no-repeat;
	width:13px;
	height:12px;
	display:table;
	position:absolute;
	top:3px;
	left:0px;
}

.project-content p {
	margin-bottom:20px;
}

.project-pagination {
	display: table;
	padding: 0px;
	margin-bottom: -46px;
	position: relative;
	z-index: 9999;
}

.project-pagination li {
	list-style:none;
	float:left;
	margin-right:1px;
	font-family:Roboto;
	font-weight:bold;
	position:relative;
}

.project-pagination li a {
	background:#626262;
	padding:13px 20px;
	color:#fff;
	display: table;
}

.project-pagination li a {
	color:#fff;
}

.project-pagination li a span {margin-right:7px;}
.project-pagination li:first-child a {background:#484647;}
.project-pagination li:first-child a span {color:#1a9cfe;}

.project-pagination li:first-child:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#6d6d6d #313131;
}

.project-pagination li:first-child  a:hover span {color:#fff !important;}
.project-pagination li a:hover, .project-pagination2 li a:hover {background:#1c9cff;}

.project-pagination li:hover:before, .project-pagination2 li:hover:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#1583d8 #56b4fc;
}

.project-pagination2 {
	display: table;
	padding: 0px;
	margin-bottom: -46px;
	position: relative;
	z-index: 9999;
}

.project-pagination2 li {
	list-style:none;
	float:left;
	margin-right:0px;
	font-family:Roboto;
	font-weight:bold;
	position:relative;
}

.project-pagination2 li a {
	padding:13px 30px;
	color:#fff;
	display: table;
	background:url(../images/filter-sep.png) no-repeat right center;
	background-color:#626262;
}

.project-pagination2 li:last-child a {
	background-image:none;
}

.project-pagination2 li a {
	color:#fff;
}

.pwside h4 {
	text-align:center;
}

.pwside h4 span{
	display:block;
	float:none !important;
}

.isotope {
	margin-top: 10px;
}

.folio-inner {
	overflow:hidden;
	background:#fff;
	margin-bottom:25px;
	
}

.folio-filter {
	position: relative;
	bottom: 7px;
	display:table;
	margin:0px 10px;
	float:none;
margin-bottom:45px;
padding:0px;
background:#1c9cff;
}
	
.folio-filter li {
	display: inline-block;
	font-size:15px;
	font-family:Roboto;
	font-weight:700;
	line-height:15px;
	color:#fff;
position:relative;
margin:0 -2px;
background:url(../images/filter-sep.png) no-repeat right center;
}

.folio-filter li:last-child {
	padding-right:0px;
 }


.folio-filter li a {
	display: block;
	color: #fff;
	line-height: 16px;
padding:13px 30px;
}

.folio-filter li a span {
margin-right:6px;
}
	
.folio-filter li a:hover {
	color: #fff;
background:#484647;
}
	
	
.folio-filter li a.selected {color:#fff;
background:#484647;
}

.folio-filter li a:hover span {

color:#1c9cff !important;
}

.selected span {

color:#1c9cff !important;
}
	
.folio-filter li a.selected:before , .folio-filter li a:hover:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
	z-index:999;
   border-width:0 15px 15px 0;
   border-style:solid;
   border-color:#6d6d6d #313131;



}

.selected {color:#fff;
background:#484647;

}

/* Isotope Transitions
------------------------------- */
.isotope, .isotope .folio-item {-webkit-transition-duration: 0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;}
.isotope {-webkit-transition-property:height,width;-moz-transition-property: height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
.isotope .item {-webkit-transition-property: -webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform, opacity;}

/* Note: Design for a width of 480px */
@media only screen and (max-width: 470px) {

.folio-filter {
    margin: 50px auto 0px;
}

.folio-filter li {
    font-size: 12px;
    padding: 3px 3px;
}

}

/* Note: Design for a width of 480px */
@media only screen and (max-width: 767px) {

.folio-filter {
    margin: 50px auto 0px;
}

}


/*------------------------------------------------------------- 
	                  TABS STYLES
---------------------------------------------------------------*/

.tab-pane {margin-top: 15px;}

.section,.section-colored {padding: 85px 0;}
.section-colored {background-color: #e1e1e1; /* change this to change the background color of a colored section */}

.fullwidthbanner-container:before, .white-panel:before, .carousel-video:before , .cta-box:before, .post-format-quicktime:before, .quote-wrap:before, .home-post-date:before, .nav-tabs > li.active > a:before ,
#small-slider:before, .page-head:before,#psingle-slider:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 30px 30px 0;
	border-style:solid;
	border-color: #1c9dfb #cdcdcd ;
}

.white-panel:before , .cta-box:before, .quote-wrap:before, .home-post-date:before, .nav-tabs > li.active > a:before  {
	border-width:0 15px 15px 0;
}

.item,
.active,
.carousel-inner {
	height: 100%;
	margin:0px 0px 0px;
}

.fill {
	width: 100%;
	height: 439px;
	background-position: center;
}

/*------------------------------------------------------------- 
                      TESTIMONIALS STYLES
---------------------------------------------------------------*/

.quote-wrap {
	padding:25px 20px;
	border:1px solid #e1e1e1;
	position:relative;
	background:#f8f8f8 url(../images/quote.png) no-repeat bottom right;
	background-position: 93% 85%;
}

.quote-wrap h6 {
	text-transform:uppercase;
	color:#1b9cff;
	margin:0px 0px 15px;
	font-size:15px;
}

.quote-wrap p {
	color:#8a8a8a;
	font-size:12px;
	line-height:18px;
}

.quote-author {}

.quote-author-img {
	width:96px;
	height:96px;
	padding:8px;
	border:1px solid #e2e2e2;
	float:left;
	position:relative;
	top:-10px;
	border-radius:50%;
	background:#fafafa ;
}

.quote-author-img:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 5px 0;
	border-color: #fafafa transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -8px;
	left: 42px;
}

.quote-author-img img {
	width:88px;
	height:88px;
	border-radius:50%;
	border:1px solid #cecece;
	max-width: 100%;
	height: auto;
}

.quote-author h5 {
	font-size:15px;
	color:#000000;
	margin: 20px 0 -5px 115px;
}

.quote-author h5 span {
	color:#b2b2b2;
}

.quote-wrap:hover {
	padding:25px 20px;
	border:1px solid #e1e1e1;
	position:relative;
	background:#1c9cff url(../images/quote.png) no-repeat bottom right;
	background-position: 93% 85%;
	cursor:pointer;
}

.quote-wrap:hover h6 {
	text-transform:uppercase;
	color:#fff;
	margin:0px 0px 15px;
	font-size:15px;
}

.quote-wrap:hover p {
	color:#fff;
	font-size:12px;
}

.quote-wrap:hover .quote-author h5, .quote-wrap:hover .quote-author h5 span {color:#fff !important;}
.dblock {display:block;}

/*------------------------------------------------------------- 
	                 SHORTCODE STYLES
---------------------------------------------------------------*/

.about-home {}

.about-home p {
	color:#8a8a8a;
	font-size:12px;
	line-height:20px;
}

.white-panel {
	background:#fafafa;
	border: 1px solid #dfdfdf;
	padding: 10px 15px 0 15px;
	position:relative;
	margin: 20px 0;
}

.cta-box {
	border:1px solid #e1e1e1;
	padding:40px 15px;
	display:table;
	width:100%;
	position:relative;
	background:#fafafa;
}

.cta-box h4 {
	font-size:20px;
	margin:0px 0px 5px;
	color:#2e2e2e;
}

.cta-box p {
	margin:0px;
	font-size:14px;
	color:#2e2e2e;
	font-weight:600;
}

#myTabContent {
	border:1px solid #e1e1e1;
	padding:25px;
	border-top:none;
}

#myTabContent p {
	font-size:12px;
	color:#8a8a8a;
}

.nav-tabs > li > a , .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	font-family: Roboto;
	font-weight: 800;
	font-size: 14px;
	color:#505558;
	width:120px;
	position:relative;
	text-align:center;
}

.textbox h4 {
	font-size:22px;
	color:#444444;
	margin:20px 0px 7px;
	font-weight:700;
}

.textbox p {
	color:#8a8a8a;
	font-size:14px;
}

.textbox ul {
	padding:0px;
	margin-top:5px;
}

.textbox ul li {
	float:left;
	margin-right:40px;
	list-style:none;
	font-weight:600;
	color:#2e2e2e;
	line-height:25px;
}

.textbox i {
	color:#fff;
	font-size:11px;
	width:20px;
	height:20px;
	background:#484747;
	border-radius:50%;
	text-align:center;
	line-height:20px !important;
	margin-right:5px;
}

.textbox ul li:hover {
	cursor:pointer;
}

.textbox ul li:hover i {
	background:#1c9cff;
}

.bubble-button {
	width:132px;
	height:118px;
	background:url(../images/bubble.png) no-repeat;
	display:table;
	color:#fff;
	font-family:Roboto;
	font-size: 20px;
	font-weight: bold;
	padding: 32px 15px 25px 34px;
	line-height: 25px;
	text-align: center;
}

.line {
	background:url(../images/line2.png) repeat-x left;
	height:11px;
	width:100%;
}

.line1 {
	height:1px;
	background:#e1e1e1;
	margin:20px 0;
}

.line-blue {
	background:#1c9cff;
	height:15px;
	width:100%;
}

.skills {}

.skills p {
	color:#8a8a8a;
	font-size:13px;
}

.skiller {margin: 15px 0 0;}
.skill {list-style: none outside none;padding:0px;}
.skill  {background:#fff;height: 30px;margin-bottom: 14px;border:1px solid #bfbfbf; border-bottom:1px solid #b0b0b0;border-radius:2px;}
.skill  em { position:relative; color:#fff; font-style:normal;margin-right:5px;margin-left:8px;}
.skill  small { margin-left:0px;}
.skill span { color:#fff;line-height:30px;}
.expand {height: 30px;position: relative;display:table;}
 
.html5       { width:60%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;        }
.css3        { width:80%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;         }
.jquery      { width:70%; -moz-animation: jquery 2s ease-out;   -webkit-animation: jquery 2s ease-out;      }
.photoshop   { width:50%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;    }
 
@-moz-keyframes html5       { 0%  { width:0px;} 100%{ width:60%;}   }
@-moz-keyframes css3        { 0%  { width:0px;} 100%{ width::80%;}  }
@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width::70%;}  }
@-moz-keyframes photoshop   { 0%  { width:0px;} 100%{ width::50%;}  }
 
@-webkit-keyframes html5       { 0%  { width:0px;} 100%{ width:60%;}  }
@-webkit-keyframes css3        { 0%  { width:0px;} 100%{ width::80%;} }
@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width::70%;} }
@-webkit-keyframes photoshop   { 0%  { width:0px;} 100%{ width::50%;} }


.skill  small{ 
	border:1px solid #7cafce;
	display: inline-block;
	height: 100%;
	width: 100%;
	background-color: #d3d3d3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background:url(../images/progress.png);
	-webkit-animation: move 2.3s linear infinite;
	-moz-animation: move 2.3s linear infinite;
	-ms-animation: move 2.3s linear infinite;
	-o-animation: move 2.3s linear infinite;
	animation: move 2.3s linear infinite;
	overflow: hidden;
	height: 30px;
	position: relative;
	top: -1px;
}

/* Animate the stripes */
@-webkit-keyframes move { 
    0% { background-position: 0 0 }
    100% { background-position: 84px 0px }
}
@-moz-keyframes move { 
    0% { background-position: 0 0 }
    100% { background-position: 84px 0px }
}
@-ms-keyframes move { 
    0% { background-position: 0 0 }
    100% { background-position: 84px 0px }
}
@keyframes move { 
    0% { background-position: 0 0 }
    100% { background-position: 84px 0px }
}

#small-slider {
	position:relative;
}

.form-btn-wrap {
	padding:12px;
	background:#f7f7f7;
	border-bottom:1px solid #e0e0e0;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
      box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	border-radius:12px;
	margin-top:13px;
	position:relative;
}

.r-quote {
	border:1px solid #e1e1e1;
	padding:35px 20px;
}

.r-quote input {
	color:#000;
}

.r-quote h5 {
	color:#2e2e2e;
	font-size:21px;
	margin:0px 0px 0px;
}

.r-quote p {
	color:#20b0ff;
	font-family:Roboto;
	font-size:16px;
	margin:0px;
}

.r-quote .sep {
	background:url(../images/r-sep.png) no-repeat;
	width:62px;
	height:1px;
	margin:15px 0;
}

.form-email{
	background:url(../images/email.png) no-repeat left;
	background-position: 7px 50%;
	padding-left: 30px;
}

.r-quote input:-moz-placeholder {
	color: #969696;
	opacity: 1;
	font-size:12px;
	font-family:Roboto;
}

.r-quote input::-moz-placeholder {
	color: #969696;
	opacity: 1;
	font-size:12px;
	font-family:Roboto;
}

/*------------------------------------------------------------- 
	                 CLIENT STYLES
---------------------------------------------------------------*/

.client-content {
	margin-top:10px;
}

.client-content img {
	display:table;
	margin:0 auto;
}

.client-content img {
	opacity:0.9;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition:all 0.5s ease-in-out;  
	-moz-transition:all 0.5s ease-in-out;  
	-o-transition:all 0.5s ease-in-out;  
	transition:all 0.5s ease-in-out; 
}

.client-content img:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
	opacity:1;
	cursor:pointer;
}

.vt-content p {
	font-size:13px;
	margin-top:15px;
	line-height:19px;
}

/*------------------------------------------------------------- 
                    PAGE HEADER
--------------------------------------------------------------- */

.page-head {
	padding:35px 0;
	background:#fdfdfd;
	margin-top:-3px;
	position:relative;
	-moz-box-shadow:    inset 0  25px 25px -25px rgba(0,0,0,0.15), 
	                     inset 0 -25px 25px -25px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0  25px 25px -25px rgba(0,0,0,0.15), 
                        inset 0 -25px 25px -25px rgba(0,0,0,0.15);
	box-shadow:        inset 0  25px 25px -25px rgba(0,0,0,0.15), 
                        inset 0 -25px 25px -25px rgba(0,0,0,0.15);
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}

.page-head h3 {
	color:#2e2e2e;
	margin:0px;
	font-size:27px;
	font-weight:400;
}

.page-head .container {
	padding: 0px 30px;
}

/*------------------------------------------------------------- 
	                    TEAM CONTENT
--------------------------------------------------------------- */

.team-content {
	margin: 0 10px;
}

.staff-info {
	padding:10px;
	border-bottom:4px solid #f0f0f0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.team-content {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.team-content:hover {
	cursor:pointer;
}

.team-content:hover:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#1eb1ff #e5e5e5;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.team-content:hover .staff-info {
	border-color:#21b0ff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.staff-info h4 {
	text-transform:uppercase;
	color:#2e2e2e;
	font-size:16px;
	letter-spacing:1px;
}

.staff-info h4 span {
	text-transform:none;
	font-family:Open Sans;
	color:#8b8b8b;
	font-size:13px;
	font-weight:400;
	display:block;
	letter-spacing:0px;
}

.staff-info p {
	color:#8b8b8b;
	font-size:12px;
	margin-top:15px;
}

.team-social {
	padding:0px;
	display:table;
	margin:30px 0 5px 0;
}

.team-social li {
	float:left;
	list-style:none;
	margin-right:12px;
}

.team-social li a {
	width:29px;
	height:29px;
	background:#ececec;
	border-radius:2px;
	color:#fff;
	display:table;
	font-size:21px;
	line-height:29px;
	text-align:center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.team-social li a:hover {
	background:#21b0ff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.pagination {
	display:table;
	float:right;
	margin-right: 10px;
}

.qwrap {
	margin:0 10px;
}

.quote-wrap:hover:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color: #57b5ff #178de7;
}

/*------------------------------------------------------------- 
	                    PRICING TABLE
--------------------------------------------------------------- */

.pricing-table {	border:1px solid #f6f6f6;}

.plan-title {
	background:#ebebeb;	
	line-height:32px;
	text-transform:uppercase;
	text-align:center;
	font-family:Roboto;
	color:#2e2e2e;
}

.plan-price {
	background:#fafafa url(../images/pricing_sep.png) repeat-x bottom left;
	text-transform:uppercase;
	text-align:center;
	font-family:Roboto;
	font-size:30px;
	font-weight:800;
	line-height:20px;
	padding: 16px 0 13px;
	color:#2e2e2e;
	text-shadow:0px 1px 0px rgba(255,255,255,0.8);
}

.plan-price span {
	display:block;
	font-size:12px;
	font-weight:400;
	text-transform:none;
	text-shadow:none;
}

.plan-features {padding:0px;margin:0px;}

.plan-features li , .pricing-table ul li{
	line-height:40px;
	list-style:none;
	text-align:center;
	color:#2e2e2e;
	font-size:12px;
	border-bottom:1px solid #f2f2f2;
	border-top:1px solid #fff;
	background:#f9f9f9;
	margin:0px;
}
.pricing-table ul li:after{
	content: "------";
	display: block;
	line-height: 40px;
	list-style: none;
	text-align: center;
	color: #2e2e2e;
	font-size: 12px;
	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #fff;
	background: #f9f9f9;
	margin: 0px;
	letter-spacing: -1px;
}
.pricing-table ul li:last-child:after{
	display: none;
}
.plan-buy {
	background:#f9f9f9;
	border-top:1px solid #fff;
	padding:17px 0;
}

.plan-buy a {
	background: rgb(103,103,103); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(103,103,103,1) 0%, rgba(76,76,76,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,103,103,1)), color-stop(100%,rgba(76,76,76,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(103,103,103,1) 0%,rgba(76,76,76,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(103,103,103,1) 0%,rgba(76,76,76,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(103,103,103,1) 0%,rgba(76,76,76,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(103,103,103,1) 0%,rgba(76,76,76,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
	border-radius:5px;
	border:1px solid #717171;
	box-shadow:inset 0px 1px 0px #828282;
	font-size:12px;
	color:#fff;
	font-family:Roboto;
	padding:5px 20px;
	display:table;
	margin:0px auto;
}

.popular {
	border:5px solid #1c9cff;
	border-top:1px solid #1c9cff;
	width: 104%;
	position: relative;
	left: -2%;
	top:-6px;
	-webkit-box-shadow: 1px 1px 18px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    1px 1px 18px rgba(50, 50, 50, 0.4);
	box-shadow:         1px 1px 18px rgba(50, 50, 50, 0.4);
}

.popular .plan-title {
	background:#1c9cff;
	color:#fff;
}

.popular .plan-price {
	background:#fff;
}

.pricing-wrap .col-md-3, .pricing-wrap .vc_col-sm-3 {
	padding:0 2px !important;
}

.popular .plan-buy {
	padding:23px 0;
	background:#fdfdfd;
}

.popular .plan-features li {
	background:#fefefe;
}

.plan_no {
	letter-spacing:-1px;
}
.pricing-table ul{
	padding: 0;
	margin: 0;
}
/*------------------------------------------------------------- 
                    GOOGLE MAP STYLES
--------------------------------------------------------------- */

.map {
	width: 100%;
	height: 417px;
	position:relative;
	display:block;
}

.map-wrap {
}

.gmap {
	padding:0px;
	height:417;
	background:#fff;
	border:none;
}

.gmap div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}  


.gmap img {
	max-width: none !important;
	vertical-align: baseline !important;
}  

/*------------------------------------------------------------- 
                   SIDEBAR STYLES
--------------------------------------------------------------- */

.sidebar {
	padding-right:70px;
}

.side-widget {
	display: table;
	margin-bottom: 20px;
	width:100%;
}

blockquote {
	font-size:14px;
	color:#8a8a8a;
	font-style:italic;
	border:none;
	padding:0px;
}

cite {
	text-align:right;
	font-weight:700;
	color:#505558;
	float:right;
}

cite span {
	font-size:12px;
	font-weight:600;
}

/*.category {
	padding:0px;
	margin:0px;
}

.category li {
	list-style:none;
	border-bottom:1px solid #e3e3e3;
	margin-bottom:8px;
	padding-bottom:8px;
}

.category li:before {
	content: "\f111";
	font-family: 'FontAwesome';
	color:#d3d3d3;
	margin-right:10px;
	font-size:13px;
}

.category li:hover:before {
	color:#2294ed;
}

.category li a {
	color:#747474;
	font-size:13px;
	font-family:Roboto;
}

.category li a span {
	float:right;
	color:#747474;
}
*/
.post-info h4 {
	color:#252525;
	font-size:15px;
	font-family:Roboto;
	font-weight:800;
	margin:40px 0 20px;
}

.post-info h4 a {
	color:#252525;
}

.post-info h4 a:hover {
	color:#1c9dfb;
}

.post-info p {
	margin-bottom:25px;
}

/*------------------------------------------------------------- 
	                 BLOG STYLES
---------------------------------------------------------------*/

.carousel-video2 {
	position:relative !important;
	width:100% !important;
	height:100% !important;
	top:0px !important;
	left:0px !important;
}

.masonry-blog .post-format-image {
	position:relative;
	top:-50px;
	left:20px;
	margin-bottom:-50px;
	float:none;
}

.masonry-post .rmore {
	border-top:1px solid #cfcfcf;
	padding: 12px 20px;
	width: 100%;
	display: table;
}

.masonry-post .post-thumb {margin-bottom:0px;}
.home-blogpost {margin-bottom:30px;}
.home-blogpost2 {margin-bottom:21px;}
.home-blogpost-info {}

.home-blogpost-info h4, .home-blogpost-info2 h4, .home-blogpost-info3 h4 {
	color:#2e2e2e;
	font-size:16px;
	margin:0px;
	font-weight:800;
}

.home-blogpost-info h4 a , .home-blogpost-info2 h4 a, .home-blogpost-info3 h4 a{
	color:#2e2e2e;
}

.home-blogpost-info h4 a:hover , .home-blogpost-info2 h4 a:hover, .home-blogpost-info3 h4 a:hover{
	color:#1c9dfb;
}

.home-blogpost-info3 {
	padding: 20px 20px 20px;
	margin-top:5px;
}

.home-blogpost-info4 h4 {
	color:#2e2e2e;
	font-size:16px;
	margin:0px;
	font-weight:800;
	border-bottom:1px dotted #cccccc;
	margin-bottom:0px;
	padding-bottom:10px;
}

.home-blogpost-info .meta, .home-blogpost-info2 .meta, .home-blogpost-info3 .meta {
	font-size:12px;
	color:#1b9cff;
	margin:5px 0 15px;
}

.home-blogpost-info2 .meta {
	margin:5px 0 12px;
}

.home-blogpost-info .meta a, .home-blogpost-info2 .meta a {
	color:#1b9cff;
	font-weight:600;
}

.home-blogpost-info p {
	color:#2e2e2e;
	font-size:12px;
	line-height:20px;
}

.home-blogpost-info2 p , .home-blogpost-info3 p, .home-blogpost-info4 p {
	color:#8a8a8a;
	font-size:12px;
	line-height:20px;
}

.masonry-post {
	border:1px solid #cfcfcf;
}

.quote-post {
	border:1px solid #cfcfcf;
	position:relative;
}

.quote-post:hover, .masonry-post:hover {
	background:#1b9cff;
	border:1px solid #0d72bf;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.quote-post p {
	font-size:18px;
	font-family:Roboto;
	font-weight:700;
}

.quote-post:hover p, .masonry-post:hover p {
	color:#fff;
}

.quote-post:hover .rmore, .masonry-post:hover .rmore {
	background:#0d72bf;
	border-top:none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.masonry-post:hover h4 a, .masonry-post:hover .meta, .masonry-post:hover .meta a {
color:#fff !important;
}

.post-format-quote {
	width:45px;
	height:45px;
	background:#2798f6;
	border:1px solid #2798f6;
	position:relative;
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,0.25);
	line-height:48px;
	text-align:center;
	font-size:20px;
	float:left;
	margin-left:20px;
}

.post-format-quote:before  {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#44aeff #178de8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.quote-post:hover .post-format-quote{
	background:#fafafa;
	color:#2798f6;
}

.quote-post:hover .post-format-quote:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 11px 11px 0;
	border-style:solid;
	border-color:#56b5fe #c3c3c3;
}

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


.post-format-image:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#169eff #cdcdcd;
}

.post-format-image {
	width:45px;
	height:45px;
	background:#f8f8f8;
	border:1px solid #f8f8f8;
	position:relative;
	color:#16a7ff;
	text-shadow:none;
	line-height:48px;
	text-align:center;
	font-size:20px;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post-format-image:before, .post-format-quicktime:before {
	border-width:0 12px 12px 0;
}

.post-format-quicktime {
	width:45px;
	height:45px;
	background:#2798f6 url(../images/quicktime.png);
	border:1px solid #e5e5e5;
	position:relative;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.masonry-post .post-format-image {
	background:#1b9cff !important;
	border:1px solid #1b9cff !important;
	position:relative;
	color:#fff !important;
	margin-top:5px;
	text-shadow:0px 1px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.masonry-post .post-format-image:before {
	content:"";
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#44aeff #178de8;
}

.masonry-post:hover .post-format-image {
	width:45px;
	height:45px;
	background:#f8f8f8 !important;
	border:1px solid #f8f8f8 !important;
	position:relative;
	color:#16a7ff !important;
	text-shadow:none;
	line-height:48px;
	text-align:center;
	font-size:20px;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.masonry-post:hover .post-format-image:before {
	border-color:#169eff #cdcdcd !important;
}


.home-blogpost:hover .post-format-image {
	background:#1b9cff;
	border:1px solid #1b9cff;
	position:relative;
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.home-blogpost:hover .post-format-quicktime {
	width:45px;
	height:45px;
	background:#fff url(../images/quicktime_hr.png);
	border:1px solid #1b9cff;
	position:relative;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


.home-blogpost:hover .post-format-image:before,
.home-blogpost:hover .post-format-quicktime:before  {
	border-color:#44aeff #178de8;
}



.home-blogpost-info {
	margin-left:65px;
}

.home-blogpost-info2 {
	margin-left:95px;
}

.home-blogpost-info3 {
	margin-left:0px;
}

.home-post-date {
	width:75px;
	height:75px;
	background:#fafafa;
	border:1px solid #e1e1e1;
	color:#1b9cff;
	font-size:38px;
	text-align:center;
	line-height:62px;
	font-family:Roboto;
	font-weight:bold;
	float:left;
	position:relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.home-post-date span {
	background:#1b9cff;
	color:#fff;
	text-transform: uppercase;
	display: block;
	font-size: 11px;
	line-height: 24px;
}

.home-blogpost2:hover {
	cursor:pointer;
}

.home-blogpost2:hover .home-post-date {
	background:#1b9cff;
	color:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.home-blogpost2:hover .home-post-date:before {
	color:#fff;
	border-color:#56b5fe #178de8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post-meta .post-format-image:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:#169eff #cdcdcd;
}

.post-meta .post-format-image {
	width:45px;
	height:45px;
	background:#f8f8f8;
	border:1px solid #f8f8f8;
	position:relative;
	color:#16a7ff;
	text-shadow:none;
	line-height:48px;
	text-align:center;
	font-size:20px;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post-meta .post-format-image:before, .post-meta .post-format-quicktime:before {
	border-width:0 12px 12px 0;
}

.post-meta .post-format-quicktime {
	width:45px;
	height:45px;
	background:#2798f6 url(../images/quicktime.png);
	border:1px solid #e5e5e5;
	position:relative;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post:hover .post-meta .post-format-image {
	background:#1b9cff;
	border:1px solid #1b9cff;
	position:relative;
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post:hover .post-meta .post-format-quicktime {
	width:45px;
	height:45px;
	background:#fff url(../images/quicktime_hr.png);
	border:1px solid #1b9cff;
	position:relative;
	float:left;
	margin-right:15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


.post:hover .post-meta .post-format-image:before,
.post:hover .post-meta .post-format-quicktime:before  {
	border-color:#44aeff #178de8;
}

.meta-info {
	color:#8a8a8a;
	font-size:12px;
	float:left;
}

.meta-info a {
	color:#8a8a8a;
}

.meta-info a:hover {
	color:#169eff;
}


.meta-info em {
	padding:0 12px;
	font-style:normal;
}

.post-more a {
	font-family:Roboto;
	font-weight:bold;
	font-size:12px;
	color:#1b9cff;
	float:right;
}

.post {
	display: inline-block;
	width:100%;
	margin-bottom:60px;
}

.post-thumb{
	position:relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post-thumb .shadow-left-big {
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post:hover .post-thumb .shadow-left-big, .home-blogpost:hover .post-thumb .shadow-left-big {
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post-thumb:hover {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.post:hover , .home-blogpost:hover {
	cursor:pointer;
}

.post:hover .post-thumb:before, .content-img:before, .home-blogpost:hover .post-thumb:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 30px 30px 0;
	border-style:solid;
	border-color: #1c9dfb #cdcdcd ;
}

.meta-right {
	display: table;
	width: 90%;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	margin-top: 0px;
	padding: 12.5px 0px;
}

.pstyle2 {}

.pstyle2 h4 {margin-top:0px;}
.content-img {position:relative;}

.list {
	padding:0px;
	margin:-5px 0 20px;
}

.list li {
	list-style:none;
	background:url(../images/dot.png) no-repeat left center;
	font-size:12px;
	color:#8e8e8e;
	padding-left:35px;
	margin-bottom:5px;
}

.pwside .col-md-4 {width:33% !important;}

/*------------------------------------------------------------- 
				COMMENTS STYLES
---------------------------------------------------------------*/

.comment-head {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.comment-head img {
	width:49px;
	height:49px;
	float:left;
	margin-right:12px;
}

.comment-meta {
	position: relative;
	top: 8px;
}

.comment-meta h4 {
	font-size:14px;
	font-weight:800;
	color:#1b9cff;
	margin:0px 0px 2px;
}

.comment-meta h5 {
	font-size:12px;
	color:#444444;
	font-family:Open sans;
	font-weight:600;
	margin:0px;
}

.comment-sub {
	padding-left:100px;
}

.zoom-info {
	width: 212px;
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	margin:auto;
	height:30px;
}

.zoom-info a {
	background:#0a406f;
	color:#fff;
	width:98px;
	height:30px;
	text-align:center;
	display:table;
	float:left;
	margin:0 4px;
	line-height:30px;
	font-size:13px;
	border:1px solid transparent
}

.zoom-info a:hover {
	border-color:#fff;
}

/*------------------------------------------------------------- 
	                   FAQ STYLES
---------------------------------------------------------------*/

.faq {}

.faq p {
	line-height:20px !important;
}

.faq .akordeon-item-content {
	padding: 10px 45px 20px !important;
	min-height: 10px;
	overflow: auto;
	background: none repeat scroll 0% 0% rgb(250, 250, 250);
	font-size: 12px;
	color: rgb(138, 138, 138);
}

.faq .akordeon-item-content p {
	padding-left:15px;
	border-left:1px solid #e9e9e9;
}

/*------------------------------------------------------------- 
                      CONTACT FORM STYLES
---------------------------------------------------------------*/

.contact-form input {
	margin-bottom:20px;
	border-radius:0px;
	height:35px;
	line-height:35px;
	border:1px solid #e1e1e1;
}

.contact-form textarea {
	border-radius:0px;
	border:1px solid #e1e1e1;
}

.contact-form input:-moz-placeholder ,
.contact-form textarea:-moz-placeholder {
	color: #969696;
	opacity: 1;
	font-size:12px;
	font-family:Roboto;
}

.contact-form input::-moz-placeholder ,
.contact-form textarea::-moz-placeholder {
	color: #969696;
	opacity: 1;
	font-size:12px;
	font-family:Roboto;
}

.contact-form .btn {
	background:url(../images/mail.png) no-repeat left;
	box-shadow:inset 0px 1px 0px 0px #58c3ff;
	background-color:#20afff;
	text-indent:0;
	border:1px solid #0d9ae7;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:42px;
	line-height: 42px;
	padding: 0px 15px;
	border-radius: 2px;
	font-family: Roboto;
	font-weight: 800;
	padding-left: 45px;
	background-position: 9% 50%;
}

.contact-info {}

.contact-info p a {color:#20affe;}

/*------------------------------------------------------------- 
	                   404PAGE  STYLES
---------------------------------------------------------------*/

.error-wrap {}

.error-wrap .contact-form {
	display:table;
	margin:0 auto;
	width:40%;
	position: relative;
	left: 35px;
}

.error-wrap h4 {
	font-size:32px;
	color:#3d474d;
	margin-bottom:20px;
	text-align:center;
	font-weight:700;
}

.error-wrap h4 span {
	font-size:33px;
	color:#1b9cff;
	position:relative;
	top:-10px;
}

.error-wrap p {
	color:#636a6e;
	font-size:18px;
	font-weight:400;
	text-align:center;
	margin-bottom:25px;
}

.menu-wrap {
    background: #484647;
    height: 40px;
    margin-bottom: 25px;
}

/* Tweets widget styles
-------------------------------------------------- */

.tweet, .query {
	line-height: 1.5em;
}
  
.tweet .tweet_list,
.query .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet .tweet_list .awesome,
.tweet .tweet_list .epic,
.query .tweet_list .awesome,
.query .tweet_list .epic {
text-transform: uppercase; }

.tweet .tweet_list li,
.query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 0px 2px 0px;
	margin-bottom: 10px;
}

.tweet .tweet_list li:last-child,
.query .tweet_list li:last-child {
	border-bottom: none;
}

.tweet .tweet_list li a,
.query .tweet_list li a {
	text-decoration: none;
}

.tweet .tweet_list li a:hover,
.query .tweet_list li a:hover {
	color:#fff;
	border-bottom: 1px dotted #999;
}

.tweet .tweet_list .tweet_avatar,
.query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}

.tweet .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
	vertical-align: middle;
}

.tweet .tweet_list .tweet_time a{
	font-size:13px;
}

.tweet .tweet_list .tweet_text{
	color: #727272;
	font-size:13px;
	line-height:21px;
}

.tweet-link {
	text-transform:uppercase;
	color:#aaa;
	font-size:12px;
	border-bottom:1px solid #555;
	background:url(../images/quotes-tweet.png) no-repeat left;
	padding-left:19px;
}

.tweet-link:hover {
	color:#3fbcef;
}

/*------------------------------------------------------------- 
	                 SOCIAL STYLES
---------------------------------------------------------------*/

.social {
	background:#1896ff;
}

.social p {
	color:#fff;
	font-weight:600;
	line-height:63px;
	margin:0px;
	background:url(../images/social_bg.png) no-repeat top right;
}

.social-info{
	padding:16px 0 0 0;
	float:right;
}

.social-info li {
	float:left;
	list-style:none;
	color:#fff;
	margin-left:28px;
	line-height:32px;
}

.social-info li a {
	color:#fff;
}

.social-info li a span {
	background:#bae0ff;
	color:#1896ff;
	border-radius: 3px;
	width: 34px;
	height: 32px;
	font-size: 23px;
	display: inline-block;
	text-align: center;
	float: left;
	margin-right:10px;
}

.social-info li a:hover span {
	background:#fff;
}

/*------------------------------------------------------------- 
	                 FOOTER STYLES
---------------------------------------------------------------*/

footer {
	background:#484747;
	padding:50px 0 37px;
	border-top:15px solid #434242;
}

footer p {
	color:#a0a0a0;
	font-size:12px;
	font-family:open sans;
	line-height:18px;
}

.footer-widget h6 {
	color:#fff;
	font-size:14px;
	background:url(../images/line1.png) repeat-x left 5px;
	margin:0px 0px 25px;
}

.footer-widget h6 span {
	background:#484747;
	padding-right:10px;
}

.tags-list {padding:0px;}

.tags-list li {
	float:left;
	color:#a0a0a0;
	font-family:open sans;
	font-size:12px;
	margin-right:8px;
	margin-bottom:8px;
	list-style:none;
}

.tags-list li a {
	color:#a0a0a0;
	padding:7px 10px;
	background:#3e3d3d;
	display:table;
	min-width:40px;
	text-align:center;
}

.tags-list li a:hover {
	background:#20b0ff;
	color:#fff;
}

.newsletter {
	margin-top:25px;
}

.newsletter form input {
	background:#3e3d3d;
	border-radius:0px;
	height:28px;
	border:none;
	border-top:1px solid #444343;
	border-bottom:1px solid #444343;
	font-size:12px;
	padding:0px 8px;
	line-height:26px;
}

.newsletter form .btn {
	background:#1b9cff;
	color:#484747;
	font-size:12px;
	line-height:26px;
	border-radius: 0px;
	border: none;
	height: 28px;
	padding: 0 18px;
}

.thumbs {
	padding: 0;
	overflow: hidden;
	margin: -5px -5px 0;
}

.thumbs li {
	list-style: none;
	float:left;
	margin: 0px 8px 18px;
	width:60px;
	height:60px;
	background:#6a6a6a;
}

.thumbs li:hover img {
	opacity:0.7;
	border:2px solid #6a6a6a;
	-webkit-transition:all 0.2s ease-in-out;  
	-moz-transition:all 0.2s ease-in-out;  
	-o-transition:all 0.2s ease-in-out;  
	transition:all 0.2s ease-in-out;
}

.thumbs li:hover {
}

.thumbs li a { }

.thumbs li img { 
	display: block;
	width:60px;
	height:60px;
	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.34);
	-moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.34);
	box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.34);
	-webkit-transition:all 0.2s ease-in-out;  
	-moz-transition:all 0.2s ease-in-out;  
	-o-transition:all 0.2s ease-in-out;  
	transition:all 0.2s ease-in-out;

}

.thumbs li a img { border: none;}

.footer2 {
	background: #3583bf url(../images/footer2.jpg) repeat-x top left;
	border-top:none;
	padding: 65px 0px 37px;	
}

.footer2 p {
	color:#fff;
}

.footer2 .footer-widget h6 span {
	background: #3583bf;
	padding-right: 10px;
}

.footer2 .tags-list li a {
	color: #fff;
	background: #256290;
}

.footer2 .tags-list li a:hover {
	background: #20b0ff;
}

.footer2 .newsletter form input {
	background: #2d70a3;
	border-color: #2d70a3;
	color:#fff;
}

.footer2 .newsletter form input:-moz-placeholder {
	color: #fff;
	opacity: 1;
	font-size:12px;
}

.footer2 .newsletter form input::-moz-placeholder {
	color: #fff;
	opacity: 1;
	font-size:12px;
}

.footer2 .thumbs li:hover img {
	border:2px solid #fff;
}

.footer-cinfo {
	padding:0px;
}

.footer-cinfo li {
	list-style:none;
	border-bottom:1px solid #407aab;
	margin-bottom:9px;
}

.footer-cinfo li:last-child {
	border-bottom:none;
}

.footer-cinfo li span {
	color:#20b0ff;
	width:18px;
	float:left;
}

.footer-cinfo li p {
	margin-left:20px;
}

.footer3 {
	background: #ececec;
	border-top-color:#dbdbdb;
	padding: 50px 0px 37px;	
}

.footer3 p {
	color:#a0a0a0;
}

.footer3 .footer-widget h6 span {
	background: #ececec;
	padding-right: 10px;
	color:#444444;
}

.footer3 .tags-list li a {
	color: #595858;
	background: #cacaca;
}

.footer3 .tags-list li a:hover {
	background: #20b0ff;
	color:#fff;
}

.footer3 .newsletter form input {
	background: #cacaca;
	border-color: #cacaca;
	color:#595858;
}

.footer3 .newsletter form input:-moz-placeholder {
	color: #595858;
	opacity: 1;
	font-size:12px;
}

.footer3 .newsletter form input::-moz-placeholder {
	color: #595858;
	opacity: 1;
	font-size:12px;
}

.footer3 .thumbs li:hover img {
	border:2px solid #cacaca;
}

/*------------------------------------------------------------- 
                   FOOTER COPYRIGHT STYLES
---------------------------------------------------------------*/

.footer-bottom {
	background:#3e3d3d;
	padding:20px 0;
	position:relative;
}

.footer-bottom p {
	font-family:Roboto;
	color:#a0a0a0;
	font-size:13px;
	margin:0px;
}

.footer-bottom a {
	color:#a0a0a0;
}

.footer-bottom .top-contact {
	margin:0px;
	font-family:Roboto;
	color:#959595;
}

.footer-bottom1 {
	background:#fff;
	padding:20px 0;
	position:relative;
}

.footer-bottom1 p {
	font-family:Roboto;
	color:#a0a0a0;
	font-size:13px;
	margin:0px;
}

.footer-bottom1 a {
	color:#a0a0a0;
}

.footer-bottom1 .top-contact {
	margin:0px;
	font-family:Roboto;
	color:#959595;
}

.back-top {
	background:url(../images/btop.png);
	width: 60px;
	height: 30px;
	display: table;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	color:#3e3d3d !important;
	text-align: center;
	font-size: 18px;
	line-height: 0px;
}

.back-top:hover {
	color:#1b9cff !important;
}

.footer-bottom1 .back-top {
	color:#fff !important;
}

.footer-bottom1 .back-top:hover {
	color:#1b9cff !important;
}

.footer-bottom2 {
	background:#2d70a3;
	padding:20px 0;
	position:relative;
}

.footer-bottom2 p {
	font-family:Roboto;
	color:#fff;
	font-size:13px;
	margin:0px;
}

.footer-bottom2 a {
	color:#fff;
}

.footer-bottom2 .top-contact {
	margin:0px;
	font-family:Roboto;
	color:#fff;
}

.footer-bottom2 .top-contact li, .footer-bottom2 .top-contact i  {
	color:#fff !important;
}

.footer-bottom2 .back-top {
	background:url(../images/btop1.png);
	color:#2d70a3 !important;
}

.footer-bottom2 .back-top:hover {
	color:#1b9cff !important;
}

.footer-bottom3 {
	background:#e2e2e2;
	padding:20px 0;
	position:relative;
}

.footer-bottom3 p {
	font-family:Roboto;
	color:#a0a0a0;
	font-size:13px;
	margin:0px;
}

.footer-bottom3 a {
	color:#a0a0a0;
}

.footer-bottom3 .top-contact {
	margin:0px;
	font-family:Roboto;
	color:#a0a0a0;
}

.footer-bottom3 .top-contact li, .footer-bottom2 .top-contact i  {
	color:#a0a0a0 !important;
}

.footer-bottom3 .back-top {
	background:url(../images/btop2.png);
	color:#3e3d3d !important;
}

.footer-bottom3 .back-top:hover {
	color:#1b9cff !important;
}

/*------------------------------------------------------------- 
                    MAGNIFIC POPUP CSS
--------------------------------------------------------------- */

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1500;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1600;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }


@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
.mfp-figure { 
  -webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
}


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*------------------------------------------------------------- 
                    SHOP PAGE STYLES
--------------------------------------------------------------- */

.product-content {
    border:1px solid #e7e7e7;
    margin-bottom:50px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    position:relative;
}

.product-info {
    padding:5px 15px 15px;
    border-top:1px solid #f1f1f1;
}

.product-info-inner1 {
    border-bottom:1px solid #f3f3f3;
    padding-bottom:22px;
}

.ratings {
    padding:0px;
}

.ratings li {
    list-style:none;
    float:left;
    margin-right:1px;
}

.ratings .on {
    background:url(../images/ratings_on.png);
    width:16px;
    height:15px;
}

.ratings .off {
    background:url(../images/ratings_off.png);
    width:16px;
    height:15px;
}

.p-price {
    color:#1b9cff;
    font-size:20px;
    font-weight:700;
    float: right;
    position: relative;
    top: -5px;
}

.p-title {
    font-family:Roboto;
    text-transform:uppercase;
    color:#8a8a8a;
    font-weight:800;
    font-size:12px;
}

.p-title span {
    float:right;
    font-family:Open sans;
    font-weight:600;
    font-size:11px;
    text-transform:none;
}

.p-title span a {
    color:#8a8a8a;
}

.p-title span a:hover {
    color:#1b9cff;
}

.product-info-inner2 {
    padding:21px 0 20px;
}

.product-info2 {
    background:#f6f6f6;
    border-top:1px solid #ededed;
    padding:5px 15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.addcart {
    color:#8a8a8a;
    font-size:10.5px;
    font-family:Roboto;
}

.addcart i {
    font-size: 15px;
    margin-right: 5px;
}

.pmore {
    color:#8a8a8a;
    font-size:10.5px;
    font-family:Roboto;
    float: right;
    line-height: 20px;
}

.product-content:hover {
    -webkit-box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 0px 27px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 0px 27px rgba(50, 50, 50, 0.15);
    cursor:pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.product-content:hover .product-info2 {
    background-color:#1b9cff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.product-content:hover .addcart ,
.product-content:hover .pmore {
    color:#fff;
}

.product-content:hover:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	border-width:0 25px 25px 0;
	border-style:solid;
	border-color:#1b9cff #e1e1e1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/*------------------------------------------------------------- 
                    SHOP SIDEBAR STYLES
--------------------------------------------------------------- */

.shop-filter {padding:0px;display:table;margin-bottom:50px;}
.shop-filter li {
    list-style:none;
    float:left;
    margin-right:12px;
}

.shop-filter li a {
    font-size:13px;
    font-weight:600;
    color:#666666;
    border:1px solid #ededed;
    padding:12px 15px;
    border-radius:1px;
}

.fbtn {
    background:#1b9cff;
    border-color:#1b9cff !important;
    color:#fff !important;
}

.shop-filter li a:hover {
    background:#f6f6f6;
}

.fbtn:hover {
    background:#f6f6f6;
    color:#1b9cff !important;
}

.shop-search input {
    border:1px solid #ededed;
    background:#f6f6f6 url(../images/search.png) no-repeat right;
    background-position: 95% 52%;
    color:#000;
    width:100%;
    height:33px;
    font-size:12px;
    padding:0 10px;
    font-family:Roboto;
}

.s_range {
	margin-top:25px;
}

.range_v {
	margin-top:10px;
}

.range_v span {
	font-size:11px;
	color:#5b5b5b;
	float: left;
	margin-right: 5px;
	line-height: 18px;
}
.range_v input {
	border: medium none;
	display: table;
	float: left;
	width: 44px;
	font-size:11px;
	color:#5b5b5b;
}

#price2 {
    position:relative;
    top:-1px;
}

.filter-btn {
	background: #1b9cff;
	padding: 10px 15px;
	font-size: 12px;
	border-radius: 1px;
	color: #fff;
	font-weight: bold;
	float: right;
	margin-top: 5px;
}

.filter-btn:hover {
	background:#4bd0ea;
	color:#fff;
}

.range_sep {
	background: #000;
	width: 9px;
	height: 1px;
	display: table;
	position: relative;
	top: 10px;
	right: 13px;
}

/*------------------------------------------------------------- 
                  SIDEBAR POPULAR PRODUCTS
--------------------------------------------------------------- */

.popular-products h6 {
	margin-bottom:30px;
}

.popular-products {
	padding:0px;
}

.popular-products li {
	list-style:none;
	margin-bottom:20px;
	display: table;
	width: 100%;
}

.product-thumbs {
	width:49px;
	float:left;
	position:relative;
}

.product-thumbs img {
	max-width:100%;
}

.product-post-info {
	margin-left:59px;
}

.product-post-info h5 {
	font-size:13px;
	font-weight:600;
	color:#555555;
	margin:4px 0px 2px;
}

.product-post-info h5 a {
	color:#555555;
}

.product-post-info h5 a:hover {
	color:#1b9cff;
}

.product-post-info p{
	font-size:13px;
	font-weight:400;
	margin:0px 0px 15px;
	color:#828282;
}

/*------------------------------------------------------------- 
                    SHOP SINGLE STYLES
--------------------------------------------------------------- */

.fproduct-info {
    position:relative;
    border:1px solid #f4f4f4;
}

.fproduct-info-inner {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    padding:10px;
}

.shop-content .sidebar {
    margin:0px;
    padding-left:30px;
}

.sale-btn {
    height:65px;
    width:65px;
    background:#1b9cff;
    font-family:Roboto;
    line-height:65px;
    text-align:center;
    border-radius:50%;
    position:absolute;
    top:15px;
    left:15px;
    color:#fff;
    font-weight:bold;
}

.product_title {
    font-size:30px;
    text-transform:uppercase;
    font-family:Roboto;
    color:#2e2e2e;
    font-weight:bold;
}

.product_price {
    font-size:25px;
    text-transform:uppercase;
    color:#1b9cff;
    font-weight:700;
}

.line-sep  {
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #f3f3f3;
}

.product_details p {
    font-size:13px;
}

.product-meta {
    padding:0px;
    margin:25px 0 50px;
}

.product-meta li {
    list-style:none;
    color:#8e8e8e;
    font-size:13px;
    margin-bottom:5px;
}

.product-meta li a {
    color:#8e8e8e;
}

.pxtra {
    display: table;
    float: right;
}

.forum-login {
    height: 55px;
    background: #f7f7f7;
    font-size: 13px;
    padding: 18px 20px;
    color: #8a8a8a;
    font-weight: 600;
    border: 1px solid #e1e1e1;
}

.forum-search {
    margin-bottom:25px;
}

.forum-search input {
    background:#f7f7f7;
    border:1px solid #e1e1e1;
    height:54px;
    width:75%;
    float:left;
    font-size:15px;
    color:#555;
    padding-right:25px;
    padding-left:25px;
}

.fs-btn {
    background:#1b9cff;
    font-family:Roboto;
    font-weight:800;
    color:#fff;
    height:54px;
    width:25%;
    border:none;
    border-left:1px solid #fff;
}

.forum-wrap h5 {
    font-family:Open Sans;
    font-weight:800;
    border-bottom:1px solid #e8e8e8;
    margin:0px 0px 45px;
    padding-bottom:25px;
}

.forum-wrap {
    padding-right:40px;
}

.fpost-author {
    width:105px;
    float:left;
}

.fpost-author h6 {
    font-size:15px;
    font-weight:800;
}

.fpost-author h6 span {
    display:block;
    font-size:13px;
    font-weight:400;
}

.fpost-info {
    margin-left:105px;
    border:1px solid #e1e1e1;
}

.fpost-meta {
    line-height:23px;
    background:#e8e8e8;
    color:#626363;
    font-size:12px;
    font-weight:600;
    padding:0 10px;
}

.fpost-meta span {
    float:right;
}

.fpost-meta span a {
    color:#626363;
}

.fpost-meta span a:hover {
    color:#1b9cff;
}

.fpost-info p {
    margin:0px;
    padding:20px 15px;
    font-size:12px;
    color:#626363;
}

/*------------------------------------------------------------- 
                    MOBILE MENU STYLES
--------------------------------------------------------------- */

.select-menu {
	display: none;
	background: none;
	padding: none;
	border:none;
}

@media (max-width: 959px) {

#topnav ul,
#topnav1 ul, 
#topnav2 ul, 
#topnav3 ul, 
#topnav4 ul, 
#topnav5 ul
 { display: none;margin:0;}

.select-menu {
	display: block;
	background: #fff;
	width: 85%;
	border-radius:1px;
	padding: 10px 15px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	height: 50px;
	margin:20px auto 20px;
	color:#444 !important;
	font-family:Open sans;
}
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container {width:500px;max-width:500px;}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 959px) {

#topnav {margin-bottom: 20px;height: 50px;}
.logo {text-align: center;}
.logo a span {top: 0px;display: block;margin-left: 0px;}
.search {margin-top: 30px;display: none;}
.top-contact li {margin: 0 5px;font-size: 11px;}
.top-contact {float: none;margin: -25px auto 25px;}
#myCarousel {display:none;}
.akordeon {margin-bottom:40px;}
.social p {background:none;text-align:center}
.social-info {display: table;float: none;margin: 0px auto;padding: 0px !important;position: relative;right: 25px;}
.social-info li {text-indent:-9999px;margin: -5px 20px 25px;}
.social-info li span {text-indent: 0px;margin-right:5px;margin-left:5px;}
.footer-widget {display: table;width: 100%;margin-bottom:30px;}
.footer-bottom {padding:60px 0 20px;}
.footer-bottom p {margin:0px;text-align:center;}
.footer-bottom .top-contact {margin:0px auto;}
.dtable {display: table;width: 100%;}
#small-slider {margin-bottom:40px;}
.masonry-post .post-thumb {width:100%;}
.img-responsive {display: block;height: auto;max-width: 100%;width: 100%;}
.vtabs {display:none;}
.sidebar {margin-top:40px;}
.project-content h4 {margin-top:30px;}
.folio-filter {margin:0 auto 45px !important;display:table;}
.folio-filter li {width: 60px;overflow: hidden;margin: 0px -2px -4px !important;}
.folio-filter li a {width:160px;}
.folio-filter li a span {padding:0 10px;position: relative;right: 17px;}
.page-head h3 {text-align:center;}
.breadcrumb {display: table;float: none;margin: 5px auto 0px;padding: 0px;}
.folio-filter li {padding: 0px !important;}
.menu-wrap {height: 50px;}
.top-contact.pull-left {float:none !important;}
.resize {display:none;}
#topnav {display: block !important;float: none;margin-top: 15px;width: 100%;}
.carousel-caption-inner h3 {color:#454545;text-shadow:none;font-weight:400;font-size:100% !important;}
.carousel-caption-inner h3 span{color:#454545;display:block !important;color:#1c9bf8;font-size:100% !important;}
.carousel-caption-inner h4 {color:#454545;text-shadow:none;font-weight:400;margin:0px;font-size:170% !important;line-height:100% !important;}
.carousel-caption-inner h4 span{color:#454545;display:block !important;color:#1c9bf8;font-size:120% !important;}
.carousel-caption-inner h5 {display: table;line-height: 30px;padding: 0 10px 0 10px;text-shadow: none;border-radius: 2px;margin:0px 0px 5px;font-size:170% !important;}
.carousel-caption-inner h6 {background: #484747;display: table;line-height: 30px;padding: 0 10px 0 10px;font-size:170% !important;text-shadow: none;border-radius: 2px;	margin:0px 0px 5px;position:relative;color:#fff;}
.carousel-caption-inner h5 i ,.carousel-caption-inner h6 i {color:#1b9cff !important;font-size:100% !important;font-weight:normal;}
.carousel-caption-inner p{line-height:120% !important;font-size:120% !important;}
.carousel-caption-inner .button-blue {font-size:10px;height:25px;line-height:25px;padding:0 10px;}
.carousel-caption-inner .button-blue:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');background-color:#378de5;color:#fff;}
.tp-rightarrow.default, .tp-leftarrow.default { display:none !important;}
.carousel-video {background:transparent;}
.carousel-video .shadow-left-big {display:none;}
.head-search {display:none;}
.top-language, .top-cart {display:none;}
.top-login {right: 0px;display: table;margin: 0 auto;}
#topnav ,#topnav1,#topnav2,#topnav3,#topnav4,#topnav5 {float: none;width: 100%;}
.works-content h4 {text-align:center;}
.works-content h4 span{display:block;float:none;text-align:center;}

}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 550px) {

	.container {width:100%;max-width:400px;}
}

@media only screen and (max-width: 600px) {
	.carousel-caption-inner h5 {padding: 0 3px !important; line-height: 15px;}
	.carousel-caption-inner h6 {padding: 0 3px !important; line-height: 15px;}
	.social-info li {margin: -5px 5px 20px; max-width: 40px; overflow: hidden;}
	.social-info li a span {margin: 0;}
	.social-info {right: auto;}
}
/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 600px) and (max-width: 767px) {

.container {width:100%;max-width:500px;}
.carousel-caption-inner h5 {padding: 0 3px !important;}
}