@charset "utf-8";

/* ---------------------- 
	Stylesheet Guide
-------------------------
01. Import styles
	-  bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).
	-  bootstrap-theme.css	
	-  animate.css  
	-  camera.css  - Slide
	-  owl.carousel.css  - Carousel (Works, sponsors and Services)
	-  jquery.mCustomScrollbar.css  
	-  font-awesome.min.css  - Incons
	-  Google Fonts  - Open sans	
	
02. Basic Elements
	-  Standar Styles	
	-  Layout Styles

0.3.  HEADER
	-  Header
	-  Logo
	-  Main Navigation
	-  Title Section

0.4.  GENERAL STRUCTURE
	-  Box Action
	-  Item Services
	-  Slide Services
	-  Items Slide Services
	-  Clients
	-  subtitle-downloads
	-  image-clients-downloads
	-  Sponsors
	-  Lates Post And Testimonials
	-  Lates Post
	-  Testimonials	
	-  More Services		
	-  important-info	
	-  Footer
	-  Social
	-  toTop
 	-  Works Styles
 	-  Filters
 	-  Team
	-  Skills
	-  Sidebars Page
	-  Tabs
	-  Page Error
	-  ACCORDION
	-  Sitemap
	-  Blog
	-  BLOG POST Autor
	-  BLOG POST COMMENTS
	-  Contact
	-  Pricing Tables	
	
0.5.	Layout for 1024px Version
0.6.	Layout for 1000px Version
0.7.	Layout for 768px mobile version
0.8.	Layout for 600px mobile version
0.9.	Layout for 480px mobile version
10.		Layout for 320px mobile version
11.		Layout for 240px mobile version
*/
/* ---------------------------------------------------------------------- */
/*	01 Import styles
/* ---------------------------------------------------------------------- */
/* bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).*/
@import url("bootstrap/bootstrap.min.css");
@import url("bootstrap/bootstrap-theme.min.css");
/*jquery.fancybox.css  - Lightbox*/
@import url("../js/fancybox/jquery.fancybox.css");
/*Style Switcher*/
@import url("skins/theme-options.css");
/*Animations*/
@import url("animations/animate.css");
/*carousel*/
@import url("carousel/owl.carousel.css");
@import url("carousel/owl.theme.css");
/*scrollbar*/
@import url("scrollbar/jquery.mCustomScrollbar.css");
/*Google font*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700");

/* ---------------------------------------------------------------------- */
/*	02 Basic Elements
/* ---------------------------------------------------------------------- */

/* Standar Styles --------------------------------------------------------*/
html {
    font-size: 100%;
}

body {
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    padding: 5px 0 5px 0;
    margin: 0;
    color: #333;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

h1,
.h1 {
    font-size: 2.225rem;
    line-height: 2.8rem;
}

h2,
.h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
}

h3,
.h3 {
    font-size: 1.5rem;
    line-height: 2.125rem;
}

h4,
.h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

