/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content - home sections                              
 5.Portfolio pages                           
 6.Blog pages       
 8.Contact page                               
 9.Single post                            
 10.Single Project page                            
 11.Services                           
 12.About page                            
 13.Shop Page                   
 14.Shortcodes                   
 15.Footer
 16.nouislider style (used in priccing range)
 17.Edit Post/Page for Admins
 18.Breadcrumb
 19.Widgets
 20. Visual Composer
 21. Icons
 22. Buttons
 23. Review Post
 24. 404 Not Found
 25. Video Post Format
 26. WP Required Styles
 27. Ajax Loading
 28. Toggle Bar
 29. Promo Box
-------------------------------------------------*/

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

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

.top-line {
	/* padding: 12px 0; */
	min-height: 45px;
	background: rgba(255,255,255,0.8);
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.top-line-container {
	padding-top: 12px;
}

.top-line * {
	/* line-height: 0; */
}

.top-line p {
    float: left;
    margin: 0;
}

.top-line p span {
    display: inline-block;
    color: #253135;
    font-size: 13px;
    border-left: 1px solid #dddddd;
    line-height: 16px;
    margin-right: 13px;  
}

.top-line p span i {
    color: #0077f9;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px;
}

.top-line p span a.header-contact-link {
	color: #233135;
	text-decoration: none;
}

.top-line .search-header-form {
	border-radius: 13px;
	background: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-right: -35px;
	width: 0;
	opacity: 0;
	max-height: 30px;
	overflow: hidden;
}

/* .top-line .search-header-form.active {
	width: 180px;
	opacity: 1;
} */

.top-line-container p {
	margin-left: 5px;
}

.top-line .search-header-form input {
	width: 0;
	height: 30px;
	padding: 0 5px;
	border: 0;
	line-height: 1.3;
	outline: 0;
}


ul.social-icons {
    float: right;
}

ul.social-icons li {
    display: inline-block;
    margin-left: 10px;
}

ul.social-icons li a {
    display: inline-block;
    margin-bottom: -2px;
    -webkit-transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transition: all 0.17s ease-in-out;
}

ul.social-icons li a i {
    font-size: 17px;
    color: #0077f9;
}

ul.social-icons li a:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

ul.search-icons {
	margin-top: -5px !important;
	margin-bottom: -5px !important;
	margin-right: 15px !important;
	margin-left: 5px !important;
	width: 26px;
}

ul.no-width {
	width: 0 !important;
}

ul.search-icons li {
	float: left;
}

ul.search-icons .search_topbar {
	margin-top: 5px;
}

header {
    width: 270px;
    position: fixed;
    top: 45px;
    left: 50%;
    margin-left: -570px;
    z-index: 9999;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

header.active, .admin-bar header.active {
    top: 0;
}

/* Shift down header when WP admin bar is a active */
.admin-bar header {
	top: 77px;
}

.header-logo {
    padding: 50px 10px;
    text-align: center;
	background: #222;
    background: rgba(33,33,33,0.9);
}

.header-logo a.logo span {
	font-size: 215%;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.main-menu > li {
    display: block;
    position: relative;
    text-align: center;
}

.main-menu > li > a {
    display: block;
    background-color: rgba(0,119,249,0.9);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: linear-gradient(to top, rgba(0,0,0,.03), rgba(255,255,255,.03));
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 17px 0 15px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    border-top: 1px solid rgba(56,56,56,0.2);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.main-menu li a span {
	display: inline;
}

li.drop > a span:after {
	top: 2px;
	margin-left: 5px;
	content: '\f105'; 
	font-family: 'FontAwesome';
	font-size: 17px;
	color: #55a4fb;
}

.main-menu > li > a:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: rgb(0,119,249);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.main-menu > li > a:hover:after {
    width: 100%;
}

.main-menu > li > a.active:after {
    background: none;    
}

.main-menu > li > a.active, 
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-parent > a,
.main-menu > li.current-menu-ancestor > a {
    color: #212121;
    background: #ffffff;
}

ul.drop-down {
    position: absolute;
    top: 0;
    width: 220px;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 3;
    text-align: left;
    left: 100%;
    transition: all 0.17s linear;
    -moz-transition: all 0.17s linear;
    -webkit-transition: all 0.17s linear;
    -o-transition: all 0.17s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
}

li.drop:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
}

ul.drop-down li {
    border-top: 1px solid #d5d5d5;
    position: relative;
}

ul.drop-down li:last-child {
    border-bottom: 1px solid #d5d5d5;
}

ul.drop-down li a {
    display: block;
    color: #646464;
    font-size: 13px;
    padding: 18px 18px;
    text-decoration: none;
    text-transform: capitalize;
    background: rgba(255,255,255,0.9);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.drop-down li a:hover {
    background: rgb(255,255,255);
    color: #000;
}

ul.drop-down.level3 li a:hover {
    background: rgba(255,255,255,0.7);
}

ul.drop-down li.drop > a span:after {
	position: relative;
	top: 2px;
	line-height: 0;
	color: #cbcccc;
}

a.elemadded {
    display: none;
    background-color: rgba(0,119,249,0.9);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: linear-gradient(to top, rgba(0,0,0,.03), rgba(255,255,255,.03));
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 17px 0 15px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    border-top: 1px solid rgba(56,56,56,0.2);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    text-align: center;
}

/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/
a, a:hover, a:focus {
	color: #0077f9;
}

table {
	width: 100%;
	margin-bottom: 20px;
}

table thead {
	background-color: #0077f9;
	color: #fff;
}

table tbody tr {
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
}

table tbody tr:hover{
	background: #f7f7f7;
}

table thead th, table thead td {
	padding: 10px;
}

table tbody th, table tbody td {
	padding: 10px;
}


ul:not([class]), ol:not([class]) {
	margin-top: 14px;
	margin-bottom: 14px;
}

ul:not([class]) li, ol:not([class]) li {
	line-height: 30px;
	color: #666;
}

ul:not([class]) > li:before {
	position: absolute;
	margin-left: -20px;
	font-family: 'FontAwesome';
	font-size: 14px;
	content: "\f046";
	color: #666;
}

ul[class], .hover-item ul, #slider ul{
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
}

ul[class] li, .hover-item ul li {
	line-height: 1.428571429;
}

a {
    text-decoration: none;
}

h1 {
    color: #000000;
    font-size: 38px;
    font-weight: 300;
    margin: 0;    
}

h2 {
    color: #464646;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;    
}

h3 {
    color: #000000;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 22px;
}

h4 {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

h5 {
    color: #000000;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

p {
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 300;
    /*margin: 0;*/
    line-height: 18px;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px;
	border-left-color: #0077f9;
}

blockquote p {
	line-height: 150%;
	color: #0077f9;
}

a.main-button {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 35px;
    background: #7ea4f5;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.main-button:hover {
    opacity: 0.8;
}

button {
    outline: none !important;
}

img {
	max-width: 100%;
	height: auto;
}

#container {
    position: relative;
    z-index: 3;
    margin-bottom: 50px;
}

#background-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

#background-container:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/back-pattern.png');
}

#background-container img {
    position: absolute;
    min-width: 1920px;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

/*-------------------------------------------------*/
/* =  content - home sections
/*-------------------------------------------------*/

/*slider*/

#slider {
    background: rgba(255,255,255,0.8);
    padding-right: 42px;
    overflow: hidden;
}

.big_white span {
    font-weight: 600;
}

.modern_medium_light {
    background: #0b7af0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    padding: 20px 40px;
    text-align: center;
    width: 263px;
}

.modern_medium_light i {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 40px;
    margin-bottom: 14px;
}

.large_text span {
    font-weight: bold;
}

.modern_small_text_dark i {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 54px;
    line-height: 54px;
    font-weight: 300;
}

.inner-content {
    padding-left: 270px;
}

.content-sections {
	min-height: 480px;
	padding: 30px 30px 0;
	background: #fff;
}

.content-sections > div {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 30px;
}

.content-sections > div:last-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 0px;
}

.services-box {
    position: relative;
}

.services-post {
    padding: 10px 0;
    /* margin-bottom: 30px; */
}

.services-post > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 66px;
    height: 66px;
    background: #0076f9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.