@font-face {
    font-family: "Bemount";
    src: url("../fonts/Bemount.otf")
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #1B435D;
    background: #ffffff
}

body.box_layout {
    background: #F2F2F2 url("../img/patterns/p4.jpg")
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700
}

.clear {
    clear: both
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

a,
a:hover,
a:active {
    color: #1B435D
}

img {
    max-width: 100%
}

.anim_element {
    opacity: 0
}

.anim_element.vis {
    opacity: 1
}

.fullOpacity {
    opacity: 1 !important
}

.nopadding {
    padding: 0 !important
}

#wrapper {
    opacity: 1
}

p {
    line-height: 22px
}

.top_header {
    background: #F8F8F8;
    border-bottom: 1px solid #ededed
}

.top_header .description {
    text-align: left;
    position: relative
}

.top_header .description>i {
    margin-right: 15px;
    font-size: 25px;
    color: #FF895D;
    margin-top: 7px;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.top_header .description a {
    color: #555555;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.top_header .description a:hover {
    color: #444
}

.close_top_header_icon {
    font-size: 20px;
    margin-top: 6px;
    color: #555555;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.top_header .description i:hover,
.close_top_header_icon:hover {
    color: #1B435D
}

.top_header .description .top_header_icon_value {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    background: #f8f8f8;
    padding: 5px;
    font-size: 23px;
    opacity: 0.95
}

.top_header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 40px
}

.top_header ul li {
    display: inline-block;
    float: left;
    position: relative
}

.top_header ul li>a {
    color: #777777;
    text-decoration: none;
    float: left;
    display: inline-block;
    padding: 8px 15px;
    font-size: 17px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.top_header ul li.auth>a {
    font-size: 13px;
    padding: 11px 15px
}

.top_header ul li>a:hover {
    background: #ededed;
    color: #1B435D
}

.top_header ul li.cart>a {
    padding: 0;
    color: #f5f5f5;
    font-size: 13px
}

.top_header ul li.cart:hover>a {
    color: #ffffff
}

.top_header ul li.cart>a .icon {
    padding: 11px;
    float: left
}

.top_header ul li.cart>a .total {
    padding: 11px;
    float: left;
    opacity: 0.8
}

.horiz {
	width: 870px;
	height: 2px;
	background: transparent url('../image/horizontal.png') no-repeat;
	margin: 20px auto 20px auto;
	
}
.ch-kol {
    color: #EA5455
}

.navbar_outer {
    padding: 0
}

.header .navbar_handle {
    font-size: 30px;
    color: #1B435D;
    background: #f5f5f5;
    cursor: pointer;
    display: none;
    padding: 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header .navbar_handle:hover {
    color: #444
}

.header .header_inner.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 500;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header.rel_pos .header_inner {
    position: relative !important;
    display: block !important;
    width: auto !important;
    height: auto !important
}

.header.header5 .header_inner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 500;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header.header5 .header_inner.light_bg {
    background: rgba(255, 255, 255, 0.95)
}

.header.header5 .header_inner:not(.light_bg) .navbar li a {
    color: #cfcfcf
}

.header.header5 .header_inner:not(.light_bg) .navbar li a:hover,
.header.header5 .header_inner:not(.light_bg) .navbar li.active a {
    color: #ffffff !important
}

.header .header_inner.fixed .logo_outer {
    background: transparent;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header .header_inner .logo_outer {
    padding: 5px
}

.header .header_inner .logo_outer.bg_color {
    background: #fafafa
}

.header.header5 .header_inner .logo_outer {
    background: transparent
}

.logo {
    display: inline-block
}

.logo span {
    padding: 10px 20px;
    border-top: 4px solid #1B435D;
    border-bottom: 4px solid #1B435D;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    display: inline-block
}

.header.header5 .header_inner:not(.light_bg) .logo_outer .logo span {
    color: #ffffff;
    border: 6px double #bebebe
}

.header .header_inner>.container>.row {
     position: relative
}

.header .header_inner .search_box {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 50
}

.header.header5 .header_inner .search_box {
    background: transparent
}

.header .header_inner .search_box input {
    border: 2px solid #dedede;
    background: #ffffff;
    padding: 26px;
    font-size: 18px;
    padding-right: 105px;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif
}

.header .header_inner .search_box .form {
    position: relative;
    padding: 20px 0
}

.header .header_inner .search_box button {
    position: absolute;
    right: 55px;
    top: 48px;
    border: none;
    background: transparent
}

.header .header_inner .search_box button span {
    font-size: 25px;
    color: #999999;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header .header_inner .search_box button span:hover {
    color: #1B435D
}

.header .header_inner .search_box .close_search_box {
    position: absolute;
    right: 20px;
    top: 48px;
    font-size: 25px;
    cursor: pointer;
    color: #999999;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header .header_inner .search_box .close_search_box:hover {
    color: #1B435D
}

.header.header5 .header_inner .search_box .close_search_box {
    color: #bebebe;
    padding: 5px
}

.header .header_inner .navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: right
}

.header .header_inner .navbar li {
    display: inline-block;
    position: relative
}

.header .header_inner .navbar li a {
    padding: 25px 10px;
    display: inline-block;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    text-decoration: none;
    color: #555555;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.header .header_inner .navbar li a:hover {
    color: #1B435D
}

.header .header_inner .navbar li a i {
    font-size: 15px
}

.header .header_inner .navbar li .dropdown i {
    float: right
}

.header.header2 .logo_outer {
    text-align: center
}

.header.header2 .navbar {
    float: none;
    text-align: center
}

.header.header3 .navbar {
    text-align: left
}

.header.header3 .logo_outer {
    text-align: right
}

.header.header4 .logo_outer {
    text-align: left
}

.header.header4 .navbar {
    text-align: left
}

.box_layout_container .header .logo_outer {
    padding-left: 15px
}

.box_layout_container {
    background: #ffffff;
    overflow: hidden
}

.breadcrump {
    background: #fafafa;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-bottom: 50px
}

.breadcrump .title {
    float: left;
    display: inline-block;
    padding: 30px
}

.breadcrump .links {
    display: inline-block;
    float: right;
    padding: 47px;
    font-size: 15px;
    padding-right: 30px
}

.breadcrump .links a {
    display: inline-block;
    color: #666666;
    font-family: 'Roboto Condensed', sans-serif
}

.breadcrump .links i {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.page {
    position: relative;
    overflow: hidden
}

.page .section_block {
    background: #fafafa
}

.page .section_block>div {
    padding: 0
}

.page .page_title .title {
    margin: 0;
    padding: 20px;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    letter-spacing: 10px;
    word-wrap: break-word;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.page .page_title.v1 .title .box {
    position: absolute;
    left: 30px;
    bottom: -15px;
    border: 5px solid #fafafa;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.page .page_title.v2 .box {
    width: 25px;
    height: 25px;
    background: #ffffff;
    display: inline-block;
    margin-left: 30px;
    border-radius: 50%
}

.page .page_title .description {
    padding: 30px;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300
}

.page .page_content {
    background: #ffffff;
    padding: 30px
}

#home_slider {
    position: relative;
    width: 100%
}

#home_slider .slide {
    position: relative;
    overflow: hidden;
    height: 600px
}

#home_slider .slide .captions {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    color: #ffffff;
    z-index: 10;
    text-align: center;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

#home_slider .slide .captions h1.title,
.rs_title_caption {
    font-size: 90px;
    margin: 0;
    font-weight: 800
}

#home_slider .slide .captions h1.title .txt1,
.rs_title_caption {
    color: #08631a;
    padding: 30px 150px;
    border-bottom: 4px dashed #ffffff;
    margin-bottom: 10px;
    display: inline-block;
    font-family: "Calibri"
}
#home_slider .slide .captions h1.title .txt1,
.rs_title_caption {
    color: #08631a; /* Цвет текста */
    -webkit-text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки */
    text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки (стандартное свойство) */
  }
#home_slider .slide .captions .subtitle,
.rs_subtitle_caption {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    letter-spacing: 5px
}

#home_slider .slide .captions .subtitle span,
.rs_subtitle_caption {
    color: #ffffff;
    display: inline-block
}

#home_slider .slide .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 5
}

 #home_slider .slide .home_slide_bg { 
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222222;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
} 

#home_slider.pattern .slide .home_slide_bg.pattern_bg {
    background: #F2F2F2 url('../img/patterns/p4.jpg')
}