h5,
.h5 {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

h6,
.h6 {
    font-size: 0.75rem;
    line-height: 1.375rem;
}


ol {
    padding: 0;
}



ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.justify {
    text-align: justify;
}

.theme-content ul {
    padding-left: 40px;
}

.theme-content ul li {
    list-style: square;
}

.btn-primary {
    color: #fff;
    font-size: 0.875rem;
    border-color: #dedede;
    text-shadow: none;
}

.btn-primary:hover {
    border-color: #cdcdcd;
}

.btn:hover {
    opacity: 0.8;
}

.btn-primary:hover {
    color: #fff;
}

.bg_button .vc_general {
    color: #fff !important;
}

.no-pad-left {
    padding-left: 0 !important;
}

.paddings {
    padding: 80px 0 !important;
}

.paddings-large {
    padding: 200px 0;
}

.padding-top {
    padding-top: 70px;
}

.padding-bottom {
    padding-bottom: 70px;
}

.padding-top-mini {
    padding-top: 35px;
}

.section-gray {
    background-color: #f7f7f7;
}

.borders {
    border-top: 1px solid #cbd8d8;
    border-bottom: 1px solid #cbd8d8;
}

.border-top {
    border-top: 1px solid #cbd8d8;
}

.border-bottom {
    border-bottom: 1px solid #cbd8d8;
}

.title-subtitle {
    margin-bottom: 0 !important;
}

.title-subtitle h2 {
    padding-bottom: 0 !important;
}

.title-subtitle h4 {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 300;
}

.position-relative {
    position: relative;
}

hr {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
}

hr.tall {
    margin: 44px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
}

div.show-grid [class*="col-md-"] span.show-grid-block {
    background-color: #dedede;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    border: 1px solid #FFF;
    display: block;
}

div.fontawesome-icon-list [class*="col-md-"] {
    margin-bottom: 10px;
}

div.fontawesome-icon-list i {
    margin-right: 10px;
}

div.fontawesome-icon-list a {
    color: #777;
    font-size: 14px;
}

.pattern-portfolios {
    background: #f8f8f8 url("../img/patterns/pattern-portfolios.png");
}

.carousel-indicators {
    bottom: -5px;
}

.icon-section {
    font-size: 250px !important;
    color: #f8f8f8;
    z-index: 0;
    position: absolute;
}

.icon-section.right {
    right: 3%;
}

.icon-section.left {
    left: 3%;
}

.icon-section.top {
    top: 12%;
}

.icon-section.bottom {
    bottom: 3%;
}

.opacy_bg_02 .icon-section {
    opacity: 0.1;
}

.pagination > .active > a, .pagination > .active > span {
    color: #fff !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #ddd;
}

.image-container {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0px;
    top: 0px;
}

.image-container.pull-right {
    right: 0;
}

.image-container.pull-left {
    left: 0;
}

.background-image-holder {
    height: 100%;
    width: 100%;
}

.overflow-hidde {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.large-title h1 {
    font-size: 70px;
    line-height: 80px;
}

.large-title .wpb_content_element {
    margin-bottom: 0;
}

.lead p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

/* Dark Light -----------------------------*/
.style-light {
    background: #fff;
    background-color: #fff;
}

.creahive-bg-color {
    z-index: 2;
    position: relative;
}

/* Content Info --------------------------*/
.content_info {
    position: relative;
    width: 100%;
}

.theme-content {
    padding-bottom: 50px;
    padding-top: 50px;
}

.borders {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.border_top {
    border-top: 1px solid #eee;
}

.border_bottom {
    border-bottom: 1px solid #eee;
}

.bg_parallax {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: 0 50%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.opacy_bg_01 {
    bottom: 0px;
    left: 0;
    width: 100%;
    position: relative;
    height: auto;
    z-index: 2;
    background: rgba(255, 255, 255, 0.6)
}

.container-wrapper {
    bottom: 0px;
    left: 0;
    width: 100%;
    position: relative;
    height: auto;
    z-index: 2;
}

.text-light {

    color: #dedede;
}

.opacy_bg_02 .caption-head {
    color: #5c5c5c !important;
}

.opacy_bg_02 .caption-head h2 {
    color: #232323 !important;
}

.section-video {
    bottom: 0px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    height: auto;
}

.opacy_bg_03 {
    bottom: 0px;
    left: 0;
    color: #dedede !important;
    width: 100%;
    position: relative;
    height: auto;
    z-index: 2;
}

.opacy_bg_04 {
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #dedede !important;
    position: relative;
    height: auto;
    z-index: 2;
}

/* Video Section --------------------------*/
.bg_video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
}

/* Title Heading ---------------------------------------------*/
.titles-heading {
    position: relative;
    text-align: center;
}

.titles-heading h1 {
    background-color: #fff;
    margin: 0 auto;
    width: 28%;
    font-size: 34px;
    padding: auto 20px;
    z-index: 2;
    position: relative;
}

.titles-heading h1 span {
    font-size: 14px;
    display: block;
    color: #777;
}

.titles-heading h1 i {
    font-size: 1.5em;
    margin: auto 10px;
}

.titles-heading .line {
    height: 1px;
    z-index: 1;
    background-color: #dedede !important;
    width: 80%;
    left: 10%;
    position: absolute;
    top: 48%;
}

.section-gray .titles-heading h1 {
    background-color: #f7f7f7;
}

/* Titles Resalt-------------------------------------*/
h2.title-resalt {
    color: #fff;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
}

h2.title-resalt span {
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    margin: auto 10px;
}

.big-title {
    bottom: -78px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.big-title h1 {
    color: #fff;
    font-size: 160px;
    font-weight: bold;
    line-height: 170px;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
}

/* Preloader --------------------------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url("../img/img-theme/preloader.gif");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
}

/* ---------------------------------------------------------------------- */
/*	03 HEADER
/* ---------------------------------------------------------------------- */

/* Client Login ----------------------------------------------------------*/
.line {
    height: 3px;
}

.jBar {
    height: auto;
    display: none;
    padding: 30px 0 50px 0;
    background: #222 url("../img/panelbg.png") center center no-repeat;
    position: relative;
    color: #FFF;
}

.jRibbon {
    padding: 3px;
    position: absolute;
    top: 0px;
    right: 0;
    display: none;
    font-size: 12px;
    border-radius: 0 0 0 360px;
    padding: 0 20px;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.downarrow {
    position: absolute;
    bottom: -28px;
    z-index: 99;
    border-radius: 0 0 0 360px;
    padding: 8px 20px;
    line-height: 0;
    color: #fff;
    right: 0;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.up {
    top: -100px;
}

.jBar h4 {
    color: #fff;
    font-weight: bold;
    padding: 3px 0 15px 0
}

.jBar input {
    width: 47%;
    margin: 0 0 15px 0;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    border: 0;
    color: #131313;
}

.jBar input:first-child {
    margin-right: 3%;
}

.jBar .btn {
    border: none;
    width: auto;
    color: #fff;
    float: left;
    height: auto;
    padding: 5px 10px 7px 10px;
}

.jBar form span {
    float: left;
    margin: 0 7%;
    font-size: 12px;
}

.jBar .item-service {
    margin: 0;
}

.jBar .head-service i {
    border-radius: 50%;
    font-size: 12px;
    width: 40px;
    height: 40px;
    padding-top: 12px;
    text-align: center;
}

.jBar .item-service .head-service h5 {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    padding-top: 10px;
}

.jBar .item-service p {
    font-size: 13px;
    line-height: 20px;
}

/*  Info head -----------------------------------------*/
.info-head {
    padding: 5px 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cbd8d8;
}

.info-head ul li {
    list-style: none;
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    font-size: 11px;
    border-right: 1px solid #dedede;
}

.info-head ul li:last-child {
    border-right: 0;
}

.info-head ul li ul li {
    list-style: none;
    float: none;
    margin: 0;
    font-size: 11px;
    border-right: 0;
    padding: 0;
}

.info-head ul li ul li a {
    padding: 5px 15px;
    line-height: 20px;
    font-size: 10px;
}

.info-head ul li ul li a img {
    padding-right: 10px;
}

.info-head ul li .dropdown-menu {
    min-width: 100px;
    padding: 0;
    left: 30px;
    top: 27px;
}

.info-head .dropdown-menu > li > a:hover,
.info-head .dropdown-menu > li > a:focus,
.info-head .dropdown-menu > .active > a,
.info-head .dropdown-menu > .active > a:hover,
.info-head .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #f5f5f5, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 100%);
    color: #000;
}

.info-head ul li a {
    color: #777;
}

.info-head ul li a:hover {
    text-decoration: none;
}

.header-v3.info-head ul li a:hover {
    color: #232323 !important;
}

.info-head ul li i {
    padding: 5px 5px 0 0;
    color: #666;
    font-size: 14px;
}

.info-head ul li a i {
    font-size: 13px;
    padding-top: 3px;
    padding-left: 5px;
}

/*  Header -------------------------------------------*/
header {

    height: 66px;
    padding: 13px 0;
    width: 100%;
    z-index: 3;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.is-sticky header {

    height: 66px;
    padding: 13px 0;
    z-index: 9999;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.header-v3 ul.right {
    float: right;
}

.menu-top.right {
    float: right !important;
}

.header-v3, .header-v3 ul li a, .header-v3 ul li i {
    color: #fff;
}

.header-v3 ul li ul li ul a {
    color: #888;
}

.header-v3 ul li a:hover {
    color: #fff !important;
}

.header-v4 {
    text-align: center;
}

.header-v4 .sf-menu {
    float: none;
    padding-top: 12px;
}

.line-slide {
    height: 6px !important;
    width: 200px !important;
}

/*  Logo Template -------------------------------------------*/
.logo img {
    max-width: 100%;
}

.logo {
    position: relative;
    z-index: 9999;
}

/*  Main Navigation -----------------------------------------*/
.tinynav {
    display: none
}

.sf-menu {
    margin: 0;
    float: right;
    padding-top: 7px;
}

.sf-menu ul {
    position: absolute;
    list-style: none;
    top: -999em;
    width: 160px;
    display: none;
}

.sf-menu > li {
    position: relative;
    display: inline-block;
    list-style: none;
    line-height: 20px;
    margin: 0 40px 0 0;
}

.sf-menu li a i {
    padding-left: 3px;
}

.sf-menu > li:last-child {
    margin: 0;
}

.sf-menu > li > a {
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #131313;
}

.is-sticky .sf-menu li:hover ul, .is-sticky .sf-menu li.sfHover ul {
    top: 36px;
}

.is-sticky .sf-menu li li:hover ul, .is-sticky ul.sf-menu li li.sfHover ul {
    left: 160px;
    top: 0;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 46px;
    left: 0px;
    z-index: 999;
}

.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em
}

.sf-menu li.current, .sf-menu li:hover, .sf-menu li.sfHover {
    text-decoration: none;
}

.sf-menu li li a {
    display: block;
    margin: 0;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    color: #131313;
    overflow: hidden;
    padding: 12px 15px;
    background: #f9f9f9;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a {
    color: #1B1823;
}

.sf-menu li li {
    float: none;
    position: relative;
    border-bottom: 1px solid #eee;
}

.sf-menu li li a i {
    float: right;
    font-size: 15px;
}

.sf-menu li li:last-child {
    border-bottom: 0;
}

.sf-menu li li a:hover {
    color: #fff;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 160px;
    top: 0;
}

#mega_main_menu li.default_dropdown > .mega_dropdown > li > .item_link {
    padding: 12px 15px !important;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

#mega_main_menu.main .mega_dropdown > li > a:hover {
    color: #fff !important;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

#mega_main_menu.main .mega_dropdown > li > a:hover .link_text {
    color: #fff !important;
}

#mega_main_menu > .menu_holder > .menu_inner > ul > li {
    margin-left: 10px;
}

#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform {
    right: 0 !important;
}

#mega_main_menu li.multicolumn_dropdown > ul.mega_dropdown > li > ul.mega_dropdown {
    border: 0 !important;
}

/*  Title Section  -----------------------------------------*/
.title-section {
    border-bottom: 1px solid #cdcdcd;
    padding: 25px 0;
}

.title-section .crumbs,
.title-section .crumbs a {
    color: #999;
    font-size: 13px;
    padding: auto 4px;
}

.title-section .title h1 {
    position: relative;
    display: inline;
    margin-left: -15px;
}

.title-section .title {
    padding-bottom: 15px;
    margin: 0 0 20px 0;
}

.title-section .subtitle-section {
    padding: 6px 22px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    top: -6px;
}

.title-section .title .line-title {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    position: absolute;
}

.info-title-section .incon-title {
    text-align: center;
}

.info-title-section i {
    font-size: 4em;
}

.info-title-section p {
    margin: 0;
}

.subtitle-section {
    position: relative;
}

.subtitle-section .left {
    position: absolute;
    left: -10px;
    top: 0;
    width: 11px;
    height: 100%;
}

.subtitle-section .right {
    position: absolute;
    right: -11px;
    top: 0;
    width: 11px;
    height: 100%;
}

/* ---------------------------------------------------------------------- */
/*	04 General Structure
/* ---------------------------------------------------------------------- */

/*  Box Action ----------------------------------------------*/
.box-action {
    background-color: #27292B;
    text-align: center;
}

.box-action .title {
    width: 75%;
    float: left;
    padding: 10px;
    position: relative;
}

.box-action .title:before {
    content: '';
    right: -30px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -30px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #27292B;
}

.box-action p {
    color: #fff;
    padding: 18px 0;
    margin: 0;
    font-weight: 200;
    font-size: 28px;
}

.box-action .button {
    width: 25%;
    height: 100%;
    padding: 30px 0;
    float: right;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.box-action .button:hover {
    cursor: pointer;
}

.box-action .button a {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
}

.box-action .button a {
    text-decoration: none;
}

/*  Item Services ------------------------------------------*/
.border-right {
    border-right: 1px solid #dedede;
    padding-right: 15px;
}

.item-service {
    margin-bottom: 50px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.item-service p {
    max-width: 500px;
    margin: 0 auto;
}

.services-no-margin .item-service {
    margin-bottom: 0;
}

.head-service {
    margin-bottom: 15px;
}

.head-service h4,
.head-service h5 {
    padding: 0;
    margin: 0;
}

.head-service h5 {
    line-height: 20px;
    font-style: italic;
}

.head-service i {
    border-radius: 50%;
    font-size: 16px;
    width: 50px;
    height: 50px;
    padding-top: 14px;
    text-align: center;
}

.item-service:hover .head-service i {
    color: #fff;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

/*  Slide Services ------------------------------------------*/
.single-carousel {
    overflow: hidden;
}

.single-carousel .text-center .image-big {
    max-width: 100%;
    padding-top: 20px;
}

.single-carousel .image-animations {
    position: relative;
}

.single-carousel .image-big-animated {
    max-width: 95%;
    padding-top: 30px;
    opacity: 0;
}

.single-carousel iframe {
    width: 100%;
    height: 330px;
    border: 0;
}

.single-carousel .image-animations .icons {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

ul.icons li.item-effect {
    position: absolute;
    width: 70px;
    height: 70px;
    opacity: 0;
}

ul.icons li.item-effect img {
    width: 100%;
}

.single-carousel .item-work {
    margin-bottom: 30px;
}

/* Feature Element ------------------------------------------*/
.feature-element li {
    position: relative;
    display: block;
    padding-bottom: 40px;
}

.feature-element li:last-child {
    padding-bottom: 0;
}

.feature-element li .line-feature {
    height: 1px;
    background-color: #cdcdcd;
    width: 67%;
    float: left;
    margin-top: 36px;
    position: relative;
}

.feature-element li .line-feature i {
    position: absolute;
    font-size: 18px;
    top: -9px;
    left: -4px;
}

.feature-element li .cirle-feature {
    background-color: #fff;
    text-align: center;
    padding-top: 23px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    float: left;
    font-size: 22px;
}

.feature-element .text-feature {
    font-size: 14px;
    line-height: 23px;
    font-weight: lighter;
    margin-left: -5px;
}

.feature-element .text-feature h4 {
    padding: 0;
}

/* Boxes -----------------------------------------------------*/
.boxes h1 {
    color: #fff;
    text-align: center;
}

/* Boxes Info ----------------------------------------------*/
.boxes-info {
    background-color: #fff;
    text-align: left;
    padding: 20px;
    border: solid 1px #dedede;
}

.boxes-info h3 {
    font-weight: 800;
    color: #333 !important;
}

.boxes-info h3 i {
    float: right;
    color: #666;
    font-size: 40px;
    margin-top: -5px;
}

.boxes-info h5 {
    padding: 10px 0;
    margin-bottom: 20px;
    font-weight: 800;
}

.boxes-info p {
    color: #777 !important;
}

/*  Clients ------------------------------------------------*/
.responsive-numbers {
    background-color: #fff;
}

.clients {
    text-align: center;
}

.clients .title-downloads {
    font-weight: 400;
    z-index: 5;
    position: relative;
}

.title-downloads .responsive-numbers span {
    background-color: #131313;
    color: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bold;
}

.title-downloads .logo-clients {
    background-color: #fff;
    color: #131313;
    padding: 0;
    border-radius: 0;
}

/* subtitle-downloads -----------------------------------------------------*/
.subtitle-downloads {
    margin-top: 30px;
    position: relative;
    z-index: 5;
}

.subtitle-downloads h4 {
    background-color: #fff;
    margin: 0 auto;
    width: 28%;
    z-index: 2;
    position: relative;
    text-align: center;
}

.subtitle-downloads h4 i {
    font-size: 2em;
    margin: auto 10px;
}

.subtitle-downloads .line {
    height: 1px;
    z-index: 1;
    background-color: #dedede !important;
    width: 80%;
    left: 10%;
    position: absolute;
    top: 48%;
}

/* image-clients-downloads -----------------------------------------------------*/
.image-clients-downloads {
    margin: 25px auto 0 auto;
    display: table;
}

.image-clients-downloads li {
    display: inline-block;
    width: 60px;
    margin: auto 5px;
    border: solid 1px #ddd;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.image-clients-downloads li:hover {
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.image-clients-downloads li img {
    width: 100%;
}

/* Sponsors -----------------------------------------------------*/
.sponsors {
    position: relative;
}

.sponsor-carousel {
    border-bottom: 1px solid #444;
    margin: 40px 0 70px 0;
    padding-bottom: 10px;
}

.icon-circle {
    position: absolute;
    background-color: #5b5b5b;
    border-radius: 50%;
    padding: 20px 22px;
    left: 47.5%;
    bottom: -105px;
    z-index: 99999;
}

.icon-circleb .icon-circle {
    bottom: -25px;
}

.icon-circle i {
    color: #fff;
    font-size: 2em;
}

/* important-info -----------------------------------------------------*/
.important-info {
    overflow: hidden;
}

.important-info h1 {
    font-weight: bold;
    padding: 0;
}

.important-info .btn {
    background-color: #131313;
    color: #fff;
    font-size: 14px;
}

.important-info .btn:hover {
    color: #fff;
    text-decoration: none;
}

.important-info p, .important-info h1 span {
    color: #fff;
}

.important-info i, .bg-icon {
    font-size: 16em;
    color: #fff;
    margin-top: -10px;
    float: right;
}

.important-info img {
    max-width: 100%;
}

.important-info .lead {
    margin: 30px auto;
}

.important-info .text-center {
    position: relative;
}

.important-info .title {
    position: absolute;
    bottom: -38px;
    left: 0;
    text-align: center;
    width: 100%;
}

.important-info .title h1 {
    color: #fff;
    font-size: 160px;
    font-weight: bold;
    line-height: 170px;
    text-shadow: 3px 3px 0 #000;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
}

/* Footer -----------------------------------------------------*/
footer {
    border-top: 1px solid #dedede;
    background-color: #f7f7f7;
    margin-top: 0;
}

.footer-top {
    text-align: center;
    padding-top: 45px;
}

.footer-top a {
    color: #00aea7;
    text-decoration: none;
}

footer .creahive-widget {
    margin: 0;
}

footer h4, footer h3, footer i {
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #000;
}

footer h3 {
    font-size: 1.125rem !important;
}

footer p {
    color: #00aea7;
    font-size: 14px;
    line-height: 24px;
}

footer .copyright {
    margin-bottom: 10px;
}

footer .copyright p {
    color: #000;
    font-weight: 600;
}

footer form {
    padding: 10px 0 20px 0;
}

footer .btn {
    border: 0;
    font-size: 16px;
    border-radius: 0 3px 3px 0;
    font-weight: 300;
    height: 40px !important;
}

footer .btn:hover {
    color: #f5f5f5;
}

footer .input-group-addon, footer input {
    background: #f5f5f5;
    border: 0;
    height: 40px !important;
}

footer .input-group-addon i {
    color: #131313;
    text-shadow: 1px 1px 1px #ccc;
}

footer .links li {
    color: #f5f5f5;
    line-height: 32px;
}

footer .links li a {
    color: #f5f5f5;
    padding-left: 7px;
    font-size: 14px;
}

.menu-footer {
    padding: 5px 0 0 10px;
}

.logo-footer {
    float: left;
}

.logo-footer h2 {
    color: #f5f5f5;
    line-height: 30px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 10px 0 0;
}

/* Social -----------------------------------------------------*/
footer .social {
    text-align: right;
}

.social li {
    background: #656565;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    margin: auto 10px;
}

.social li i {
    color: #333;
    text-shadow: none;
    font-size: 16px;
    line-height: 38px;
}

.social li:hover i {
    color: #fff;
}

.coopring p {
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 14px;
}

.coopiring a:hover {
    text-decoration: none;
}

footer .social li {
    width: 56px;
    height: 56px;
}

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

footer .social li i {
    font-size: 26px;
    line-height: 58px;
}

footer .tags a {
    color: #dedede;
}

.footer-3,
.footer-3 .social {
    text-align: center;
}

.footer-3 .social {
    margin-top: 20px;
}

.footer-3 .logo-footer,
.footer-3 .social {
    float: none !important;
}

/* Top -----------------------------------------------------*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    background: url("../img/ui.totop.png") no-repeat left top;
}

#toTopHover {
    background: url("../img/ui.totop.png") no-repeat left -51px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    z-index: 3;
}

#toTop:active, #toTop:focus {
    outline: none;
}

/* Works Styles ------------------------------------*/
.works .item-work {
    max-width: 280px;
}

.works .item-work:first-child {
    margin-left: 40px;
}

.works-no-margin .item-work {
    max-width: 100% !important;
}

.works-no-margin .item-work:first-child {
    margin-left: 0 !important;
}

.works-no-margin .item-work img {
    width: 100% !important;
}

.works-no-margin .item-work .info-work {
    border: solid 1px #cdcdcd;
    border-left: 0;
}

.item-work img {
    display: block;
    height: auto;
    max-width: 100%;
}

.item-work .hover {
    position: relative;
    overflow: hidden;
}

.item-work .info-work {
    font-size: 14px;
    padding: 10px 5px;
    background: #fff;
    border: solid 1px #cdcdcd;
    border-top: 0;
    text-align: center;
}

.item-work .info-work h4 {
    padding: 0;
    font-weight: 300;
}

.item-work .info-work p {
    font-size: 13px;
    line-height: 23px;
}

.item-work .info-work .icons-work {
    display: inline;
    padding: 12px 20px;
    margin-top: 15px;
}

.item-work .info-work i {
    padding: 0 5px;
    color: #131313;
    font-size: 16px;
}

.item-work .info-work i:hover {
    cursor: pointer;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.item-work:hover .overlay {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.portfolioContainer .item-work {
    margin-bottom: 30px;
}

.carousel img {
    width: 100%;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 50px;
}

.technologies {
    margin: 25px 0;
}

.technologies i {
    font-size: 2em;
    margin: auto 10px;
}

.list li {
    line-height: 35px;
}

.list li i {
    padding-right: 8px;
    font-size: 14px;
}

#slide-services .item-work {
    margin-bottom: 25px;
}

#slide-services .item-work h4 {
    font-size: 14px;
}

/* Filters ---------------------------------*/
.portfolioFilter {
    text-align: right;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

.portfolioFilter a {
    margin: auto 10px;
    color: #131313;
    font-size: 14px;
    padding-bottom: 13px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.portfolioFilter a:hover {
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    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;
}

/* Sidebars Page ---------------------------------------------------------*/
aside {
    margin-bottom: 40px;
}

aside .list li, aside.creahive-widget ul li.cat-item,
aside ul.menu li, aside.creahive-widget ul li.cat-item,
aside ul li {
    line-height: 40px;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

aside .list li:hover, aside.creahive-widget ul li.cat-item:hover {
    background-color: #f6f6f6;
    cursor: pointer;
    padding-left: 10px;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

aside .list li a, aside.creahive-widget ul li.cat-item a,
aside ul.menu li a,
aside ul li a {
    display: inline-block;
    font-size: 14px;
    color: #131313;
}

aside .list li a:hover, aside.creahive-widget ul li.cat-item a:hover,
aside ul li a:hover {
    text-decoration: none;
}

aside .list li i, aside.creahive-widget ul li.cat-item a > i {
    display: inline-block;
}

aside .search {
    width: 100%;
}

.input-group .form-control {
    float: none;
    border-color: #a9a9a9;
}

.rsswidget {
    display: block;
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}

.rss-date {
    display: block;
    font-size: 14px;
}

.rssSummary {
    font-size: 16px;
    line-height: 26px;
}

.widget_rss cite {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8462;
}

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

.creahive-widget #wp-calendar {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.creahive-widget #wp-calendar th {
    padding: 1px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    background: #fff;
    color: #606163;
    text-align: center;
    font-size: 14px;
}

.creahive-widget #wp-calendar caption {
    font-size: 15px;
    padding: 5px 0;
    line-height: 25px;
}

.creahive-widget #wp-calendar tbody td {
    line-height: 22px;
    color: #5d5c5c;
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.creahive-widget #wp-calendar tfoot {
    text-align: left;
    font-size: 16px;
}

.creahive-widget #wp-calendar tfoot td {
    padding: 15px 0 20px 0;
}

/* Tabs -------------------------------------*/
.tab-content {
    padding: 10px;
    border: solid #dedede 1px;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.post-image {
    padding-left: 0;
}

.post-details {
    padding-right: 0;
}

.post-image img {
    width: 100%;
}

.post-info {
    font-size: 14px;
    line-height: 22px;
}

.simple-post-list li {
    border-bottom: 1px dotted #E2E2E2;
    min-height: 62px;
    padding: 15px 0;
}

.simple-post-list li:last-child {
    border-bottom: 0;
}

.tabs .nav li i {
    padding-right: 5px;
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    padding: 10px !important;
}

.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin-right: 15px !important;
}

.vc_tta-panels .wpb_content_element {
    margin-bottom: 0 !important;
}

/* Page Error ------------------------------------------------------------*/
.page-error {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.page-error h1 {
    font-size: 140px;
    line-height: 140px;
}

.page-error h1 i {
    font-size: 200px;
    line-height: 190px;
}

.page-error hr.tall {
    margin: 20px 0 30px 0;
}

/* ACCORDION ------------------------------------------*/
.accordion-trigger h3 {
    margin: 0 10px;
}

.accordion-trigger {
    text-decoration: none;
    padding: 10px 10px 10px 25px;
    margin: 0 0 15px 0;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    background: #f9f9f9 url("../img/toggle.png") no-repeat right 14px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.accordion-trigger i {
    padding-right: 10px;
    font-size: 18px;
}

.accordion-trigger:hover {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.accordion-container {
    padding: 10px 0;
}

.accordion-container p {
    margin: 0 0 10px 0;
}

/* Sitemap ---------------------------------------------------------------*/
.sitemap {
    float: left;
    display: inline;
    width: 370px;
    margin-right: 2px;
    font-size: 14px;
    padding: 10px 0 0 0;
    background: url("../img/line_tree1.gif") left repeat-y;
}

.sitemap li {
    float: left;
    width: 347px;
    padding-left: 25px;
    line-height: 35px;
    background: url("../img/line_tree2.gif") 0 center no-repeat;
}

.sitemap li.has_sub {
    background: url("../img/line_tree2.gif") 0 17px no-repeat;
}

.sitemap li a {
    color: #666;
    position: relative;

    text-decoration: none;
}

.sitemap li a:hover {
    color: #cbd6e2;
    text-decoration: underline;
}

.sitemap ul {
    width: 132px;
    padding-top: 0;
}

/* Blog -----------------------------------------------------------------*/
.post .post-meta {
    font-size: 12px;
    border: solid 1px #dedede;
    padding: 3px 7px;
    margin: 10px 0;
    display: block;
}

.post .post-meta span,
.post .post-meta i {
    padding: 0 0 0 3px;
    color: #777;
}

.post .post-image img {
    width: 100%;
}

.post h3 a:hover,
.post h2 a:hover {
    text-decoration: none;
}

.post h3 {
    padding: 0;
    font-weight: 200;
}

.image-visitor img {
    width: 100%;
}

.comment-post {
    border-bottom: 1px solid #dedede;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.comment-post h6 {
    text-align: center;
    line-height: 15px;
    padding-bottom: 5px;
    margin-top: 5px;
}

.comment-post .date {
    display: block;
    text-align: center;
    font: 400 .75em/1 tahoma, sans-serif;
    margin: .2em;
    color: #888;
}

.comment-post .info-comment {
    position: relative;
    margin: 30px 0;
    padding: 15px;
    border: solid 1px #EEE;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: white;
    -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.09999999999999998);
    -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.09999999999999998);
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.09999999999999998);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.comment-post .info-comment:hover {
    -webkit-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
}

.info-comment a {
    padding: 10px 10px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: -25px;
    right: -25px;
}

.info-comment p {
    margin: 0;
}

.child {
    margin-left: 10%;
}

.arrow-comment {
    position: absolute;
    left: -16px;
    top: 20%;
    width: 16px;
    height: 50px;
}

#form-comment {
    margin-bottom: 50px;
}

#form-comment .form-group {
    margin-bottom: 20px;
    overflow: auto;
}

#form-comment h3,
.comment-post h3,
.autor h3,
.autor h4 {
    font-weight: 200;
}

/*ADDED BY BTDOGAN*/

.max-width-800 {
    max-width: 800px;
    margin: 0 auto;
}

.resource-categories {
    margin: 0 auto;
    text-align: center;
}

.resource-categories .menu > li {
    display: inline-block;
    margin: 7.5px;
}

.resource-categories .menu .nav-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.resource-categories .menu .nav-circle img {
    display: block;
    width: 100%;
    padding: 15%;
    height: auto;
}

.resource-categories .menu .nav-text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.resource-categories .career .nav-text, .resource-categories .community .nav-text {
    color: #51244b;
}

.resource-categories .education .nav-text, .resource-categories .wellness .nav-text {
    color: #b3bd3a;
}

.resource-categories .finance .nav-text, .resource-categories .housing .nav-text {
    color: #f69024;
}

.resource-categories .food .nav-text, .resource-categories .lifeskills .nav-text {
    color: #00aea7;
}

.resource-categories .career .nav-circle, .resource-categories .community .nav-circle {
    background-color: #51244b;
    border: 2px solid #51244b;
}

.resource-categories .education .nav-circle, .resource-categories .wellness .nav-circle {
    background-color: #b3bd3a;
    border: 2px solid #b3bd3a;
}

.resource-categories .finance .nav-circle, .resource-categories .housing .nav-circle {
    background-color: #f69024;
    border: 2px solid #f69024;
}

.resource-categories .food .nav-circle, .resource-categories .lifeskills .nav-circle {
    background-color: #00aea7;
    border: 2px solid #00aea7;
}

.resource-categories .nav-circle {
    cursor: pointer;
}

.page-id-34 .career .nav-circle, .page-id-39 .education .nav-circle, .page-id-41 .finance .nav-circle, .page-id-43 .food .nav-circle, .page-id-45 .community .nav-circle, .page-id-47 .wellness .nav-circle, .page-id-49 .housing .nav-circle, .page-id-51 .lifeskills .nav-circle {
    background-color: #fff;
}

.resource-categories .nav-circle:hover {
    background-color: #fff;
}

.form_comment label {
    min-width: 140px;
    margin-bottom: 15px;
}

.form_comment .form-control {
    display: inline-block;
    width: 100%;
}

.rating-form div, .rating-form p {
    display: inline-block;
}

.rating-form .rating-item {
    margin-bottom: 0;
}

.rating-form .rating-item i {
    font-size: 18px;
}

.modal-open .modal {
    margin-top: 75px;
}

.modal-title {
    font-weight: 600;
}

.save-rating {
    display: none !important;
}

.show-more-button {
    text-align: center;
    margin-bottom: 60px;
}

.page-template-purple .btn-primary {
    background: #51244b !important;
    color: #fff !important;
}

.page-template-purple .btn-primary:hover {
    background: #fff !important;
    color: #51244b !important;
    border-color: #51244b !important;
    opacity: 1;
}

.page-template-purple .btn-default {
    background: transparent !important;
    color: #51244b !important;
}

.page-template-purple .btn-default:hover {
    background: transparent !important;
    color: #51244b !important;
    border-color: #51244b !important;
    opacity: 1;
}

.page-template-green .btn-primary {
    background: #b3bd3a !important;
    color: #fff !important;
}

.page-template-green .btn-primary:hover {
    background: #fff !important;
    color: #b3bd3a !important;
    border-color: #b3bd3a !important;
    opacity: 1;
}

.page-template-green .btn-default {
    background: transparent !important;
    color: #b3bd3a !important;
}

.page-template-green .btn-default:hover {
    background: transparent !important;
    color: #b3bd3a !important;
    border-color: #b3bd3a !important;
    opacity: 1;
}

.page-template-orange .btn-primary {
    background: #f69024 !important;
    color: #fff !important;
}

.page-template-orange .btn-primary:hover {
    background: #fff !important;
    color: #f69024 !important;
    border-color: #f69024 !important;
    opacity: 1;
}

.page-template-orange .btn-default {
    background: transparent !important;
    color: #f69024 !important;
}

.page-template-orange .btn-default:hover {
    background: transparent !important;
    color: #f69024 !important;
    border-color: #f69024 !important;
    opacity: 1;
}

.page-template-blue .btn-primary {
    background: #00aea7 !important;
    color: #fff !important;
}

.page-template-blue .btn-primary:hover {
    background: #fff !important;
    color: #00aea7 !important;
    border-color: #00aea7 !important;
    opacity: 1;
}

.page-template-blue .btn-default {
    background: transparent !important;
    color: #00aea7 !important;
}

.page-template-blue .btn-default:hover {
    background: transparent !important;
    color: #00aea7 !important;
    border-color: #00aea7 !important;
    opacity: 1;
}

.page-template-default .btn-primary {
    background: #662d91 !important;
    color: #fff !important;
}

.page-template-default .btn-primary:hover {
    background: #fff !important;
    color: #662d91 !important;
    border-color: #662d91 !important;
    opacity: 1;
}

.page-template-default .btn-default {
    background: transparent !important;
    color: #662d91 !important;
}

.page-template-default .btn-default:hover {
    background: transparent !important;
    color: #662d91 !important;
    border-color: #662d91 !important;
    opacity: 1;
}

.banner a.btn {
    font-size: 16px;
    font-weight: 600;
}

.custom_search {
    padding-top: 60px !important;
    background-color: #e8e8e8 !important;
}

.ai1ec-single-event {
    display: block;
    clear: both;
    padding-top: 30px;
}

.ai1ec-field-label {
    float: left;
    text-align: left;
    padding-left: 15px;
    min-width: 125px;
}

.ai1ec-field-value {
    display: flex;
}

.ai1ec-calendar-toolbar {
    display: none !important;
}

.home .ai1ec-clearfix, .home .ai1ec-pull-left, .home .ai1ec-pull-right, .home .ai1ec-categories {
    display: none !important;
}

.gform_wrapper {
    margin: 0 !important;
    max-width: 100% !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half {
    margin-right: 2% !important;
    width: 48% !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half {
    margin-left: 2% !important;
    width: 48% !important;
}

.gfield_label {
    margin-bottom: 0 !important;
    margin-top: 15px !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium {
    width: 100% !important;
}

.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
    width: 100% !important;
}

.gform_wrapper .gsection {
    padding: 0 !important;
    margin: 30px 0 15px !important;
}

.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {
    font-weight: 400 !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    font-weight: 400 !important;
}

.wpb_content_element.justify {
    margin-bottom: 15px !important;
}

.suggest-a-resource {
    margin-bottom: 50px !important;
}

.suggest-a-resource a{
    font-size: 16px !important;
    padding: 10px 15px !important;
    font-weight: 600 !important;
}

.learn-more {
    margin-bottom: 15px !important;
}

.learn-more.last {
    margin-bottom: 45px !important;
}

.learn-more a {
    font-size: 14px !important;
    padding: 5px 15px !important;
    font-weight: 400 !important;
}

.home-title {
    margin-bottom: 25px !important;
}

.home-title h3 {
    line-height: 1;
    padding-top: 0;
    font-weight: 600;
}

.vc_separator h4 {
    font-size: 36px !important;
    font-weight: 600 !important;
}

.call-to-action a {
    font-size: 16px !important;
    padding: 20px 30px !important;
    font-weight: 600 !important;
}