.home_slide_bg_1 {
    background-image: url(../img/sliderimages/1.jpg)
}

.home_slide_bg_2 {
    background-image: url(../img/sliderimages/2.jpg)
}

.home_slide_bg_3 {
    background-image: url(../img/sliderimages/3.jpg)
}

.page#about .page_content {
    padding: 0
}

.services {
    background: #ffffff
}

.services>div {
    padding: 0
}

.services .item {
    text-align: center
}

.services .item .top {
    background: #fafafa;
    padding: 55px;
    padding-bottom: 70px;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.services .item .top i {
    font-size: 55px
}

.services .item .description {
    padding: 35px;
    padding-top: 50px
}

.services .item .title {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%
}

.services .item .title span {
    padding: 8px 15px;
    background: #1B435D;
    color: #ffffff;
    font-size: 19px;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 4px;
    font-weight: 700;
    border: 5px solid transparent;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.services .item:hover .title span {
    border: 5px solid #ffffff
}

.services .item .description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px
}

.services_2 .item {
    margin-bottom: 15px
}

.services_2 .item .top {
    margin-bottom: 10px
}

.services_2 .item .top i {
    display: inline-block;
    font-size: 25px
}

.services_2 .item .top .title {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px
}

.services_3 .item {
    margin-bottom: 15px
}

.services_3 .item .top {
    margin-bottom: 10px
}

.services_3 .item .top i {
    display: inline-block;
    font-size: 25px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    border: 2px solid #555555;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.services_3 .item:hover .top i {
    -moz-transform: rotate(360deg) translate(0px);
    -webkit-transform: rotate(360deg) translate(0px);
    -o-transform: rotate(360deg) translate(0px);
    transform: rotate(360deg) translate(0px)
}

.services_3 .item .top .title {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px
}

.services_4 .item {
    text-align: center
}

.services_4 .item .top i {
    display: inline-block;
    font-size: 25px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    border: 2px solid #555555;
    margin-bottom: 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.services_4 .item:hover .top i {
    -moz-transform: rotate(360deg) translate(0px);
    -webkit-transform: rotate(360deg) translate(0px);
    -o-transform: rotate(360deg) translate(0px);
    transform: rotate(360deg) translate(0px)
}

.services_4 .item .top .title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    margin-bottom: 15px;
    font-weight: bold
}

.services_5 .item .top i {
    display: inline-block;
    font-size: 45px;
    margin-bottom: 20px
}

.services_5 .item .top .title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    margin-bottom: 15px;
    font-weight: bold
}

.services .item,
.services_1 .item,
.services_2 .item,
.services_3 .item,
.services_4 .item,
.services_5 .item,
.services_6 .item {
    margin-bottom: 15px
}

.services_6 .item {
    position: relative
}

.services_6 .item .top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 45px
}

.services_6 .item .top {
    text-align: center
}

.services_6 .item .top i {
    display: inline-block;
    font-size: 45px
}

.services_6 .item .title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    margin-bottom: 15px;
    font-weight: bold
}

.services_6 .item .description {
    padding-left: 60px
}

.team_members .member {
    overflow: hidden;
    width: 48%;
    float: left;
    margin-right: 1%
}

.team_members .member .image {
    position: relative
}

.team_members .member .image img {
    display: block
}

.team_members .member .image .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 50;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.team_members .member .image .overlay .social_icons {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 51
}

.team_members .member .image .overlay .social_icons a {
    color: #dedede;
    font-size: 35px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    float: left;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.team_members .member:hover .image .overlay {
    background: transparent
}

.team_members .member:hover .image .overlay .social_icons a {
    color: #ffffff
}

.team_members .member:hover .image .overlay .social_icons a.facebook {
    background: #3B5999
}

.team_members .member:hover .image .overlay .social_icons a.linkedin {
    background: #007BB6
}

.team_members .member:hover .image .overlay .social_icons a.twitter {
    background: #00BAFF
}

.team_members .member:hover .image .overlay .social_icons a:hover {
    background: #444
}

.team_members .member .other {
    padding: 25px;
    color: #08b4ac
}

.team_members .member:hover .other {
    color: #1B435D
}

.team_members .member .title {
    margin-bottom: 15px
}

.team_members .member .title .name {
    font-size: 48px;
    display: inline-block;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold
}

.team_members .member .job_name {
    float: left;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 14px 7px;
    background: #1B435D;
    color: #ffffff;
    display: inline-block;
    margin-left: 25px;
    margin-top: 23px
}

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

  .justify-last-line {
    text-align: justify;
    text-align-last: center;
  }

.team_members .member .description .text {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 300
}

.team_members .member .description h4,
.team_members .member .skills h4 {
    margin-bottom: 25px
}

.team_members .member .skills .item .box {
    padding: 4px 10px;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    font-weight: bold;
    float: left
}

.team_members .member .skills .item .name {
    padding: 4px 10px;
    background: #1B435D;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    font-weight: bold;
    float: left
}

.team_members .member .skills .item {
    margin-bottom: 15px
}

.team_members.style2 .member .skills .item {
    position: relative
}

.team_members.style2 .member .skills .item .name {
    width: 100%;
    padding-left: 80px
}

.team_members.style2 .member .skills .item .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 32px;
    text-align: center
}

.team_members.style3>div {
    padding: 0
}

.team_members.style3 .member {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

.team_members.style3 .member img {
    display: block;
    width: 110%;
    margin: 0 0% -10%;
    position: relative;
    z-index: 3;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.team_members.style3 .member:hover img {
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    transform: translate(0, -10%)
}

.team_members.style3 .member .overlay {
    position: absolute;
    left: 0;
    z-index: 10;
    bottom: -200px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.team_members.style3 .member .overlay h3 {
    margin-top: 0
}

.team_members.style3 .member:hover .overlay {
    bottom: 0
}

.team_members.style3 .member .overlay .description {
    margin-bottom: 10px
}

.team_members.style3 .member .overlay .icon_btn {
    border: 1px solid #999999;
    margin-right: 5px
}

.history_items {
    overflow: hidden
}

.history_items .item {
    font-family: 'Roboto Condensed', sans-serif;
    border-left: 16px solid #1B435D
}

.history_items .item .year span,
.history_items .item .title span {
    padding: 8px 20px;
    display: inline-block
}

.history_items .item .year {
    font-size: 35px;
    font-weight: bold
}

.history_items .item .title {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px
}

.history_items .item .description {
    padding: 20px;
    font-size: 15px
}

.owl-controls {
    text-align: center
}

.owl-theme .owl-controls .owl-page span {
    width: 50px;
    height: 6px;
    border-radius: 0
}

.parallax_item {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    color: #ffffff
}

.parallax_item.some_stats .parallax_layer {
    background: url('../img/parallax1.jpg') repeat fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}

.parallax_item.work .parallax_layer {
    background: url('../img/parallax2.jpg') repeat fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}

.parallax_item.macbook .parallax_layer {
    background: url('../img/parallax3.jpg') repeat fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}

.parallax_item.newsletter .parallax_layer {
    background: url('../img/parallax4.jpg') repeat fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}

.parallax_item .overlay {
    position: absolute;
    opacity: 0.8;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    background: rgba(0, 0, 0, 0.75)
}

.parallax_item .content {
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    z-index: 100
}

.parallax_item .content>.title {
    text-align: center;
    font-size: 35px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative
}

.work_block {
    text-align: center
}

.work_block h1 {
    letter-spacing: 5px;
    margin-bottom: 30px
}

.work_block .line a {
    border-bottom: none;
    border: 1px solid #ffffff;
    color: #1B435D;
    background: transparent !important;
    margin-right: 15px
}

.work_block .line a:after {
    background: #ffffff
}

.work_block .line a:hover {
    background: #ffffff !important;
    color: #1B435D !important
}

.parallax_item.macbook .content {
    padding: 0
}

.parallax_item.macbook .macbook_section {
    padding-top: 50px
}

.parallax_item.macbook .title {
    border-bottom: 1px solid #999999;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 35px;
    position: relative
}

.parallax_item.macbook .title:after {
    width: 100px;
    height: 1px;
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px
}

.parallax_item.macbook .description {
    margin-bottom: 15px
}

.parallax_item.macbook .actions {
    margin-bottom: 15px
}

.parallax_item.macbook .actions a {
    border: 1px solid #ffffff;
    background: transparent
}

.parallax_item.macbook .actions a:hover {
    color: #1B435D !important
}

.parallax_item.macbook .actions a:after {
    background: #ffffff
}

.parallax_item.newsletter .content {
    text-align: center
}

.parallax_item.newsletter .title {
    font-size: 35px;
    font-weight: 100;
    margin-bottom: 20px
}

.parallax_item.newsletter .subtitle {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.parallax_item.newsletter input {
    width: 100%;
    padding: 12px;
    border: 1px solid #dedede;
    background: transparent;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.parallax_item.newsletter input:focus,
.parallax_item.newsletter input:hover {
    border: 1px solid #ffffff
}

.parallax_item.newsletter button {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.parallax_item.newsletter button span {
    padding: 15px;
    background: #ffffff;
    color: #1B435D;
    width: 100%
}

#blog.home_blog .page_content {
    padding: 0
}

.home_blog_posts {
    padding: 15px
}

.home_blog_posts>div {
    padding: 15px
}

.home_blog_posts .post {
    padding: 15px;
    color: #666666;
    border: 3px solid #dedede;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.home_blog_posts .post a {
    color: #666666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.home_blog_posts .post:hover {
    border: 3px solid #999999;
    color: #1B435D
}

.home_blog_posts .post:hover a {
    color: #1B435D
}

.home_blog_posts .post .separator {
    margin-bottom: 15px;
    margin-top: 15px
}

.home_blog_posts .post .separator span {
    display: block;
    width: 50px;
    height: 2px;
    background: #ededed
}

.home_blog_posts .post .title {
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 3px
}

.home_blog_posts .post .meta {
    font-weight: bold
}

.home_blog_posts .post .media {
    margin-bottom: 15px
}

.home_blog_posts .goto_blog {
    text-align: center
}

.blog_page {
    padding-bottom: 30px
}

.blog_posts {
    position: relative;
    overflow: hidden
}

.masonry_blog {
    padding: 0
}

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

.masonry_blog .post {
    padding-bottom: 30px;
    margin-bottom: 100px
}

.blog_posts .post .media {
    position: relative;
    margin: 0
}

.blog_posts .post .media .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.blog_posts .post .media .type {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 15px;
    border: 1px solid #ededed;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    font-size: 30px
}

.blog_posts .post .info span.type {
    background: #1B435D;
    color: #ffffff;
    text-align: center
}

.blog_posts .post .media .type a {
    color: #ffffff
}

.blog_posts .post:hover .media .overlay {
    background: transparent
}

.blog_posts .post .title {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-weight: 700
}

.blog_posts .post .title a {
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.blog_posts .post .info {
    margin-bottom: 15px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed
}

.blog_posts .post .info>span {
    border-right: 1px solid #dedede;
    padding: 10px;
    display: inline-block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.blog_posts .post .info>span a {
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.blog_posts .post .info>span i {
    display: inline-block;
    margin-right: 5px;
    font-size: 17px
}

.blog_posts .post .info span.type i {
    margin: 0
}

.blog_posts .post .post_body {
    font-size: 15px;
    margin-bottom: 15px
}

.media.video {
    width: 100%;
    position: relative
}

.media.video .video_image {
    position: relative
}

.media.video .video_image .video_url {
    display: none
}

.media.video .video_image .video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    border: 1px solid #dedede;
    line-height: 100px;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    color: #ffffff;
    margin-left: -50px;
    margin-top: -50px;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.media.video .video_image .video-play-button:hover {
    border: 1px solid #ffffff
}

.media iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0
}

.blog_posts .post .quote {
    position: relative;
    margin-bottom: 15px
}

.blog_posts .post .quote .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 35px
}

.blog_posts .post .quote .body {
    padding-left: 75px
}

.blog_posts .post .quote .body .text {
    border-left: 4px solid #bebebe;
    padding: 10px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #555555
}

.blog_posts .post .quote .body .text .source {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold
}

.blog_posts_pagination,
.pagination.light-art {
    margin-top: 0
}

.blog_posts_pagination li a,
.pagination.light-art li a {
    border-radius: 0;
    color: #444444
}

.blog_posts_pagination li.active a,
.pagination.light-art li.active a {
    border: 1px solid transparent;
    color: #ffffff
}

.blog_posts .post .post_body .post_image {
    padding: 10px;
    border: 1px solid #dedede;
    margin-bottom: 10px
}

.blog_posts .post .tags {
    margin-bottom: 25px
}

.blog_posts .post .tags a {
    margin-right: 5px;
    margin-bottom: 10px
}

.blog_posts .post .tags .title {
    font-weight: bold;
    margin-bottom: 10px
}

.blog_posts .post .about_author .title {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0
}

.blog_posts .post .about_author {
    border: 1px solid #dedede;
    padding: 20px;
    margin-bottom: 25px
}

.blog_posts .post .about_author img {
    width: 80px;
    height: 80px
}

.blog_posts .post .comments {
    margin-top: 10px
}

.blog_posts .post .comments>.title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-weight: bold
}

.blog_posts .post .comments_list .comment img {
    width: 80px;
    height: 80px
}

.blog_posts .post .comments_list .comment .title {
    font-weight: bold
}

.blog_posts .post .comments_list .comment .title span {
    color: #777777;
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px
}

.blog_posts .post .comments_list {
    margin-bottom: 25px
}

.comment_form {
    padding: 0
}

.comment_form .title {
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    font-weight: bold !important
}

.comment_form .title i {
    margin-right: 10px
}

.comment_form input[type="text"],
.comment_form textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #bebebe;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear
}

.comment_form textarea {
    min-height: 150px
}

.comment_form input[type="text"]:hover,
.comment_form textarea:hover,
.comment_form input[type="text"]:focus,
.comment_form textarea:focus {
    border: 1px solid #444
}

.comment_form form>div {
    margin-bottom: 30px
}

.comment_form input[type="submit"] {
    float: right
}

.blog_posts_timeline {
    padding: 0;
    padding-bottom: 30px;
    padding-top: 30px
}

.blog_posts_timeline:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    width: 0;
    height: 100%;
    border-right: 2px solid #ededed
}

.blog_posts_timeline .post {
    border: 2px solid #ededed;
    padding: 15px;
    position: relative;
    background: #ffffff;
    margin-left: 0 !important
}

.blog_posts_timeline .post .date {
    position: absolute;
    background: #ffffff;
    border: 2px solid #ededed;
    padding: 13px;
    top: 0;
    width: 160px;
    text-align: center
}

.blog_posts_timeline .post.left_pos {
    left: 0 !important;
    right: auto !important
}

.blog_posts_timeline .post.right_pos {
    right: 0 !important;
    left: auto !important
}

.blog_posts_timeline .post.left_pos .date {
    right: -117px;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.blog_posts_timeline .post.right_pos .date {
    left: -117px;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.blog_posts_timeline .post .date i {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px
}

.blog_posts_timeline .post+.post {
    margin-top: 60px
}

.blog_posts_timeline .post:hover,
.blog_posts_timeline .post:hover .date {
    border: 2px solid #999999
}

.timeline_blog_actions {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.sidebar .widgetbox {
    border-bottom: 1px solid #ededed
}

.sidebar .widgetbox .body {
    padding: 15px
}

.sidebar .widgetbox.search {
    padding: 0;
    border-bottom: none
}

.sidebar .widgetbox.search form {
    position: relative
}

.sidebar .widgetbox.search input {
    width: 100%;
    border: none;
    padding: 20px;
    padding-right: 80px;
    color: #1B435D;
    border: 1px solid #ededed
}

.sidebar .widgetbox.search input:hover,
.sidebar .widgetbox.search input:focus {
    border: 1px solid #999999
}

.sidebar .widgetbox.search button {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sidebar .widgetbox.search button i {
    font-size: 20px;
    color: #444444;
    border-left: 1px solid #ededed;
    padding: 19px
}

.sidebar .widgetbox.search form:hover button i,
.sidebar .widgetbox.search form:focus button i {
    color: #444
}

.sidebar .widgetbox .title {
    font-weight: 700;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #ededed
}

.sidebar .widgetbox ul {
    padding-left: 15px;
    list-style-type: square
}

.sidebar .widgetbox ul li {
    margin-bottom: 15px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.sidebar .widgetbox ul li a {
    font-size: 14px
}

.sidebar .widgetbox ul.categories li:hover {
    padding-left: 10px
}

.sidebar .widgetbox.tags .body a {
    margin-right: 10px;
    margin-bottom: 10px
}

.page#contact .page_content {
    padding: 0
}

.contact_info .item {
    padding: 30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.contact_info .item:hover {
    background: #fafafa
}

.contact_info .item>div {
    padding: 0
}

.contact_info .item .icon {
    font-size: 40px;
    text-align: center;
    border-right: 1px solid #ededed
}

.contact_info .item .text {
    padding-left: 30px;
    font-family: 'Roboto Condensed', sans-serif
}

.contact_info .item .text .title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px
}

.contact_info .item .text .value {
    font-size: 15px
}

#gmap,
#gmap_default,
#gmap_gray,
#gmap_retro {
    height: 500px;
    width: 100%;
    display: block;
    display: none
}

#gmap img,
#gmap_render img,
#gmap_gray img,
#gmap_retro img {
    max-width: none
}

#gmap_default,
#gmap_gray,
#gmap_retro {
    display: block
}

.google_maps_btn {
    background: #444444;
    padding: 20px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    letter-spacing: 5px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.google_maps_btn:hover {
    background: #222222
}

.footer {
    background: #29435C;
    color: #ffffff;
    padding: 70px 0
}

.footer a {
    color: #ffffff
}

.footer .column .logo {
    display: block;
    text-align: center
}

.footer .column>.title {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 3px solid #999999;
    padding-bottom: 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.footer .column .recent_posts .item {
    margin-bottom: 20px
}

.footer .column .recent_posts .item:last-child {
    margin-bottom: 0
}

.footer .column .recent_posts .item .title {
    text-transform: uppercase;
    letter-spacing: 1.8px;
    margin-bottom: 5px
}

.footer .contact_items .item {
    margin-bottom: 15px
}

.footer .contact_items .item i {
    font-size: 20px;
    display: inline-block;
    margin-right: 10px
}

.social_icons_footer {
    padding-top: 30px;
    padding-bottom: 30px
}

.social_icons_footer .icons {
    text-align: center
}

.social_icons_footer .icons a {
    margin-right: 10px;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    letter-spacing: 0
}

.page_title.light-art {
    text-align: center;
    position: relative;
    margin: 20px 0;
    margin-bottom: 75px
}

.page_title.light-art .t1 {
    padding: 15px;
    border-bottom: 2px solid #dedede;
    position: relative
}

.page_title.light-art .t1:after {
    position: absolute;
    content: '';
    width: 50px;
    left: 50%;
    bottom: -2px;
    height: 2px;
    margin-left: -25px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.page:hover .page_title.light-art .t1:after {
    left: 0;
    width: 100%;
    margin-left: 0
}

.page_title.light-art .t2 {
    position: relative
}

.page_title.light-art .t2:before,
.page_title.light-art .t2:after {
    content: '';
    position: absolute;
    left: -25px;
    bottom: -21px;
    width: 10px;
    height: 10px;
    background: #dedede;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.page_title.light-art .t2:after {
    left: auto;
    right: -25px
}

#elements_page .page_subtitle {
    margin: 20px 0;
    border-bottom: 5px solid #ededed;
    padding-bottom: 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

#elements_page .block_item:hover .page_subtitle {
    border-bottom: 5px solid #999999
}

#elements_page .block {
    margin-bottom: 50px
}

#elements_page .block.dividers .block_item {
    padding-bottom: 30px
}

#elements_page .block.dividers .block_item .page_subtitle {
    margin-bottom: 50px
}

#elements_page .block.other .block_item {
    margin-bottom: 30px
}

#elements_page .block.btns .block_item a {
    margin-right: 5px;
    margin-bottom: 10px
}

#elements_page .block.buttons .btn {
    margin-bottom: 10px;
    margin-right: 10px
}

.social_icon {
    font-size: 15px;
    padding: 10px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

a.facebook_bg:hover {
    background: #3B5999 !important;
    color: #ffffff !important
}

a.twitter_bg:hover {
    background: #00BAFF !important;
    color: #ffffff !important
}

a.googleplus_bg:hover {
    background: #D94835 !important;
    color: #ffffff !important
}

a.youtube_bg:hover {
    background: #C8302D !important;
    color: #ffffff !important
}

a.github_bg:hover {
    background: #7197B0 !important;
    color: #ffffff !important
}

a.dribbble_bg:hover {
    background: #E44D87 !important;
    color: #ffffff !important
}

a.flickr_bg:hover {
    background: #0062DD !important;
    color: #ffffff !important
}

a.tumblr_bg:hover {
    background: #35506B !important;
    color: #ffffff !important
}

a.vk_bg:hover {
    background: #476C98 !important;
    color: #ffffff !important
}

a.skype_bg:hover {
    background: #00A8E9 !important;
    color: #ffffff !important
}

a.pinterest_bg:hover {
    background: #C7212D !important;
    color: #ffffff !important
}

a.instagram_bg:hover {
    background: #BFB4A4 !important;
    color: #ffffff !important
}

a.linkedin_bg:hover {
    background: #007BB6 !important;
    color: #ffffff !important
}

a.facebook:hover {
    color: #3B5999
}

a.twitter:hover {
    color: #00BAFF
}

a.googleplus:hover {
    color: #D94835
}

a.youtube:hover {
    color: #C8302D
}

a.github:hover {
    color: #7197B0
}

a.dribbble:hover {
    color: #E44D87
}

a.flickr:hover {
    color: #0062DD
}

a.tumblr:hover {
    color: #35506B
}

a.vk:hover {
    color: #476C98
}

a.skype:hover {
    color: #00A8E9
}

a.pinterest:hover {
    color: #C7212D
}

a.instagram:hover {
    color: #BFB4A4
}

a.linkedin:hover {
    color: #007BB6
}

.icon_btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-decoration: none !important;
    text-align: center;
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.icon_btn.large {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 25px
}

.icon_btn.medium {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.icon_btn.border {
    border: 1px solid #ededed
}

.icon_btn.rounded {
    border-radius: 3px
}

.icon_btn.rounded_full {
    border-radius: 100%
}

.icon_btn i {
    display: inline-block
}

.icon_btn:hover {
    background: #444;
    color: #ffffff;
    border: 1px solid transparent
}

.scroll_to_top {
    position: fixed;
    bottom: 90px;
    right: 15px;
    background: #ffffff;
    border: 1px solid #bebebe;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #1B435D;
    font-size: 25px;
    z-index: 500;
    display: none;
    cursor: pointer;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.scroll_to_top:hover {
    background: #444;
    color: #ffffff;
    border: 1px solid transparent
}

.box_content {
    padding: 15px
}

.box_content.box1 {
    border: 1px solid #dedede
}

.box_content.box2 {
    background: #1B435D;
    color: #ffffff
}

.box_content.box3 {
    background: #ededed;
    color: #1B435D
}

.alert .close_alert {
    float: right;
    color: #1B435D;
    text-decoration: none
}

.alert .close_alert:hover {
    color: #444
}

.alert .icon {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px
}

.alert {
    border-radius: 0
}

.alert.rounded {
    border-radius: 3px
}

.dropcaps {
    float: left;
    display: inline-block;
    margin-right: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 45px;
    font-style: normal;
    padding: 20px;
    text-align: center
}

.dropcaps.style1 {
    background: #1B435D;
    color: #ffffff
}

.dropcaps.style2 {
    color: #1B435D
}

.dropcaps.style3 {
    background: #1B435D;
    color: #ffffff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 0;
    line-height: 80px
}

.dropcaps.style4 {
    color: #ffffff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 0;
    line-height: 80px
}

.dropcaps.style5 {
    color: #ffffff
}

.btn {
    text-align: center;
    border-radius: 0;
    padding: 10px 15px;
    background: transparent;
    position: relative;
    z-index: 1;
    color: #1B435D;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
    border: 1px solid transparent;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 300;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.btn:after {
    background: none repeat scroll 0 0 #444;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.btn:hover:after,
.btn:active:after {
    width: 100%
}

.btn.active,
.btn:hover {
    color: #ffffff !important;
    box-shadow: none !important;
    border: 1px solid #444
}

.btn.active {
    background: #444 !important
}

.iconbtn i {
    margin-right: 15px
}

.btn.small {
    padding: 5px 10px
}

.btn.large {
    padding: 15px 20px
}

.btn.blue,
.btn.red,
.btn.yellow,
.btn.green,
.btn.purple,
.btn.pink,
.btn.black,
.btn.carrot,
.btn.darkturqoise,
.btn.darkred {
    background: #555555 !important
}

.btn.blue:hover:after,
.btn.blue.active:after {
    background: #FF895D !important;
    color: #ffffff !important
}

.btn.blue:hover,
.btn.blue.active {
    border: 1px solid #FF895D
}

.btn.blue.reverse {
    background: #FF895D !important;
    color: #ffffff !important
}

.btn.red:hover:after,
.btn.red.active:after {
    background: #FF443A !important;
    color: #ffffff !important
}

.btn.red:hover,
.btn.red.active {
    border: 1px solid #FF443A
}

.btn.red.reverse {
    background: #FF443A !important;
    color: #ffffff !important
}

.btn.yellow:hover:after,
.btn.yellow.active:after {
    background: #A08600 !important;
    color: #ffffff !important
}

.btn.yellow:hover,
.btn.yellow.active {
    border: 1px solid #A08600
}

.btn.yellow.reverse {
    background: #A08600 !important;
    color: #ffffff !important
}

.btn.green:hover:after,
.btn.green.active:after {
    background: #4DD530 !important;
    color: #ffffff !important
}

.btn.green:hover,
.btn.green.active {
    border: 1px solid #4DD530
}

.btn.green.reverse {
    background: #4DD530 !important;
    color: #ffffff !important
}

.btn.purple:hover:after,
.btn.purple.active:after {
    background: #7C2EAA !important;
    color: #ffffff !important
}

.btn.purple:hover,
.btn.purple.active {
    border: 1px solid #7C2EAA
}

.btn.purple.reverse {
    background: #7C2EAA !important;
    color: #ffffff !important
}

.btn.pink:hover:after,
.btn.pink.active:after {
    background: #CE2F86 !important;
    color: #ffffff !important
}

.btn.pink:hover,
.btn.pink.active {
    border: 1px solid #CE2F86
}

.btn.pink.reverse {
    background: #CE2F86 !important;
    color: #ffffff !important
}

.btn.black:hover:after,
.btn.black.active:after {
    background: #1B435D !important;
    color: #ffffff !important
}

.btn.black:hover,
.btn.black.active {
    border: 1px solid #1B435D
}

.btn.black.reverse {
    background: #1B435D !important;
    color: #ffffff !important
}

.btn.carrot:hover:after,
.btn.carrot.active:after {
    background: #FF883A !important;
    color: #ffffff !important
}

.btn.carrot:hover,
.btn.carrot.active {
    border: 1px solid #FF883A
}

.btn.carrot.reverse {
    background: #FF883A !important;
    color: #ffffff !important
}

.btn.darkturqoise:hover:after,
.btn.darkturqoise.active:after {
    background: #25A38A !important;
    color: #ffffff !important
}

.btn.darkturqoise:hover,
.btn.darkturqoise.active {
    border: 1px solid #25A38A
}

.btn.darkturqoise.reverse {
    background: #25A38A !important;
    color: #ffffff !important
}

.btn.darkred:hover:after,
.btn.darkred.active:after {
    background: #A2121D !important;
    color: #ffffff !important
}

.btn.darkred:hover,
.btn.darkred.active {
    border: 1px solid #A2121D
}

.btn.darkred.reverse {
    background: #A2121D !important;
    color: #ffffff !important
}

.btn.reverse:hover:after,
.btn.reverse.active:after {
    background: #444 !important;
    color: #ffffff !important;
    border: 1px solid #444
}

.bg_highlight {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px
}

.bg_highlight.hl1 {
    background: #1B435D;
    color: #ffffff
}

.bg_highlight.rounded {
    border-radius: 3px
}

.bg_highlight.bg_color {
    color: #ffffff
}

.charts_items.charts .item {
    text-align: center;
    position: relative
}

.charts_items.charts .item .num_chart .num {
    font-size: 45px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #1B435D;
    padding-top: 30px;
    font-family: 'Roboto Condensed', sans-serif
}

.charts_items.charts .item .name {
    margin-top: 10px;
    font-size: 17px;
    color: #1B435D
}

.charts_items.charts .owl-controls .owl-page span {
    background: #1B435D
}

.pagination a {
    color: #1B435D !important
}

.pagination li.active a {
    color: #ffffff !important
}

.pagination.style2 a {
    border: 0
}

.pagination.style2 li.active a {
    background: transparent;
    border: 2px solid #444;
    color: #1B435D !important
}

.pagination.style3 a {
    border: 0
}

.pagination.style3 li.active a {
    background: #f5f5f5;
    border-bottom: 2px solid #444;
    color: #1B435D !important
}

.blockquote {
    padding: 15px
}

.blockquote.style1 {
    border-left: 4px solid #bebebe
}

.blockquote.style2 {
    background: #fafafa
}

.blockquote.style3 {
    background: #fafafa;
    border-top: 4px solid #bebebe
}

.blockquote.style4 {
    background: #fafafa;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe
}

.blockquote.style5 {
    border: 1px solid #dedede
}

.list i {
    display: inline-block;
    margin-right: 5px
}

.list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.search_page {
    padding-bottom: 50px
}

.search_page .title {
    padding-left: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.login_page {
    padding-bottom: 50px
}

.login_form input {
    width: 100%;
    background: transparent;
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.login_form input:hover {
    border: 1px solid #999999
}

.login_form button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0
}

.footer_contact_form input,
.footer_contact_form textarea {
    border: 1px solid #999999;
    background: transparent;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.footer_contact_form input:hover,
.footer_contact_form textarea:hover,
.footer_contact_form input:focus,
.footer_contact_form textarea:focus {
    border: 1px solid #ffffff
}

.footer_contact_form textarea {
    min-height: 90px
}

.footer_contact_form button {
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent
}

.footer_contact_form button span:hover {
    color: #1B435D !important
}

.footer_contact_form button span:after {
    background: #ffffff
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}

.time_circles>div {
    position: absolute;
    text-align: center
}

.time_circles>div>h4 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Century Gothic', Arial
}

.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Century Gothic', Arial;
    font-size: 300%;
    margin-top: 0.4em;
    font-weight: bold
}

.theme_configs .themes .light-art,
.bg_color1 {
    background: #FF895D
}

body.light-art .color,
body.light-art .header .header_inner .navbar li.active>a,
body.light-art .blog_posts .post .info>span:hover,
body.light-art .blog_posts .post .info>span:hover a,
body.light-art .blog_posts .post .title a:hover,
.text_color1 {
    color: #FF895D
}

body.light-art .btn,
body.light-art .page .page_title.v2,
body.light-art .page .page_title.v1 .title,
body.light-art .services .item:hover .top,
body.light-art .services .item:hover .title span,
body.light-art .team_members .member .skills .item .box,
body.light-art .history_items .item .year span,
body.light-art .history_items .item .title span,
body.light-art .header .header_inner .navbar li ul.dropdown li a:hover,
body.light-art .blog_posts .post .info>span.type:hover,
body.light-art .blog_posts .post .quote .icon,
body.light-art .blog_posts_pagination li.active a,
body.light-art .tabs_selector a.active,
body.light-art .tabs_selector a:hover,
body.light-art .accordion.light-art .atitle:hover,
body.light-art .accordion.light-art .atitle:hover i,
body.light-art .accordion.light-art .atitle.active,
body.light-art .box_content.box4,
body.light-art .pricing_items .item.promote .price,
body.light-art .pricing_items .item.promote .cycle {
    background: #FF895D;
    color: #ffffff
}

body.light-art .page .page_title.v2,
body.light-art .page .page_title.v1 .title .box,
body.light-art .parallax_item.macbook .title:after,
body.light-art .top_header ul li.cart>a .icon,
body.light-art .top_header ul li.cart>a .total,
body.light-art .page_title.light-art .t1:after,
body.light-art .page:hover .page_title.light-art .t2:before,
body.light-art .page:hover .page_title.light-art .t2:after,
body.light-art .divider_4:after,
body.light-art .skill_items.style1 .item .bars .skill_bar_inner {
    background: #FF895D
}

body.light-art .footer .column:hover>.title {
    border-bottom: 3px solid #FF895D
}

.theme_configs .themes .nice-art,
.bg_color2 {
    background: #FF443A
}

body.nice-art .color,
body.nice-art .header .header_inner .navbar li.active a,
body.nice-art .blog_posts .post .info>span:hover,
body.nice-art .blog_posts .post .info>span:hover a,
body.nice-art .blog_posts .post .title a:hover,
.text_color2 {
    color: #FF443A
}

body.nice-art .btn,
body.nice-art .page .page_title.v2,
body.nice-art .page .page_title.v1 .title,
body.nice-art .services .item:hover .top,
body.nice-art .services .item:hover .title span,
body.nice-art .team_members .member .skills .item .box,
body.nice-art .history_items .item .year span,
body.nice-art .history_items .item .title span,
body.nice-art .header .header_inner .navbar li ul.dropdown li a:hover,
body.nice-art .blog_posts .post .info>span.type:hover,
body.nice-art .blog_posts .post .quote .icon,
body.nice-art .blog_posts_pagination li.active a,
body.nice-art .tabs_selector a.active,
body.nice-art .tabs_selector a:hover,
body.nice-art .accordion.light-art .atitle:hover,
body.nice-art .accordion.light-art .atitle:hover i,
body.nice-art .accordion.light-art .atitle.active,
body.nice-art .box_content.box4,
body.nice-art .pricing_items .item.promote .price,
body.nice-art .pricing_items .item.promote .cycle {
    background: #FF443A;
    color: #ffffff
}

body.nice-art .page .page_title.v2,
body.nice-art .page .page_title.v1 .title .box,
body.nice-art .parallax_item.macbook .title:after,
body.nice-art .top_header ul li.cart>a .icon,
body.nice-art .top_header ul li.cart>a .total,
body.nice-art .page_title.light-art .t1:after,
body.nice-art .page:hover .page_title.light-art .t2:before,
body.nice-art .page:hover .page_title.light-art .t2:after,
body.nice-art .divider_4:after,
body.nice-art .skill_items.style1 .item .bars .skill_bar_inner {
    background: #FF443A
}

body.nice-art .footer .column:hover>.title {
    border-bottom: 3px solid #FF443A
}

@media only screen and (max-width: 1199px) {
    .blog_posts_timeline .post.left_pos .date {
        right: -83px
    }

    .blog_posts_timeline .post.right_pos .date {
        left: -83px
    }
}

@media only screen and (min-width: 991px) {
    .navbar_outer .navbar_handle {
        display: none
    }

    .navbar {
        display: block !important
    }
}

@media only screen and (max-width: 576px) {
    .header {
        min-height: 90px
    }

    .page .page_content {
        padding: 15px
    }

    #home_slider .slide .captions h1.title .txt1 {
        font-size: 40px;
        padding: 15px 30px
    }

    .header .logo_outer {
        display: none
    }

    .navbar {
        display: none;
        width: 100%;
        float: none
    }

    .navbar li {
        width: 100%;
        text-align: center
    }

    .navbar li a {
        width: 100%
    }

    .navbar_outer .navbar_handle {
        display: block;
        text-align: center
    }

    .navbar li .dropdown_box {
        width: 100% !important;
        display: block !important;
        left: auto !important;
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        border-top: 1px solid #dedede !important;
        border-left: 4px solid #1B435D !important
    }

    .navbar li {
        display: block !important
    }

    .navbar li a {
        padding: 18px !important
    }

    .page .page_title .title {
        padding: 20px;
        padding-bottom: 30px;
        font-size: 27px
    }

    .page .page_title .description {
        padding: 20px;
        font-size: 14px
    }

    .page .page_title.v1 .title .box {
        left: 20px
    }

    .page .page_title.v2 .box {
        margin-left: 20px
    }

    .contact_info .item .text {
        text-align: center;
        padding: 0
    }

    .footer .column {
        margin-bottom: 30px
    }

    .blog_posts_timeline .post.left_pos .date {
        right: -47px
    }

    .blog_posts_timeline .post.right_pos .date {
        left: -47px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrump .title {
        width: 100%;
        margin: 0;
        padding-bottom: 0
    }

    .breadcrump .links {
        padding: 30px;
        text-align: left;
        width: 100%
    }

    .blog_posts_timeline .post {
        position: relative !important;
        width: 100%;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }

    .blog_posts_timeline .post .date {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-bottom: 15px;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }

    .items_filter_selector li {
        width: 100%
    }

    .order_summary .btn {
        margin: 0;
        margin-right: 10px
    }
}

@media only screen and (max-width: 479px) {
    .blog_posts .post .info>span {
        width: 100%;
        display: block
    }

    .comment .actions {
        margin-top: 10px
    }

    .blog_posts .post .comments_list .comment img,
    .blog_posts .post .about_author img {
        width: 40px;
        height: 40px
    }

    .top_header ul li.auth {
        width: 100%;
        display: block
    }
}

.ft_columns h3 {
    text-align: center;
    font-size: 16px
}

.ft_row {
    margin-bottom: 30px
}

.ft_row .title {
    text-align: center
}

.ft_buttons {
    text-align: center
}

.ft_buttons .btn {
    margin-right: 5px;
    margin-bottom: 5px
}

.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0px 30px
}

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0
}

.tp-banner {
    width: 100%;
    position: relative
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.img-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

#img-surat{
    display: block;
    width: 100%;
}