@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700);@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700,900);@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');.modal-backdrop.in { filter: alpha(opacity=80); opacity: .8;}/*breadcrumbs*/.breadcrumb { font-family: "Raleway", sans-serif; font-weight: 400; margin: 0; padding: 0; background-color: transparent; border-radius: 0; color: #e6e4e4;}.breadcrumb li a { color: #e6e4e4;}.breadcrumb li a:hover { color: #000099;}.ds .breadcrumb > .active { color: #e6e4e4;}.breadcrumb > li + li:before { color: inherit; padding: 0 4px; content: "/"; color: #000099;}/*pagination*/.pagination { line-height: 0; padding: 8px 0; margin: 0;}.pagination > li { display: inline-block;}.pagination > li > a,.pagination > li > span { text-align: center; padding: 7px 0; border: none; color: #999; line-height: 24px; background-color: transparent; min-width: 31px;}.pagination > li:first-child > a,.pagination > li:first-child > span,.pagination > li:last-child > a,.pagination > li:last-child > span { padding: 8px 33px 6px;}@media (max-width: 400px) { .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { padding: 8px 15px 6px; }}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus { background-color: transparent;}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus { background-color: transparent;}/*forms*/input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],textarea,select,.form-control { border: none; height: 40px; border: 1px solid #e6e4e4; background-color: rgba(255, 255, 255, 0.9); border-radius: 0; color: #999; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 9px; font-size: 14px;}textarea { height: auto;}/* select styling */.form-control option { color: #333333; background-color: #ffffff;}.form-group { margin-bottom: 20px;}.form-control, .form-control:focus { box-shadow: none;}.form-control.invalid { box-shadow: 0 0 0 2px #1aa2f8;}.form-control:focus { border-color: #999;}.form-control:-moz-placeholder { color: #999; opacity: 1;}.form-control::-moz-placeholder { font-style: italic; color: #999; opacity: 1;}.form-control:-ms-input-placeholder { font-style: italic; color: #999;}.form-control::-webkit-input-placeholder { font-style: italic; color: #999;}.form-control:focus:-moz-placeholder { color: transparent;}.form-control:focus::-moz-placeholder { color: transparent;}.form-control:focus:-ms-input-placeholder { color: transparent;}.form-control:focus::-webkit-input-placeholder { color: transparent;}/*icons for forms */form label + [class*="icon2-"] { position: absolute; font-size: 24px; color: #999; left: 10px; top: 19px;}form label + [class*="icon2-"] + .form-control { padding-left: 50px;}label { font-weight: normal;}.form-control + [class*="icon2-"] { position: absolute; font-size: 24px; left: 20px; top: 50%; color: #000099;}input[type=checkbox] { position: relative; top: 2px; margin-right: -17px; margin-left: 0; visibility: hidden;}input[type=checkbox] + label:before { content: ""; font-family: 'rt-icons-2'; line-height: 11px; font-size: 6px; text-align: center; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 5px; width: 13px; height: 13px; border: 1px solid #999; border-radius: 50%;}input[type=checkbox]:checked + label:before { content: "\e116";}/*carousel*/.carousel { overflow: hidden;}.carousel-indicators li { width: 10px; height: 10px; border-width: 0; border: 1px solid #ffffff; background-color: transparent; margin: 0 3px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}.carousel-indicators li:hover { background-color: #ffffff;}.carousel-indicators .active { width: 10px; height: 10px; margin: 0 3px; background-color: #ffffff;}.carousel-control.left,.carousel-control.right { border: 1px solid #ffffff; color: #ffffff; border-radius: 0px; width: 50px; height: 50px; left: -50px; top: 50%; margin-top: -25px; text-shadow: none; opacity: 1; background-image: none; filter: alpha(opacity=100); text-align: center;}.carousel-control.right { right: -50px;}.carousel:hover .carousel-control { left: 50px;}.carousel:hover .carousel-control.right { left: auto; right: 50px;}.carousel-control.left span,.carousel-control.right span { font-family: 'rt-icons-2'; width: 50px; height: 50px; margin: 0; font-size: 16px; left: 0; top: 0; line-height: 50px;}.carousel-control .icon-prev:before { content: "\e7c4";}.carousel-control .icon-next:before { content: "\e7c5";}/*collapse accordion*/.panel-heading { font-size: 16px;}.panel-heading .panel-title { font-size: inherit; letter-spacing: 0; padding: 0; position: relative;}.panel-heading .panel-title > a { line-height: 1; display: block; padding: 16px 65px 16px 30px; color: #333333; background-color: #000099; border: none; word-wrap: break-word;}.panel-heading .panel-title > a.collapsed:hover,.panel-heading .panel-title > a:hover { color: #333333; background-color: #000099;}.panel-heading .panel-title > a.collapsed:hover > i,.panel-heading .panel-title > a:hover > i { color: #333333;}.panel-heading .panel-title > a.collapsed { background-color: #ffffff; box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1);}.panel-heading .panel-title > a.collapsed > i { color: #000099;}.panel-heading .panel-title > a:after { color: #333333; content: "\e7c3"; font-family: "rt-icons-2"; font-size: 14px; position: absolute; line-height: 50px; text-align: center; right: 0; top: 0; bottom: 0; width: 45px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}.panel-heading .panel-title > a.collapsed:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}.panel-heading .panel-title > a > i { padding-right: 16px; color: #333333;}.panel-group .panel-heading + .panel-collapse > .list-group,.panel-group .panel-heading + .panel-collapse > .panel-body { border: 1px solid #e6e4e4; border-top: none;}.panel { box-shadow: none;}.panel-group .panel { border-radius: 0; background-color: transparent;}.panel-default > .panel-heading { background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding: 0;}.panel-default { border-color: transparent;}.panel-group .panel + .panel { margin-top: 20px;}.panel-body { border: 1px solid transparent;}.panel-body .media-left { padding-top: 8px; padding-right: 28px;}.panel-body .media-left .img-circle { max-width: 50px;}.panel-body .media-left img { max-width: none;}.panel-group .panel-heading + .panel-collapse .panel-body { padding: 13px 30px; border-radius: 0px;}/*progress bars*/p + .progress { margin-top: -10px;}.progress { overflow: hidden; height: 40px; position: relative; border-radius: 0; box-shadow: none; border: none;}.progress-bar { background-color: #000099; color: inherit; box-shadow: none; height: 40px;}.progress-bar span { position: relative; color: #ffffff; top: 10px; font-size: 0.9em;}.progress-bar-info { background-color: #8aa5ec;}.progress-bar-warning { background-color: #f0ad4e;}.progress-bar-danger { background-color: #d9534f;}.alert { border-radius: 0; border-width: 0 0 0 4px; padding: 30px;}.media { margin-top: 18px;}.media .media-object { max-width: 100px;}/*nav*/.nav > li > a { color: #fff;}.nav > li > a:hover,.nav > li > a:focus { background-color: inherit;}/*tabs*/.tab-content { border-radius: 0 0 0 0; padding: 25px 30px;/* box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1);*/}.tab-content.no-shadow { padding: 25px 0 0; border: none; box-shadow: none;}.tab-content.top-color-border { position: relative; border-bottom: 3px solid #1aa2f8;}.tab-content.top-color-border:before { content: ''; position: absolute; left: 0px; right: 0px; top: 0; height: 6px; background-color: #000099;}.tab-content .featured-tab-image { margin: -25px -30px 25px -30px;}.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 1px solid rgba(51, 51, 51, 0.1);}.nav-tabs { border-bottom: none; margin-top: 0px; margin-bottom: -1px;}.nav-tabs > li { margin-bottom: 0;}.nav-tabs > li > a { font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 700; padding: 15px 25px; margin-right: 1px; margin-top: 0px; border: none; border: 1px solid #e6e4e4; color: #999; border-radius: 0;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus { border-color: transparent; background-color: #000099; color: #fff;}.nav-tabs > li > a:hover,.nav-tabs > li > a:focus,.nav-tabs.nav-justified > .active > a { border-color: transparent; background-color: #000099; color: #333333;}/*vertical tabs*/.vertical-tabs .tab-content.no-border { padding-top: 0;}.vertical-tabs .nav > li > a { background-color: #333333; color: #ffffff; padding: 18px 60px 18px 40px; margin-bottom: 10px; position: relative;}.vertical-tabs .nav > li > a i { position: relative; top: 1px; padding-right: 12px;}.vertical-tabs .nav > li > a:after { color: rgba(255, 255, 255, 0.8); font-family: 'rt-icons-2'; content: "\e7c5"; position: absolute; font-size: 12px; line-height: 58px; text-align: center; right: 0; top: 0; bottom: 0; width: 60px; border-left: 1px solid rgba(255, 255, 255, 0.2); letter-spacing: 0;}.vertical-tabs .nav > li.active a,.vertical-tabs .nav > li > a:hover { background-color: #000099;}@media (min-width: 768px) { .vertical-tabs .nav > li.active { position: relative; z-index: 2; }}/*bs buttons*/.btn { padding: 18px 30px; text-transform: uppercase; margin: 0 2px 6px 0; border: none; border-radius: 0; outline: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}.btn:hover, .btn:focus { outline: none;}li.media:before,li.media:after { display: block; content: ''; clear: both;}/* dropdown menu */.dropdown-menu { box-shadow: none; border-radius: 0; border: none; border-bottom: 3px solid #1aa2f8; z-index: 1001; font-size: 16px; margin-top: 0;}[class*="right"] .dropdown-menu { right: 0; left: auto;}@media (min-width: 1600px) { [class*="right"] .dropdown-menu { right: auto; left: 0; }}.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover { color: #333333; background-color: transparent;}.table > tbody > tr > td,.table > tbody > tr > th,.table > tfoot > tr > td,.table > tfoot > tr > th,.table > thead > tr > td,.table > thead > tr > th { padding: 13px 8px; border-color: rgba(51, 51, 51, 0.1);}.table { border-top: 1px solid rgba(51, 51, 51, 0.1); border-bottom: 1px solid rgba(51, 51, 51, 0.1);}.table td + td { border-left: 1px solid rgba(51, 51, 51, 0.1);}.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px;}.table-responsive { border: none;}.well { box-shadow: none; border: none; border-radius: 0;}.embed-responsive-3by2 { padding-bottom: 66.666%;}.embed-placeholder:before { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: "\e696"; font-family: 'rt-icons-2'; position: absolute; color: #ffffff; font-size: 30px; left: 50%; top: 50%; margin-left: -20px; margin-top: -5px;}.embed-placeholder:hover:before { opacity: 0.4;}.media-left { padding-right: 20px;}/***vertical margins and paddings*//*same top and bottom paddings for sections*/.section_padding_0 > [class*="container"] { padding-top: 0; padding-bottom: 0;}.section_padding_15 > [class*="container"] { padding-top: 15px; padding-bottom: 15px;}.section_padding_25 > [class*="container"] { padding-top: 5px; padding-bottom: 5px;}.section_padding_50 > [class*="container"] { padding-top: 50px; padding-bottom: 50px;}.section_padding_65 > [class*="container"] { padding-top: 90px; padding-bottom: 90px;}.section_padding_75 > [class*="container"] { padding-top: 75px; padding-bottom: 75px;}.section_padding_90 > [class*="container"] { padding-top: 90px; padding-bottom: 90px;}.section_padding_100 > [class*="container"] { padding-top: 100px; padding-bottom: 100px;}.section_padding_110 > [class*="container"] { padding-top: 67px;padding-bottom: 67px;}/*top paddings for sections*/.section_padding_top_0 > [class*="container"] { padding-top: 0;}.section_padding_top_5 > [class*="container"] { padding-top: 5px;}.section_padding_top_15 > [class*="container"] { padding-top: 15px;}.section_padding_top_25 > [class*="container"] { padding-top: 25px;}.section_padding_top_30 > [class*="container"] { padding-top: 30px;}.section_padding_top_40 > [class*="container"] { padding-top: 40px;}.section_padding_top_50 > [class*="container"] { padding-top: 50px;}.section_padding_top_65 > [class*="container"] { padding-top: 65px;}.section_padding_top_75 > [class*="container"] { padding-top: 75px;}.section_padding_top_90 > [class*="container"] { padding-top: 90px;}.section_padding_top_100 > [class*="container"] { padding-top: 100px;}.section_padding_top_110 > [class*="container"] { padding-top: 110px;}/*bottom paddings for sections*/.section_padding_bottom_0 > [class*="container"] { padding-bottom: 0;}.section_padding_bottom_5 > [class*="container"] { padding-bottom: 5px;}.section_padding_bottom_15 > [class*="container"] { padding-bottom: 15px;}.section_padding_bottom_25 > [class*="container"] { padding-bottom: 25px;}.section_padding_bottom_30 > [class*="container"] { padding-bottom: 30px;}.section_padding_bottom_40 > [class*="container"] { padding-bottom: 40px;}.section_padding_bottom_50 > [class*="container"] { padding-bottom: 50px;}.section_padding_bottom_65 > [class*="container"] { padding-bottom: 65px;}.section_padding_bottom_75 > [class*="container"] { padding-bottom: 75px;}.section_padding_bottom_90 > [class*="container"] { padding-bottom: 90px;}.section_padding_bottom_100 > [class*="container"] { padding-bottom: 100px;}.section_padding_bottom_110 > [class*="container"] { padding-bottom: 110px;}.section_padding_bottom_120 > [class*="container"] { padding-bottom: 120px;}/* margins inside sections */[class*="col-"] { /*margin-top: 10px; margin-bottom: 10px;*/}@media (max-width: 768px) { aside { margin-top: 60px !important; }}[class*="columns_margin_0"] [class*="col-"],header [class*="col-"] { margin-top: 0; margin-bottom: 0; min-height: 0;}.columns_padding_1 [class*="col-"] { margin-top: 0; margin-bottom: 1px;}.columns_padding_2 [class*="col-"] { margin-top: 1px; margin-bottom: 1px;}.columns_padding_5 [class*="col-"] { margin-top: 5px; margin-bottom: 5px;}.columns_padding_0 [class*="col-"] { padding: 0;}.columns_padding_1 [class*="col-"] { padding-left: 0; padding-right: 1px;}.columns_padding_2 [class*="col-"] { padding-left: 1px; padding-right: 1px;}.columns_padding_5 [class*="col-"] { padding-left: 5px; padding-right: 5px;}.columns_padding_0 > .container,.columns_padding_1 > .container,.columns_padding_2 > .container { padding-left: 30px; padding-right: 30px;}.columns_padding_5 > .container { padding-left: 25px; padding-right: 25px;}.columns_padding_0.table_section > .container { padding: 0;}.row.columns_padding_0 { margin: 0;}.row.columns_padding_1 { margin-left: 0; margin-right: -1px;}.row.columns_padding_2 { margin-left: -1px; margin-right: -1px;}.row.columns_padding_5 { margin-left: -5px; margin-right: -5px;}@media (min-width: 500px) { .columns_padding_25 > [class*="container"] > .row, .row.columns_padding_25 { margin-right: -25px; margin-left: -25px; } .columns_padding_25 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_25 > [class*="col-"] { padding-left: 25px; padding-right: 25px; margin-top: 25px; margin-bottom: 25px; }}/*top and bottom margins for columns inside sections and rows */.columns_top_margin_0 [class*="col-"],.row.columns_top_margin_0 [class*="col-"] { margin-top: 0;}.columns_top_margin_5 [class*="col-"],.row.columns_top_margin_5 [class*="col-"] { margin-top: 5px;}.columns_top_margin_10 [class*="col-"],.row.columns_top_margin_10 [class*="col-"] { margin-top: 10px;}.columns_top_margin_15 [class*="col-"],.row.columns_top_margin_15 [class*="col-"] { margin-top: 15px;}.columns_top_margin_20 [class*="col-"],.row.columns_top_margin_20 [class*="col-"] { margin-top: 20px;}.columns_top_margin_30 [class*="col-"],.row.columns_top_margin_30 [class*="col-"] { margin-top: 30px;}.columns_bottom_margin_0 [class*="col-"],.row.columns_bottom_margin_0 [class*="col-"] { margin-bottom: 0;}.columns_bottom_margin_5 [class*="col-"],.row.columns_bottom_margin_5 [class*="col-"] { margin-bottom: 5px;}.columns_bottom_margin_10 [class*="col-"],.row.columns_bottom_margin_10 [class*="col-"] { margin-bottom: 10px;}.columns_bottom_margin_15 [class*="col-"],.row.columns_bottom_margin_15 [class*="col-"] { margin-bottom: 15px;}.columns_bottom_margin_20 [class*="col-"],.row.columns_bottom_margin_20 [class*="col-"] { margin-bottom: 20px;}.columns_bottom_margin_30 [class*="col-"],.row.columns_bottom_margin_30 [class*="col-"] { margin-bottom: 30px;}/* vertical alignmetn in columns */.table_section [class*="container"] { height: 100%; padding-left: 0; padding-right: 0;}.table_section .row { display: table; min-width: 100%; height: 100%; margin-left: 0; margin-right: 0;}.table_section [class*="col-"] { display: table-cell; vertical-align: middle; float: none;}@media screen and (max-width: 767px) { .table_section .row, .table_section [class*="col-"] { display: block; width: auto; }}@media screen and (max-width: 991px) { .table_section.table_section_md .row, .table_section.table_section_md [class*="col-"] { display: block; width: auto; }}@media screen and (max-width: 1199px) { .table_section.table_section_lg .row, .table_section.table_section_lg [class*="col-"] { display: block; width: auto; }}@media screen and (min-width: 1200px) { /* overlap featured person */ .top-overlap { margin-top: -170px; } .top-overlap-small { margin-top: -100px; }}@media (max-width: 767px) { .container { max-width: 500px; }}/***general styles*/html { width: 100%; height: 100%; position: relative; overflow: visible;}::-moz-selection { color: #ffffff; background-color: #000099;}::selection { color: #ffffff; background-color: #000099;} ::-moz-selection { color: #ffffff; background-color: #000099; } body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; background-color: #f4f4f4; overflow: visible; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 700; line-height: 1.3; word-break: break-word; } h1 { font-size: 48px; } h2 { font-size: 36px; } @media (max-width: 400px) { h1 { font-size: 40px; } h2 { font-size: 30px; } } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p { margin-bottom: 20px; } p:last-child { margin-bottom: 0; } blockquote { position: relative; margin: 30px 0; padding: 5px 0 5px 30px; border-left: 3px solid #1aa2f8; font-size: 14px; font-style: italic; } blockquote .blockquote-meta { margin-top: 20px; font-style: normal; } blockquote .blockquote-meta h5 { font-size: 16px; text-transform: uppercase; margin-bottom: -2px; } .blockquote-vertical { margin: 0; padding: 30px 30px 25px; border-left: none; } @media (max-width: 400px) { .blockquote-vertical { padding: 30px 20px 25px; } } .blockquote-vertical img { display: block; max-width: 70px; margin: 0 auto 25px; margin-top: -60px; border-radius: 50%; border: 2px solid #1aa2f8; } .blockquote-vertical .blockquote-meta { margin-top: 30px; } img, figure { max-width: 100%; height: auto; } figcaption, .entry-caption { padding: 3px 10px; } figcaption p, .entry-caption p { margin-bottom: 0; } a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a:hover { color: #e23751; text-decoration: none; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } a:focus { outline: medium none; text-decoration: none; } a img { -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } hr { border: none; height: 1px; background-color: #333333; } iframe { border: none; max-width: 100%; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* **styled lists */ ul, ol { padding-left: 30px; } ul.list1 { list-style: none; padding: 0; margin: 25px 0; } ul.list1 li { position: relative; padding: 9px 0 10px 30px; } ul.list1 li > .media { margin: 3px 0 3px; } ul.list1.no-bullets li { padding-left: 0; } ul.list1.no-bullets li:before { display: none; } ul.list1 li:first-child { border-top: 1px solid rgba(51, 51, 51, 0.1); } ul.list1 li { border-bottom: 1px solid rgba(51, 51, 51, 0.1); } .muted_background ul.list1 li { border-color: rgba(255, 255, 255, 0.4); } ul.list1 li:before { content: ''; display: block; position: absolute; border: 1px solid #1aa2f8; left: 10px; top: 17px; width: 7px; height: 7px; border-radius: 50%; } ul.list2 { list-style: none; padding-left: 20px; margin-bottom: 20px; } ul.list2 li { position: relative; color: #8c8c8c; padding: 3px 0 3px 0px; } ul.list2 li:before { content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: -18px; top: 13px; background-color: #000099; } ol.list3 { padding-left: 15px; } ol.list3 li { padding: 3px 0 3px 0px; } ol.list3 li > * { color: #8c8c8c; } table { width: 100%; max-width: 100%; margin: 10px 0; } table td, table th { padding: 3px 0; } .table_template thead { background-color: #000099; color: #333333; } .table_template thead.light { background-color: #ffffff; } .table_template td, .table_template th { padding: 18px 30px; } .table_template tbody tr:nth-of-type(odd) { background-color: rgba(238, 238, 238, 0.1); } .table_template tbody tr:nth-of-type(even) { background-color: rgba(17, 17, 17, 0.05); } /*icons in headings, paragraphs and buttons*/ h1 > [class*="rt-icon"], h2 > [class*="rt-icon"], h3 > [class*="rt-icon"], h4 > [class*="rt-icon"], h5 > [class*="rt-icon"], h6 > [class*="rt-icon"] { font-size: 1.2em; position: relative; top: .1em; line-height: 0; padding-right: 0.1em; } p > [class*="rt-icon"] { font-size: 1.1em; position: relative; top: .05em; line-height: 0; padding: 0 0.2em; } p > [class*="rt-icon"] + [class*="rt-icon"] { margin-left: -0.75em; } .theme_buttons a > [class*="rt-icon"], .theme_button > [class*="rt-icon"] { font-size: 1.8em; line-height: 0; position: relative; top: 8px; padding: 0 3px; } .theme_buttons a > [class*="glyphicon"], .theme_buttons a > [class*="fa-"], .theme_button > [class*="glyphicon"], .theme_button > [class*="fa-"] { font-size: 1.5em; position: relative; top: 3px; line-height: 0; } /* **buttons */ .theme_buttons a, .theme_button { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 700; padding: 14px 30px 15px; margin-bottom: 4px; line-height: 1; display: inline-block; min-width: 8.5em; text-align: center; color: #ffffff; border: none; background-color: #333333; border-radius: 0px; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .theme_buttons a.border_button, .theme_button.border_button { border: 2px solid transparent; padding: 12px 28px 13px; } .theme_buttons a + .theme_button, .theme_button + .theme_button { margin-left: 6px; } .theme_buttons.color1 a, .theme_button.color1 { background-color: #000099; } .theme_buttons.color1 a:hover, .theme_button.color1:hover { color: #FFFFFF; } .theme_buttons.color2 a, .theme_button.color2 { background-color: #e23751; } .theme_buttons.color2 a:hover, .theme_button.color2:hover { color: #e23751; } .theme_button[class*="color"] { color: #333333; } .theme_button[class*="color"]:hover, .theme_button[class*="color"]:focus { background-color: #333333; } .theme_buttons a:active, .theme_buttons a:hover, .theme_buttons a:focus, .theme_button:active, .theme_button:hover, .theme_button:focus { color: #333333; background-color: #f5f5f5; opacity: 1; text-decoration: none; outline: none; -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .theme_buttons a:active, .theme_button:active { top: 1px; } .theme_buttons.inverse a, .theme_button.inverse { color: #333333; background-color: #f5f5f5; } .theme_buttons.inverse a:hover, .theme_button.inverse:hover { color: #ffffff; background-color: #333333; } .muted_buttons a, .muted_button { opacity: 0.2; } .small_buttons a, .small_button { padding: 1px 7px 0px; text-transform: uppercase; font-weight: 100; min-width: auto; } .square_buttons a, .square_button { padding-left: 10px; padding-right: 10px; min-width: auto; } .wide_buttons a, .wide_button { padding-left: 50px; padding-right: 50px; } .block_buttons a, .block_button { display: block; width: 100%; text-align: center; } /* **common sections styles */ /*parallax*/ .background_cover { background-size: cover; } .parallax { background-attachment: fixed; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative; } @media (max-width: 767px) { .parallax { background-position: 50% 0 !important; } } .parallax.ls:after { background-color: #ffffff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); opacity: 0.92; } .parallax.ls.ms:after { background-color: #f5f5f5; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=88); opacity: 0.88; } .parallax.cs:after { background-color: #000099; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .parallax.cs:before { display: none; } .parallax.cs.main_color2:after { background-color: #e23751; } .parallax.cs.main_color3:after { background-color: #16a4d6; } .parallax.ds:before { background-color:rgba(51, 51, 51, 0.3); opacity: 0.7; } .parallax.ds.ms:before { background-color: #000; } .parallax.ds.ms:after { display: none; } .texture_bg { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative; } .muted_section:before { background-color: rgba(51, 51, 51, 0.1); opacity: 1; } .parallax > *, .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .darken_gradient > *, .diagonal_section > * { z-index: 4; position: relative; } .radial_gradient { position: relative; overflow: hidden; } .gradient, .muted_section, .vertical_gradient, .darken_gradient { position: relative; } .muted_section:before, .muted_section:after, .parallax:before, .parallax:after, .gradient:before, .gradient:after, .vertical_gradient:before, .vertical_gradient:after, .darken_gradient:before, .darken_gradient:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .muted_section:before, .muted_section:after, .parallax:before, .parallax:after { opacity: 0.8; } .header_gradient, .gradient:before, .dark_gradient:before { background: #1aa2f8; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1aa2f8), color-stop(100%, #e23751)); background: -webkit-linear-gradient(left, #1aa2f8 0%, #e23751 100%); background: linear-gradient(to right, #1aa2f8 0%, #e23751 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1 ); } .vertical_gradient:before { background: #1aa2f8; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1aa2f8 0%, #e23751 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1aa2f8 0%, #e23751 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0 ); /* IE6-9 */ } .darken_gradient:before { background: -webkit-linear-gradient(top, transparent 0%, rgba(55, 52, 47, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(55, 52, 47, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a637342f',GradientType=0 ); } .bg_image, .bg_image:after { background-image: url(../img/background_section.html); } /* Hero text in sections */ .section_header { margin: 0 0 24px; font-size: 36px; position: relative; word-wrap: break-word; text-transform: uppercase; font-weight: 700; } .section_header.big { font-size: 100px; font-weight: 700; margin-bottom: 30px; } .section_header.small { font-size: 42px; text-transform: none; font-weight: 300; } h3 + .section_header, .big + .section_header { margin-top: -17px; } .section_header + h3 { margin: -22px 0 44px; font-size: 30px; } .section_header + p { font-size: 22px; margin-bottom: 28px; line-height: 1.5em; } .section_header.big + p { margin-bottom: 30px; } .text-center .section_header + p, .section_header.text-center + p { max-width: 80%; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 991px) { .section_header { font-size: 30px; margin-top: 0; } .section_header.text-center + p, .text-center .section_header + p { max-width: 100%; } .section_header + p { font-size: 1.1em; letter-spacing: 0; } } @media (max-width: 767px) { .section_header.big { font-size: 36px; margin-top: 0; } } /*page preloader*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 13000; height: 100%; } .lt-ie9 .preloader { display: none; } .preloader_image { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; background: url(../img/preloader.html) no-repeat 50% 50% transparent; margin: -50px 0 0 -50px; } /* animated elements */ .to_animate { visibility: hidden; } .lt-ie10 .to_animate, .lt-ie9 .to_animate { visibility: visible; } .animated { /*IE7 fix*/ visibility: visible !important; } /* **boxed layout */ #box_wrapper, #canvas { overflow: visible; position: relative; } #canvas.boxed { padding: 1px 0; } #box_wrapper.container { overflow: hidden; } body.boxed { position: static; width: auto; height: auto; } .pattern1 { background-image: url(../img/pattern1.html); } .pattern2 { background-image: url(../img/pattern2.html); } .pattern3 { background-image: url(../img/pattern3.html); } .pattern4 { background-image: url(../img/pattern4.html); } .pattern5 { background-image: url(../img/pattern5.html); } .pattern6 { background-image: url(../img/pattern6.html); } .pattern7 { background-image: url(../img/pattern7.html); } .pattern8 { background-image: url(../img/pattern8.html); } .pattern9 { background-image: url(../img/pattern9.html); } .pattern10 { background-image: url(../img/pattern10.html); } .pattern11 { background-image: url(../img/pattern11.html); } .boxed .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } @media (max-width: 500px) { .boxed .container { padding-left: 10px; padding-right: 10px; } } .container { max-width: 100%; } @media (max-width: 767px) { .container { max-width: 500px; } } @media (min-width: 1600px) { #box_wrapper.container { width: 1560px; } } .boxed #box_wrapper.container { padding: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); margin-top: 59px; } .boxed #box_wrapper.container.top-bottom-margins { margin-top: 80px; margin-bottom: 80px; } /**light section - .ls*/ .ls { background-color: #f4f4f4; color: #666666; font-family: 'Open Sans', sans-serif; font-weight:400;line-height: 25px; } .ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 { color: #333333; } .ls h1 a, .ls h2 a, .ls h3 a, .ls h4 a, .ls h5 a, .ls h6 a { color: inherit; } .ls h1 a:hover, .ls h2 a:hover, .ls h3 a:hover, .ls h4 a:hover, .ls h5 a:hover, .ls h6 a:hover { color: #000099; } .ls a { color: #000099; } .ls a:hover { color: #333333; } .ls .theme_buttons a, .ls .theme_button { color: #ffffff; } .ls .theme_buttons a:hover, .ls .theme_buttons a:focus, .ls .theme_button:hover, .ls .theme_button:focus { color: #333333; } .ls .theme_button.inverse a, .ls .theme_button.inverse { color: #333333; } .ls .theme_button.inverse a:hover, .ls .theme_button.inverse a:focus, .ls .theme_button.inverse:hover, .ls .theme_button.inverse:focus { color: #ffffff; } .ls .theme_buttons.color1 a, .ls .theme_button.color1 { background-color: #000099; } .ls .theme_buttons.color1 a:hover, .ls .theme_button.color1:hover { color: #FFFFFF; } .ls .theme_buttons.color2 a, .ls .theme_button.color2 { background-color: #e23751; } .ls .theme_buttons.color2 a:hover, .ls .theme_button.color2:hover { color: #e23751; } .ls .theme_button[class*="color"] { color: #FFFFFF; } .ls .theme_button[class*="color"]:hover, .ls .theme_button[class*="color"]:focus { background-color: #333333; } .ls .color-icon.bg-icon { background-color: #f8f8f8; } .ls .highlight { color: #000099; } .ls .highlight2 { color: #e23751; } .ls .greylinks a { color: #999; } .ls .greylinks a:hover { color: #000099; } .ls .darklinks a { color: #333333; } .ls .darklinks a:hover { color: #000099; } .ls .pagination > li.active > a, .ls .pagination > li.active > span, .ls .pagination > li > a:hover, .ls .pagination > li > span:hover, .ls .pagination > li > a:focus, .ls .pagination > li > span:focus { color: #000099; } /**grey section - light section, muted section - .ls.ms*/ .ls.ms { background-color: #f5f5f5; } .ls.ms .with_background { background-color: #ffffff; } .ls.ms hr { background-color: #ffffff; } .ls.ms input[type="text"], .ls.ms input[type="email"], .ls.ms input[type="url"], .ls.ms input[type="password"], .ls.ms input[type="search"], .ls.ms input[type="tel"], .ls.ms textarea, .ls.ms select, .ls.ms .form-control { border-color: transparent; background-color: #ffffff; } .ls.ms .breadcrumb { color: #999; } .ls.ms .breadcrumb a { color: #8b8b8b; } .ls.ms .breadcrumb a:hover { color: #000099; } .ls.ms .theme_buttons a:hover, .ls.ms .theme_buttons a:focus, .ls.ms .theme_button:hover, .ls.ms .theme_button:focus { background-color: #ffffff; } .ls.ms .theme_button.inverse a, .ls.ms .theme_button.inverse { color: #333333; background-color: #ffffff; } .ls.ms .theme_button.inverse a:hover, .ls.ms .theme_button.inverse a:focus, .ls.ms .theme_button.inverse:hover, .ls.ms .theme_button.inverse:focus { color: #ffffff; background-color: #333333; } .ls.ms .theme_button[class*="color"]:hover, .ls.ms .theme_button[class*="color"]:focus { background-color: #333333; } .ls.ms .progress { background-color: #ffffff; } /**common dark and dark muted sections - .ds and .ds.ms*/ /**darkgrey section - .ds*/ .ds { background-color: #FFF; color: #999; } /**dark section - .ds.ms*/ .ds.ms { background-color: rgba(0,0,0,0.91); } .ds { /* shop */ } .ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 { color: #ffffff; } .ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a { color: #ffffff; } .ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover { color: #000099; } .ds .ls { background-color: #ffffff; color: #999; } .ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 { color: #333333; } .ds .ls h1 a, .ds .ls h2 a, .ds .ls h3 a, .ds .ls h4 a, .ds .ls h5 a, .ds .ls h6 a { color: inherit; } .ds .ls h1 a:hover, .ds .ls h2 a:hover, .ds .ls h3 a:hover, .ds .ls h4 a:hover, .ds .ls h5 a:hover, .ds .ls h6 a:hover { color: #000099; } .ds .ls a { color: #000099; } .ds .ls a:hover { color: #333333; } .ds a { color: #CCCCCC; } .ds a:hover { color: #ffffff; } .ds hr { background-color: #ffffff; } .ds hr.light-divider { background-color: rgba(255, 255, 255, 0.2); } .ds blockquote, .ds .blockquote { color: #ffffff; } .ds blockquote .blockquote-meta, .ds .blockquote .blockquote-meta { color: #999; } .ds .blockquote-big:before, .ds .blockquote-big:after { color: #2c2c2c; } .ds .theme_buttons a, .ds .theme_button { color: #ffffff; } .ds .theme_buttons a:after, .ds .theme_button:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.02); } .ds .theme_buttons a:hover, .ds .theme_buttons a:focus, .ds .theme_button:hover, .ds .theme_button:focus { color: #333333; } .ds .theme_buttons.inverse a, .ds .theme_button.inverse { background-color: #f5f5f5; color: #333333; } .ds .theme_buttons.inverse a:hover, .ds .theme_buttons.inverse a:focus, .ds .theme_button.inverse:hover, .ds .theme_button.inverse:focus { color: #ffffff; background-color: #333333; } .ds .theme_button[class*="color"] { color: #333333; } .ds .theme_button.color1:hover { color: #000099; } .ds .theme_button.color2:hover { color: #e23751; } .ds .theme_button[class*="color"]:hover, .ds .theme_button[class*="color"]:focus { background-color: #ffffff; } .ds .border_button.color1:hover { border-color: #000099; background-color: transparent; } .ds .social-icon.color-icon:hover { color: #ffffff; } .ds .muted_background, .ds .with_background, .ds .well { background-color: rgba(255, 255, 255, 0.06); } .ds.muted_section:before { background-color: rgba(255, 255, 255, 0.06); } .ds .with_border { border-color: rgba(255, 255, 255, 0.2); } .ds .highlight { color: #CCCCCC; } .ds .highlight2 { color: #e23751; } .ds .grey, .ds .black { color: #FFFFFF; border-color: #ffffff; } .c-detail { color: #000; border-color: #000; } .ds .highlightlinks a { color: #000099; } .ds .highlightlinks a:hover { opacity: 0.5; } .ds .greylinks a { color: #999; } .ds .greylinks a:hover { color: #000099; } .ds .darklinks a { color: #FFFFFF; } .ds .darklinks a:hover { color: #000099; } .ds.with_top_border:before, .ds.with_bottom_border:after { background-color: rgba(255, 255, 255, 0.2); } .ds .section_header + p { color: inherit; } .ds input[type="text"], .ds input[type="email"], .ds input[type="url"], .ds input[type="password"], .ds input[type="search"], .ds input[type="tel"], .ds textarea, .ds select, .ds .form-control { background-color: #333333; border-color: rgba(255, 255, 255, 0.2); } .ds form label + [class*="icon-"] { color: #ffffff; } .ds .form-group-select:before { border-color: rgba(255, 255, 255, 0.2); } .ds .form-control:-moz-placeholder { color: #999; opacity: 1; } .ds .form-control::-moz-placeholder { color: #999; opacity: 1; } .ds .form-control:-ms-input-placeholder { color: #999; } .ds .form-control::-webkit-input-placeholder { color: #999; } .ds .form-control:focus:-moz-placeholder { color: transparent; } .ds .form-control:focus::-moz-placeholder { color: transparent; } .ds .form-control:focus:-ms-input-placeholder { color: transparent; } .ds .form-control:focus::-webkit-input-placeholder { color: transparent; } .ds .contact-form.transparent-background .form-control { border-color: rgba(255, 255, 255, 0.2); } .ds .border-paragraphs p { color: #ffffff; border-color: rgba(255, 255, 255, 0.2); } .ds .table, .ds .table-bordered, .ds .table th, .ds .table td { border-color: rgba(255, 255, 255, 0.2); } .ds .table-striped > tbody > tr:nth-child(odd), .ds .table-striped > tbody > tr:nth-child(odd) > td, .ds .table-striped > tbody > tr:nth-child(odd) > th { border-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.06); } .ds .color-icon.bg-icon { background-color: #ffffff; } .ds .color-icon.bg-icon:hover { color: #ffffff; } .ds .color-bg-icon:hover { background-color: #000099; } .ds .tab-content, .ds .nav-tabs > li > a { background-color: rgba(255, 255, 255, 0.06); } .ds .nav-tabs > li.active > a, .ds .nav-tabs > li.active > a:hover, .ds .nav-tabs > li.active > a:focus { border-color: #000099; border-bottom-color: transparent; background-color: #000099; color: #ffffff; } .ds .price-table.style2 { background-color: rgba(255, 255, 255, 0.06); } .ds .plan-name { background-color: rgba(255, 255, 255, 0.06); } .ds .plan-price p { color: #ffffff; } .ds .features-list .disabled:before { color: #ffffff; } .ds ul.list1 { color: #ffffff; } .ds ul.list1 li { border-color: rgba(255, 255, 255, 0.2); } .ds .testimonials-carousel .media + p { background-color: rgba(255, 255, 255, 0.06); } .ds .side-item { border-color: rgba(255, 255, 255, 0.2); } .ds .entry-excerpt { color: #ffffff; } .ds .comment-meta { color: #ffffff; } .ds .comment-meta .author_url { color: #ffffff; } .ds .comment-list article:after { background-color: rgba(255, 255, 255, 0.2); } .ds .comment-respond { border-color: rgba(255, 255, 255, 0.2); } .ds .entry-tags { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_shopping_cart .cart_list, .ds .widget_recent_entries li, .ds .widget_recent_comments li, .ds .widget_archive li, .ds .widget_categories li, .ds .widget_meta li, .ds .widget_nav_menu li, .ds .widget_pages li, .ds .widget_popular_entries li { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_nav_menu ul ul { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_popular_entries .media-heading { color: #ffffff; } .ds .tweet_list li + li .tweet_right { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_tag_cloud a { color: #ffffff; } .ds #calendar_wrap { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_calendar table { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_calendar tfoot td a { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_calendar caption, .ds .widget_calendar thead, .ds .widget_calendar th { color: #ffffff; } .ds .widget_calendar tbody td a:hover { color: #ffffff; } .ds .grid-view h3:before, .ds .grid-view h3:after { background-color: rgba(255, 255, 255, 0.2); } .ds .owl-carousel.product-thumbnails .owl-nav > div:after { color: #ffffff; } .ds .ui-slider { background-color: rgba(255, 255, 255, 0.06); } .ds .ui-slider .ui-slider-handle { background-color: #ffffff; } .ds #sort_view { border-color: rgba(255, 255, 255, 0.2); color: #ffffff; } .ds #toggle_shop_view.grid-view:after, .ds #toggle_shop_view:before { background-color: rgba(247, 247, 247, 0.06); } .ds .widget_layered_nav .color-filters a:before { border-color: rgba(255, 255, 255, 0.2); } .ds .thumbnail { background-color: transparent; } .ds .thumbnail h3 a { color: #ffffff; } .ds .thumbnail .caption { border-color: transparent; background-color: rgba(252, 252, 252, 0.06); } .ds .progress { background-color: rgba(255, 255, 255, 0.2); } .ds .blog-accordion .panel-heading { background-color: rgba(255, 255, 255, 0.2); } .ds .panel-group .panel-heading + .panel-collapse .panel-body { border-color: rgba(255, 255, 255, 0.2); } .ds .vertical-tabs .nav > li > a { background-color: rgba(255, 255, 255, 0.06); } .ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover { background-color: #000099; } .ds .entry-meta .comments-link a { color: #ffffff; } .ds #timetable tbody th, .ds #timetable tbody td { border-color: rgba(255, 255, 255, 0.2); } .ds .with_corners:before, .ds .with_corners:after { border-color: #ffffff; } .ds .with_corners.color_corners:before, .ds .with_corners.color_corners:after { border-color: #000099; } .ds .with_shadow, .ds .features-teaser.teaser:hover .teaser_icon { box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4); } .ds .countdown-period, .ds .darken-font-color { color: #ffffff; } .ds .bg_teaser.light_teaser .bg_overlay { background-color: #333333; } .ds .bg_teaser.light_teaser:hover .bg_overlay, .ds .bg_teaser.light_teaser.hover .bg_overlay { background-color: rgba(30, 30, 30, 0.9); } .ds .features-teaser.teaser:hover .teaser_icon { background-color: #333333; } .ds .info-teaser + .info-teaser { border-color: rgba(255, 255, 255, 0.06); } .ds .contact-form-container { background-image: url("../images/contact-form-dark.html"); } .ds p.item-meta .date, .ds p.item-meta .item-comments, .ds .widget_search .form-inline input[type="text"], .ds .widget_mailchimp .form-inline input[type="email"] { border-color: rgba(255, 255, 255, 0.2); } .ds .widget_search .form-inline .theme_button:after, .ds .widget_mailchimp .form-inline .theme_button:after { display: none; } .ds .flex-control-paging li a:after, .ds .flex-control-paging li a.flex-active, .ds .flex-control-paging li a:hover { background-color: #ffffff; } /**color section*/ .cs.main_color2 { background-color: #e23751; } .cs.main_color2 .highlight { color: #000099; } .cs { background-color: rgba(0,0,102,0.74); color: rgba(255, 255, 255, 0.8); } .cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 { color: #ffffff; } .cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a { color: #ffffff; } .cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover { color: rgba(255, 255, 255, 0.6); } .cs a { color: #ffffff; } .cs a:hover { color: #feea9a; } .cs blockquote, .cs .blockquote { border-color: #fdd535; } .cs .theme_buttons a.color1, .cs .theme_button.color1 { background-color: #ffffff; color: #000099; } .cs .theme_buttons a.color1:hover, .cs .theme_button.color1:hover { color: #000099; background-color: #333333; } .cs .theme_buttons a.color2:hover, .cs .theme_button.color2:hover { color: #e23751; } .cs .theme_buttons a:hover, .cs .theme_buttons a:focus, .cs .theme_button:hover, .cs .theme_button:focus { color: #333333; } .cs .theme_buttons.inverse a:hover, .cs .theme_buttons.inverse a:focus, .cs .theme_button.inverse:hover, .cs .theme_button.inverse:focus { color: #ffffff; } section .cs .theme_buttons a, section .cs .theme_button { color: #333333; background-color: #ffffff; border-color: #ffffff; } section .cs .theme_buttons a:hover, section .cs .theme_button:hover { background-color: #333333; border-color: #333333; color: #ffffff; } .cs .with_background { background-color: rgba(255, 255, 255, 0.2); } .cs .with_border { border-color: rgba(255, 255, 255, 0.2); } .cs.with_top_border .container:before, .cs.with_bottom_border .container:after { background-color: #fdd535; } .cs .section_header:before { background-color: #fdd535; } .cs .greylinks a { color: #ffffff; opacity: 0.7; } .cs .greylinks a:hover { opacity: 1; color: #ffffff; } .cs .black { border-color: #ffffff; color: #ffffff; } .cs .grey { border-color: #333333; color: #333333; } .cs .response, .cs .highlight { color: #ffffff; } .cs ul.list1 li { border-color: rgba(255, 255, 255, 0.2); } .cs [class*='soc-'] { color: #ffffff; border-color: #ffffff; } .cs .color-icon.bg-icon { background-color: #ffffff; } .cs a.social-icon.color-bg-icon:hover { background-color: #333333; } .cs input[type="text"], .cs input[type="email"], .cs input[type="url"], .cs input[type="password"], .cs input[type="search"], .cs input[type="tel"], .cs textarea, .cs select, .cs .form-control { color: #ffffff; } .cs .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .cs .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; } .cs .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } .cs .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .cs .form-control:focus:-moz-placeholder { color: transparent; } .cs .form-control:focus::-moz-placeholder { color: transparent; } .cs .form-control:focus:-ms-input-placeholder { color: transparent; } .cs .form-control:focus::-webkit-input-placeholder { color: transparent; } .cs .ls input[type="text"], .cs .ls input[type="email"], .cs .ls input[type="url"], .cs .ls input[type="password"], .cs .ls input[type="search"], .cs .ls input[type="tel"], .cs .ls textarea, .cs .ls select, .cs .ls .form-control { color: #333333; } .cs .ls .form-control:-moz-placeholder { color: #999; opacity: 1; } .cs .ls .form-control::-moz-placeholder { color: #999; opacity: 1; } .cs .ls .form-control:-ms-input-placeholder { color: #999; } .cs .ls .form-control::-webkit-input-placeholder { color: #999; } .cs .ls .form-control:focus:-moz-placeholder { color: transparent; } .cs .ls .form-control:focus::-moz-placeholder { color: transparent; } .cs .ls .form-control:focus:-ms-input-placeholder { color: transparent; } .cs .ls .form-control:focus::-webkit-input-placeholder { color: transparent; } .cs .pagination > li > a, .cs .pagination > li > span { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); } .cs .pagination > li.active > a, .cs .pagination > li.active > span, .cs .pagination > li > a:hover, .cs .pagination > li > span:hover, .cs .pagination > li > a:focus, .cs .pagination > li > span:focus { background-color: #ffffff; color: #333333; } .cs .widget_recent_entries li + li, .cs .widget_recent_comments li + li, .cs .widget_archive li + li, .cs .widget_categories li + li, .cs .widget_meta li + li, .cs .widget_popular_entries li + li, .cs .widget_nav_menu li + li, .cs .widget_pages li + li { border-top-color: rgba(255, 255, 255, 0.2); } .cs .breadcrumb li { color: #ffffff; } .cs .breadcrumb li a { color: #ffffff; } .cs .breadcrumb li a:hover { color: #999; } /* **template styles */ .page_topline { position: relative; z-index: 1001; } .page_topline .container { padding-top: 8px; padding-bottom: 8px; } @media (min-width: 768px) { .page_topline [class*="col-"] > span { padding-left: 33px; } .page_topline [class*="col-"] > span:first-child { padding-left: 0; } } @media (max-width: 767px) { .page_topline [class*="col-"] > span { display: block; } } .page_topline i { display: inline-block; margin-top: -1px; padding-right: 5px; vertical-align: middle; } .page_topline .page_social_icons { margin-left: 15px; } .page_topline .page_social_icons a:before { font-size: 12px; } .page_toplogo .teaser { vertical-align: middle; } .page_toplogo .teaser p:first-child { margin-top: -1px; } .page_toplogo .teaser p:last-child { margin-bottom: -2px; } .location-teaser { margin-left: 55px; margin-top: 0; } .location-teaser span { color: #ffffff; } .location-teaser:hover .teaser_icon.highlight { color: #333333; background-color: #000099; } .location-teaser:hover span { color: #ffffff; } .header_white { color: #999; background-color: #ffffff; } .header_white.affix { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); } .header_darkgrey { background-color: #333333; } .header_darkgrey a[class*='soc-'] { color: #ffffff; } @media (max-width: 992px) { .page_header_wrapper .col-sm-12 { min-height: 0; } } a.logo { display: inline-block; word-break: break-word; text-transform: uppercase; position: relative; z-index: 2; padding: 15px 0; } a.logo img + .logo_text { padding: 0 15px; } .home a.logo img, footer a.logo img { max-width: 100%; } @media (max-width: 991px) { a.logo.logo_image { max-width: 120px; } } a.logo.bottom_logo { padding: 0; font-size: 28px; } a.logo.bottom_logo img { max-width: 100px; } .floating_logo a.logo { float: left; margin-right: 30px; } a.logo.vertical_logo { padding: 0; } a.logo.vertical_logo img { margin: 0 0 10px; } .logo-meta { line-height: 1.2; display: inline-block; padding: 20px 0; } @media (max-width: 1400px) { .logo + .logo-meta { display: none; } } .logo-meta strong { font-size: 20px; } .boxed .page_header .logo-meta { display: none; } .lt-ie9 .page_header_wrapper { height: auto !important; } .lt-ie9 .page_header_wrapper .md-hidden { display: inline-block; } .page_header { -webkit-transition: background 0.2s ease-in-out 0s; transition: background 0.2s ease-in-out 0s; top: 0; left: 0; right: 0; position: relative; z-index: 1000; } .page_header.mobile-active { z-index: 1002; } .page_header.affix { position: fixed; } .page_header.affix-bottom { top: 0 !important; position: fixed; } .page_header .header-button { display: inline-block; font-size: 18px; color: #1e1e1e; padding: 0 10px; line-height: 60px; height: 60px; cursor: pointer; } @media (min-width: 1400px) { .page_header .header-button { line-height: 80px; height: 80px; padding: 0 22px; } } .page_header .header-button:hover { color: #333333; } .page_header .social-icon:last-child { margin-right: 20px; } .page_header .widget_search { margin: 5px 0; display: inline-block; width: 87%; max-width: 570px; } @media (min-width: 1400px) { .page_header .widget_search { margin: 15px 0; } } .page_header .widget_search input { height: 50px; background-color: transparent; border-color: rgba(51, 51, 51, 0.5); color: #333333; } .page_header .widget_search .form-control:-moz-placeholder { color: #333333; } .page_header .widget_search .form-control::-moz-placeholder { color: #333333; } .page_header .widget_search .form-control:-ms-input-placeholder { color: #333333; } .page_header .widget_search .form-control::-webkit-input-placeholder { color: #333333; } .page_header .widget_search .form-control:focus:-moz-placeholder { color: transparent; } .page_header .widget_search .form-control:focus::-moz-placeholder { color: transparent; } .page_header .widget_search .form-control:focus:-ms-input-placeholder { color: transparent; } .page_header .widget_search .form-control:focus::-webkit-input-placeholder { color: transparent; } .page_header .widget_search + .search_form_close { float: right; margin-top: 21px; font-size: 18px; margin-left: 26px; color: #333333; cursor: pointer; } @media (max-width: 400px) { .page_header .widget_search + .search_form_close { margin-left: 15px; } } @media (min-width: 1400px) { .page_header .widget_search + .search_form_close { margin-top: 31px; } } .page_header.theme_header { margin-bottom: -80px; height: 60px; } @media (min-width: 992px) { .page_header.theme_header .row { margin-right: -30px; margin-left: -35px; } } @media (min-width: 1400px) { .page_header.theme_header .row { margin-right: -30px; margin-left: -40px; } } @media (min-width: 1400px) { .page_header.theme_header { height:auto; float:left; width:100%; } } .page_header.theme_header .row { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .page_header .searchrow { opacity: 0; height: 0; overflow: hidden; } .page_header .searchrow > div { line-height: 0; } .page_header .searchrow > div * { line-height: 1; } .page_header.search-active .mainrow { margin-top: -60px; opacity: 0; } @media (min-width: 1400px) { .page_header.search-active .mainrow { margin-top: -80px; } } .page_header.search-active .searchrow { opacity: 1; height: auto; } /* modal search */ .modal-open .page_header_wrapper, .modal-open .page_header.affix { right: 16px; } #search_modal { color: #fff; } #search_modal a { color: #ffffff; opacity: 0.6; font-size: 12px; text-transform: uppercase; } #search_modal a:hover { color: #000099; opacity: 1; } #search_modal .searchform-respond { width: 300px; margin: 20px auto; } #search_modal .form-control { border: none; background-color: transparent; height: 60px; color: #ffffff; } #search_modal .theme_button { padding: 18px; } #search_modal .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #search_modal .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #search_modal .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } #search_modal .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } .page_mainslider .flex-custom-nav { opacity: 0; } .page_breadcrumbs { /* styles for breadcrumbs style 3 */ /* styles for breadcrumbs style 4 */ } .page_breadcrumbs [class*="col-"] { margin-top: 25px; margin-bottom: 25px; } @media (max-width: 991px) { .page_breadcrumbs.section_padding_65 > .container { padding-top: 15px; padding-bottom: 15px; } } .page_breadcrumbs.parallax.ds:before { background-color: #333333B3; opacity: 0.9; } .page_breadcrumbs .breadcrumbs_logo { margin-bottom: -17px; } .page_breadcrumbs .breadcrumbs_logo img { opacity: 0.2; } .page_breadcrumbs h1 { margin-top: 1px; margin-bottom: 0; display: inline-block; font-size: 30px; text-transform: uppercase; word-wrap: break-word; } .page_breadcrumbs h1.cornered-heading:before, .page_breadcrumbs h1.cornered-heading:after { width: 30px; height: 30px; } @media screen and (min-width: 992px) { .page_breadcrumbs .display_table_md { width: auto; min-width: 0; } .page_breadcrumbs h1.display_table_cell_md { padding-right: 20px; } .page_breadcrumbs .breadcrumb.display_table_cell_md { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 25px; } } .page_breadcrumbs .bottom_breadcrumbs { text-align: center; float: right; padding: 0 20px; margin: 0 0 -26px 0; background-color: rgba(30, 30, 30, 0.035); } .owl-carousel.projects-carousel { z-index: 6; } @media (min-width: 992px) { .owl-carousel.projects-carousel { width: 130%; } } .projects-content { padding: 0; border: none; background-color: transparent; } .projects-content .item-media img { margin: 0 -16.6666666666%; max-width: 150%; } @media (max-width: 991px) { .projects-content { margin-top: 40px; } } /* Features teasers */ @media (max-width: 991px) { .features-teaser.topmargin_50 { margin-top: 50px; } } .features-teaser.teaser:hover .teaser_icon { -webkit-animation: none; animation: none; color: #000099; background-color: #ffffff; box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1); } /* Counters */ .counters_section { font-size: 0; } .counters_section.ds { background-image: url("../img/pattern1_dark.html"); } .counters_section.ls { background-image: url("../img/pattern1_light.html"); } .info-teaser { font-size: 14px; } .info-teaser + .info-teaser { border-top: 1px solid rgba(51, 51, 51, 0.1); } @media (min-width: 768px) { .info-teaser { display: inline-block; width: 33.33333333%; } .info-teaser + .info-teaser { border-top: none; border-left: 1px solid rgba(51, 51, 51, 0.1); } } @media (min-width: 768px) and (max-width: 991px) { .info-teaser:nth-child(4) { border-left: none; } } @media (min-width: 992px) { .info-teaser { width: 20%; } } /* Services */ .services { background-image: url("../images/services.html"); background-position: right top; background-size: cover; } @media (max-width: 400px) { .service-teasers-row > div { float: none; display: block; width: 195px; margin-left: auto; margin-right: auto; } } .section_subscribe .form-control { width: 350px; max-width: 100%; display: inline-block; } .section_subscribe.parallax { background-image: url("../images/parallax/progress.html"); } .page_breadcrumbs.parallax { background-image: url(../img/breadcrumbs.jpg); } .page_testimonials.parallax { overflow: hidden; background-image: url("../images/parallax/testimonials.html"); } .page_testimonials .flexslider .container { padding: 0; } @media (min-width: 992px) { .page_testimonials .flexslider { padding: 0 80px; } } @media (max-width: 991px) { .page_testimonials .flex-control-nav { bottom: -30px; } } .page_footer .page_social_icons a:before { font-size: 14px; } .page_footer .page_social_icons a.social-icon + a.social-icon { margin-left: 22px; } .page_footer.theme_footer, .page_footer.theme_footer + .page_copyright { background-color: #020202; } .page_footer.theme_footer:before, .page_footer.theme_footer + .page_copyright:before { display: none; } .page_footer .media-left i { display: inline-block; width: 14px; } .page_footer .media + .media { margin-top: 11px; } .page_footer.theme_footer + .page_copyright .container { position: relative; } .page_footer.theme_footer + .page_copyright .container:before { content: ""; position: absolute; top: 0; width: 100%; left: 0; right: 0; height: 1px; background-color: rgba(255, 255, 255, 0.2); } .page_copyright p { margin: 0; } .page_copyright.table_section .bottom_logo img { margin-bottom: 0; } .page_contact.parallax { background-image: url(../images/parallax/map.html); } .page_copyright.parallax, .page_footer.parallax { background-image: url("../images/parallax/pattern.html"); } .ds.ms + .page_footer.ds.ms { background-color: #191919; } #featured { background-image: url(../images/parallax/featured.html); } #map, .page_map { height: 500px; } #map img, .page_map img { max-width: inherit; } #map p, .page_map p { line-height: 1.3; margin-bottom: 0; } #map .map_marker_description, .page_map .map_marker_description { padding: 10px 5px 5px; } #map .map_marker_icon, .page_map .map_marker_icon { display: none; } section .intro_section .slide_description_wrapper { padding-left: 60px; padding-right: 60px; right: 30px; } @media (max-width: 600px) { section .intro_section .slide_description_wrapper { padding-left: 5px; padding-right: 5px; } } .muted_background .pagination { margin: 40px 40px 20px; } /** * intro_section styles */ /* flexslider */ .intro_section { position: relative; overflow: hidden; clear: both; } .intro_section > img { width: 100%; } .intro_section img { opacity:100%; } .intro_section .flexslider:before, .intro_section .flexslider:after { content: ''; display: block; clear: both; } .intro_section .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .intro_section .container.nav-container { width: 100%; } .intro_section [class*="col-"] { position: static; } .intro_section .slide_description_wrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; font-size: 0; z-index: 5; padding: 0 80px; } .intro_section .slide_description_wrapper .slide_description { font-size: 14px; } .intro_section .slide_description_wrapper:before, .intro_section .slide_description { display: inline-block; vertical-align: middle; } .intro_section .slide_description_wrapper:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .intro_section .big { font-size: 40px; } .intro_section .fontsize_16 { line-height: 30px; } .intro_section .top-corner { max-width: 120px; } .intro_section .top-corner div { margin-top: -3px; text-transform: uppercase; padding: 20px; } @media (min-width: 1200px) { .intro_section .big { font-size: 60px; } } @media (max-width: 992px) { .intro_section { text-align: center; } .intro_section .nav-container { padding: 0; } .intro_section .flex-control-nav, .intro_section .flex-custom-nav { bottom: 40px; text-align: center; } .intro_section .container { position: static; width: auto; max-width: 100%; } .intro_section .slide_description_wrapper:before { display: none; } .intro_section .slide_description { padding: 30px 0; display: block; } .intro_section li .slide_description { padding: 30px 0 90px; } .intro_section .slide_description_wrapper { padding: 0; position: static; } .intro_section .flex-direction-nav .flex-prev { top: 14%; } .intro_section .flex-direction-nav .flex-next { top: 14%; } } /* **main menu (min 992px) styles */ .sf-menu > li > a { text-transform: uppercase; font-weight: 700; } .sf-menu ul a { font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 600; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } @media (min-width: 992px) { /* menu layout */ .sf-menu, .sf-menu ul { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu li > ul { position: absolute; display: none; top: 100%; z-index: 101; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu li > ul > li > ul { top: -10px; left: 100%; } /* menu skin */ .sf-menu a { padding-top: 2px; padding-bottom: 2px; text-decoration: none; zoom: 1; /* IE7 */ -webkit-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu > li { display: inline-block; position: relative; margin: 0 -2px; } .sf-menu > li > a { position: relative; padding-top: 18px; padding-bottom: 18px; } } @media (min-width: 992px) and (min-width: 1400px) { .sf-menu > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 992px) { .sf-menu > li > a:before, .sf-menu > li > a:after { content: ""; position: absolute; top: 13px; left: 10px; width: 80px; height: 80px; border: 1px solid #fff; border-width: 1px 0 0 1px; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } } @media (min-width: 992px) and (min-width: 1400px) { .sf-menu > li > a:before, .sf-menu > li > a:after { /*top: 23px;*/ } } @media (min-width: 992px) { .sf-menu > li > a:after { top: auto; left: auto; bottom: 13px; right: 10px; border-width: 0 1px 1px 0; } } @media (min-width: 992px) and (min-width: 1400px) { .sf-menu > li > a:after { /*bottom: 23px;*/ } } @media (min-width: 992px) { .sf-menu > li > a:hover:before, .sf-menu > li > a:hover:after { width: 20px; height: 20px; opacity: 1; } .theme_header .sf-menu > li > a:hover, .theme_header .sf-menu > li.active > a { color: #fff; } .sf-menu ul .sfHover > a { padding-left: 60px; padding-right: 60px; } .sf-menu ul .sfHover > a:before { left: 30px; opacity: 1; } .bordered_items .sf-menu { text-align: center; } .bordered_items .sf-menu > li { padding: 0; } .bordered_items .sf-menu > li + li:before { content: ''; width: 1px; position: absolute; left: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.2); } .header_white .sf-menu > li > a { color: #333333; } .header_white .sf-menu > li > a:hover, .header_white .sf-menu > li.active > a { color: #000099; } .header_white .sf-menu > li + li:before { background-color: #f5f5f5; } .header_darkgrey .sf-menu > li > a { color: #ffffff; } .header_darkgrey .sf-menu > li > a:hover, .header_darkgrey .sf-menu > li.active > a { color: #000099; } .header_gradient .sf-menu > li > a { color: #ffffff; } .header_gradient .sf-menu > li > a:hover, .header_gradient .sf-menu > li.active > a { color: #333333; } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } /* second and next levels */ .sf-menu > li .mega-menu, .sf-menu li > ul { text-align: left; list-style: none; padding: 10px 0; background-color: #ffffff; min-width: 10em; /* allow long menu items to determine submenu width */ *width: 10em; /* no auto sub width for IE7, see white-space comment below */ border-bottom: 3px solid #1aa2f8; } .sf-menu > li .mega-menu ul, .sf-menu li > ul ul { box-shadow: 20px 0 16px -20px rgba(0, 0, 0, 0.05) inset; } .sf-menu ul a { color: #333333; padding-left: 30px; padding-right: 90px; } .sf-menu ul a:before { position: absolute; left: -20px; font-family: "Flaticon"; content: "\f102"; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .sf-menu .mega-menu ul { box-shadow: none; padding: 0; } .sf-menu .mega-menu ul a { padding-left: 0; padding-right: 0; } .sf-menu ul a:hover, .sf-menu ul li.active > a { color: #000099; background-color: #f5f5f5; } /* third level */ .sf-menu ul ul { margin-top: 0; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { position: relative; } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { font-family: 'rt-icons-2'; content: "\e7c5"; padding-left: 7px; } .sf-arrows > li > .sf-with-ul:after { content: ""; padding: 0; } /*top menu level*/ /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { content: "\e7c5"; font-size: 12px; position: absolute; right: 30px; color: #333333; opacity: 0.6; } .sf-arrows ul .sf-with-ul:hover:after { opacity: 1; } } /* common paddings */ @media (min-width: 992px) { .sf-menu > li > a { padding-left: 2px; padding-right: 0px; } .bordered_items .sf-menu > li > a { padding-right: 40px; padding-left: 44px; } } /* -md- paddings */ @media (min-width: 992px) and (max-width: 1199px) { .bordered_items .sf-menu > li > a { padding-right: 15px; padding-left: 18px; } .sf-menu > li > a { padding-right: 15px; padding-left: 15px; } } /* -lg- paddings */ @media (min-width: 1200px) { .boxed .col-md-6 .sf-menu > li > a { padding-left: 14px; padding-right: 14px; } .sf-menu > li > a { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1400px) { .sf-menu > li > a { padding-right: 15px; padding-left: 15px; } } .toggle_menu { position: absolute; top: 50%; right: 0; margin-top: -30px; display: none; width: 60px; height: 60px; cursor: pointer; z-index: 1001; visibility: visible; } .header_white .toggle_menu span, .header_white .toggle_menu span:before, .header_white .toggle_menu span:after, .theme_header .toggle_menu span, .theme_header .toggle_menu span:before, .theme_header .toggle_menu span:after { background-color: #fff; } .page_toplogo .toggle_menu { position: fixed; top: 0; left: auto; right: 0; background-color: #333333; margin: 0; } .theme_header .toggle_menu { left: 0; margin: 0; } .toggle_menu:hover span:before { top: -7px; } .toggle_menu:hover span:after { top: 7px; } .toggle_menu span, .toggle_menu span:before, .toggle_menu span:after { display: block; width: 24px; height: 2px; position: absolute; background-color: #ffffff; content: ''; left: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .toggle_menu span { left: 18px; top: 50%; margin-top: -1px; } .toggle_menu span:before { top: -6px; } .toggle_menu span:after { top: 6px; } /* **main menu mobile styles */ @media (max-width: 991px) { .mainmenu_wrapper { /*position: relative;*/ position: fixed; visibility: hidden; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mobile-active .mainmenu_wrapper { visibility: visible; opacity: 1; background-color: #111; background-color: rgba(0, 0, 0, 0.9); } .toggle_menu { display: block; } .toggle_menu.mobile-active { background-color: #333333; border: none; left: auto; top: 0; right: 0; position: fixed; margin: 0; z-index: 3000; } .toggle_menu.mobile-active:after { position: absolute; top: 14px; left: 10px; font-family: 'rt-icons-2'; content: "\e117"; font-size: 40px; color: #ffffff; } .toggle_menu.mobile-active span { display: none; } .nav-justified > li > a { text-align: left; } .sf-menu { position: fixed; overflow: auto; background-color: #333333; padding: 10px 10px 10px 10px; top: 0px; left: 0px; bottom: 0px; right: 100%; font-size: 1.1em; text-transform: uppercase; font-weight: 400; word-wrap: break-word; text-align: left; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; opacity: 0; } .mobile-active .sf-menu { opacity: 1; right: 20px; } .sf-menu > li > a, .sf-menu a { color: #ffffff; } .sf-menu ul { list-style: none; padding-left: 10px; } .sf-menu ul li a { display: block; padding: 10px; font-weight: 300; font-size: 16px; text-transform: none; } .sf-menu ul li a:before { content: '-'; padding-right: 5px; } .sf-menu ul ul li a:before { content: '--'; padding-right: 5px; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 1.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { font-family: 'FontAwesome'; content: '\f107'; position: absolute; right: 1.44em; height: 0; width: 0; font-size: 20px; } /*top menu level*/ .sf-arrows .sfHover > a, .sf-arrows .sfHover > a:hover { color: #ffffff; background-color: #333333; } } @media (min-width: 992px) { .sf-menu .md-hidden { display: none; } } @media (max-width: 991px) { #more-li { display: none; } } .sf-menu i[class] { padding-right: 7px; font-size: 1.1em; } /* Mega Menu */ @media screen and (min-width: 992px) { .primary-navigation ul .mega-menu ul { position: static; float: none; width: 100%; display: table; table-layout: fixed; } .primary-navigation .menu-item-has-mega-menu { position: relative; } .primary-navigation .mega-menu { display: none; position: absolute; left: -500px; top: 100%; z-index: 10; } .primary-navigation .menu-item-has-mega-menu:hover .mega-menu { display: block; } /* row */ .primary-navigation .mega-menu-row { position: static; width: 100%; display: table; table-layout: fixed; } /* column */ .primary-navigation .mega-menu-col { display: table-cell; width: 1px; padding: 0 30px; border-left: 1px solid #f5f5f5; /* overrides from settings / styling / mega-menu */ } .primary-navigation .mega-menu-col:first-child { border-left: none; } } @media screen and (max-width: 991px) { .primary-navigation .mega-menu { position: static; } } /* **subpages */ .edit-link { text-align: right; display: block; } /*404*/ .page_not_found.parallax { background-image: url("../images/parallax/not-found.html"); } .page_not_found.parallax:before { opacity: 0.4; } .not_found { position: relative; margin-top: 70px; margin-bottom: 50px; font-size: 300px; font-weight: 700; letter-spacing: 0.05em; line-height: 0.8; } .not_found + h2 { margin-bottom: 30px; } .not_found + h2 + p { margin-bottom: 85px; } .not_found:before { content: "ooops!"; position: absolute; top: 53%; left: 49.3%; font-family: "Raleway", sans-serif; font-size: 30px; line-height: 1; text-transform: uppercase; letter-spacing: 0; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); color: #ffffff; } @media (max-width: 767px) { .not_found:before { font-size: 16px; left: 49%; } } /*cooming soon*/ @media (min-width: 992px) { #comingsoon1 .container { padding-top: 250px; padding-bottom: 250px; } } .comingsoon.parallax { background-image: url("../images/parallax/comingsoon.html"); } .comingsoon h2 { margin-top: 10px; margin-bottom: 70px; font-family: 'Open Sans', sans-serif; font-size: 50px; line-height: 0.8; } @media (min-width: 992px) { .comingsoon h2 { font-size: 100px; } } /*about*/ .about-content { padding: 10px 10px 20px; } /* page meta blog */ .page-meta { padding: 9px 40px 30px; } .page-meta h5 { font-size: 14px; font-weight: 300; } .page-meta i { line-height: 0.6; padding-right: 8px; } .page-meta .media { position: relative; padding: 28px 0 0; margin-bottom: 20px; } .page-meta .media + .media:before { content: ''; position: absolute; height: 1px; width: 100%; top: 0; background-color: rgba(150, 150, 150, 0.1); } .page-meta .media-left { padding-right: 8px; } /* Department */ .tab-pane .teaser { margin-top: 30px; } .tab-pane [class*="col-"]:first-child .teaser { margin-top: 0; } @media (min-width: 461px) { .tab-pane [class*="col-"]:nth-child(-n+2) .teaser { margin-top: 0; } } @media (min-width: 768px) { .tab-pane [class*="col-"]:nth-child(-n+3) .teaser { margin-top: 0; } } @media (max-width: 460px) { .tab-pane .teaser-row > div { width: 100%; } } /* blog slider */ #blog-gallery-slider .item-media { max-height: 600px; overflow: hidden; } #blog-gallery-slider .item-content { background-color: rgba(0, 0, 0, 0.6); } #blog-gallery-slider .item-content p { font-family: "Raleway", sans-serif; font-size: 22px; font-weight: 700; line-height: 1; color: #ffffff; text-transform: uppercase; margin-bottom: 15px; } #blog-gallery-slider .item-content p + p { font-size: 26px; margin-bottom: 0; } @media (min-width: 768px) { #blog-gallery-slider .item-content p { font-size: 48px; } #blog-gallery-slider .item-content p + p { font-size: 60px; } } @media (min-width: 992px) { #blog-gallery-slider .item-content p { font-size: 70px; } #blog-gallery-slider .item-content p + p { font-size: 100px; } } /*blog*/ article iframe { margin-bottom: -8px; } h3.entry-title { font-size: 18px; text-transform: uppercase; } article.post + article.post, .search article + article, .archive article + article { margin-top: 80px; } .format-status { background-image: url("../images/status.html"); background-size: cover; } .format-status.after_cover:after { background-color: rgba(51, 51, 51, 0.8); } .format-quote { background-image: url("../images/quote.html"); background-size: cover; } .format-quote.after_cover:after { background-color: rgba(0, 0, 0, 0.7); } .format-quote .with_corners:before { top: 10px; left: 10px; } .format-quote .with_corners:after { bottom: 10px; right: 10px; } .format-quote .blockquote-vertical { max-width: 560px; margin: auto; padding: 15px 20px 10px; } .format-chat ol { list-style: none; } .format-chat ol .depth-2 { padding-left: 15px; } .format-chat ol p { padding: 5px 0; margin-bottom: 0; } /* mosaic */ .mosaic-post p { margin-bottom: 0; } .mosaic-post .post-social-links { margin: -1px; padding: 18px 40px 17px; } h3.entry-title { font-size: 18px; margin-top: 7px; } h4.entry-title { margin-top: 0; text-transform: uppercase; } h2.search-title { margin: 0 0 30px; font-size: 40px; } .entry-tags { margin-top: 30px; } .entry-tags .theme_button { margin-right: 6px; } .entry-tags span + span { margin-left: 14px; } .entry-tags i { font-size: 14px; margin-right: 5px; } .entry-meta:before, .entry-meta:after, .comment-meta:before, .comment-meta:after, .post-adds:before, .post-adds:after { display: block; clear: both; content: ''; width: 0; height: 0; } .entry-thumbnail { text-align: center; position: relative; } .entry-thumbnail img { background-color: #ffffff; } .entry-thumbnail[class*='col-'] { margin-bottom: 0; } /* additional meta at the bottom of entry-title */ .post-adds { margin: 22px 0 15px; } .post-adds span { display: inline-block; } .post-adds [class*='votes_count_'] { padding: 0 20px; } .post-adds .views-count, .post-adds .item-likes { font-family: "Raleway", sans-serif; font-weight: 700; font-size: 16px; padding: 0 30px; line-height: 50px; } .post-adds .item-likes { padding-left: 10px; padding-right: 10px; } .post-adds .views-count { color: #333333; } .post-adds .theme_button { padding: 17px 17px; min-width: 0; margin-bottom: 0; } .post-adds .theme_button > i { font-size: 16px; top: 2px; padding: 0; } .post-adds .theme_button.inverse { margin-left: -4px; border-right: 1px solid rgba(51, 51, 51, 0.1); } /* additional meta in corner of thumbnail */ .entry-meta-corner { position: absolute; z-index: 5; text-align: center; color: #ffffff; background-color: #000099; } .entry-meta-corner a { color: #ffffff; } .entry-meta-corner a:hover { color: #000099; } .entry-meta-corner .date { font-family: "Raleway", sans-serif; color: #333333; font-size: 16px; font-weight: 700; display: block; min-width: 70px; padding: 8px 3px; text-transform: uppercase; } .entry-meta-corner .date strong { font-family: 'Open Sans', sans-serif; display: block; font-size: 30px; padding: 5px 0 3px; } @media (max-width: 400px) { .bottom-content .entry-meta-corner .date { font-size: 14px; padding: 0 3px; } .bottom-content .entry-meta-corner .date strong { display: inline-block; padding: 0; font-size: 14px; } } .categories-links a { text-transform: uppercase; font-weight: bold; } .categories-links a + a { margin-left: 6px; } /* highlight first letter in blog post */ .entry-content p.big-first-letter:first-letter { font-size: 60px; line-height: 60px; font-weight: 700; color: #424242;font-family: 'Ubuntu', sans-serif; font-weight:300; float: left; margin-right: 10px; } .entry-excerpt { color: #737373; font-weight: 700; font-style: italic; } .entry-excerpt p { margin-bottom: 16px; } .st_facebook_hcount, .st_twitter_hcount, .st_googleplus_hcount { position: relative; text-align: right; } .st_facebook_hcount span, .st_twitter_hcount span, .st_googleplus_hcount span { -ms-box-sizing: content-box; box-sizing: content-box; } .author-meta h4 { margin: 0 0 8px; } .author-meta .item-media { margin: -2px 0 -2px -2px; } .author-meta .item-content { position: relative; padding: 25px 30px; } @media (min-width: 992px) { .author-meta .item-content { padding-left: 0; } } .author-meta .item-content p { margin-bottom: 17px; } .author-meta .author-social a:before { font-size: 14px; } /* events */ .event-item .item-content { padding: 30px 40px 10px 10px; } @media (max-width: 991px) { .event-item .item-content { padding-top: 10px; padding-left: 40px; } } .event-item .item-content i { padding-right: 5px; } .events-period { text-transform: uppercase; text-align: center; padding: 15px; margin: 60px 0; background-color: #000099; } .events-period:first-child { margin-top: 0; } /*comments*/ .comments-area { margin-top: 73px; } .comments-area h3 { font-size: 26px; } .comments-area li { list-style: none; padding-top: 12px; } .comments-area .media { position: relative; } .comments-area .media-left { padding-right: 0; } .comments-area .media-left img { max-width: 70px; border-radius: 50%; } .comments-area .media-object { max-width: 70px; } .comments-area .media-body { padding: 18px 30px 10px 30px; } .comment-list { margin: 0; padding: 0; position: relative; } .comment-list ol { padding-left: 15px; } @media (min-width: 992px) { .comment-list ol { padding-left: 100px; } } .comment-meta { line-height: 1; margin-bottom: 0; padding-bottom: 10px; } .comment-meta .comment-metadata { display: block; margin: 7px 0 10px; } .comment-meta .comment-date { opacity: 0.6; display: block; margin: 8px 0 0; } .comment-meta .author_url { font-family: "Raleway", sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 700; } .reply a { position: absolute; right: -11px; top: 10px; width: 40px; height: 40px; line-height: 40px; font-size: 0; text-align: center; color: #333333; background-color: transparent; } .reply a:hover { color: #000099; } .reply i:before { font-size: 18px; } .comment-respond { margin-top: 40px; } .comment-respond h3 { font-size: 26px; margin: 0 0 24px; } .comment-respond p { margin-bottom: 10px; position: relative; } .comment-form.muted_background { padding: 30px 30px 20px; } .comment-form p { margin-bottom: 0; } .comment-form .form-submit { margin-top: 5px; } .comment-form label[for] { display: none; } .comment-form .theme_button { margin-right: 6px; } @media (max-width: 500px) { .comment-respond i.pull-left { display: none; } .comment-respond .comment-form { margin-left: 0; } } /* Prev/Next Buttons */ .blog-buttons { line-height: 0; margin-top: 55px; } .blog-buttons .item-media { max-height: 128px; } .blog-buttons .item-media img { margin-top: -18%; } .blog-buttons .vertical-item.content-absolute.vertical-center .item-content { padding: 0 30px; } @media (max-width: 400px) { .blog-buttons .vertical-item.content-absolute.vertical-center .item-content { padding: 0 20px; } } .blog-buttons .item-content { line-height: normal; padding-bottom: 0 !important; } .blog-buttons .media-links:before { background-color: rgba(0, 0, 0, 0.6); opacity: 1; } /* gallery */ #isotope_filters, .filters { margin: 0 0 40px; list-style: none; } #isotope_filters li, .filters li { display: inline-block; margin: 0; padding: 0; } #isotope_filters a, .filters a { padding: 5px 11px; margin: 0 3px 10px; display: inline-block; text-transform: uppercase; font-weight: 700; color: #999; } #isotope_filters a:hover, #isotope_filters a.selected, #isotope_filters a.active, .filters a:hover, .filters a.selected, .filters a.active { color: #000099; } .gallery-item { overflow: hidden; position: relative; } .gallery-item .item-content { padding: 0 40px 5px; } .gallery-item .item-meta { z-index: 5; -webkit-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .gallery-item:hover .item-meta { -webkit-transform: translateX(0); transform: translateX(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .gallery-extended-item.content-padding.vertical-item .item-content { padding: 23px 40px; } @media (max-width: 400px) { .gallery-extended-item.content-padding.vertical-item .item-content { padding-left: 20px; padding-right: 20px; } } .gallery-extended-item .item-title { font-size: 18px; text-transform: uppercase; margin: 7px 0; } .gallery-item .post-adds { margin-bottom: 0; } .gallery-title-item + .item-title { padding: 24px 0 55px; } .gallery-title-item + .item-title h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 0; margin-top: 7px; } i.loadmore_spinner { font-size: 30px; opacity: 0.3; margin: 10px 0 20px; } /* gallery single */ .gallery-single-title { margin: 12px 0 0; } @media (min-width: 768px) { .gallery-single-title { font-size: 60px; } } .gallery-single-title + .block-header { margin-bottom: 40px; } .share-gallery-single { margin: 40px 0 16px; } .items-nav { padding: 30px 23px; } .items-nav[class*='display_table_'] { margin-top: 30px; } .items-nav h4 { margin: -5px 0 0; } .items-nav .media { position: relative; padding: 10px 0; } .items-nav .next-item img { max-width: none; padding: 0 30px 0 0; } .items-nav .next-item i { right: 0; } .items-nav .prev-item img { max-width: none; padding: 0 0 0 30px; } .items-nav a { position: relative; } .items-nav a i { top: 50%; margin-top: -14px; font-size: 20px; } .items-nav a i.position-absolute { position: absolute; } .owl-carousel.hover-scale { margin-bottom: 50px; } @media (min-width: 768px) { .owl-carousel.hover-scale .owl-stage-outer { overflow: visible; } .owl-carousel.hover-scale .vertical-item { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .owl-carousel.hover-scale .owl-item:hover .vertical-item, .owl-carousel.hover-scale .owl-item.center .vertical-item { -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 4; overflow: hidden; } } #gallery-owl-carousel .owl-item { padding: 15px; } .owl-carousel.related-photos-carousel { margin-bottom: 0; } /* shop single*/ .cart-button { margin: 50px 0 55px; } .share-title { font-size: 20px; margin: 56px 0 18px; } /* shop */ .shop-item .item-content { padding: 30px 40px; } .shop-item .item-price { margin: 9px 0 16px; font-size: 30px; line-height: 1; font-weight: 800; } .shop-item .item-price span { font-size: 40px; } .shop-item .cart-button { margin: 50px 0 28px; } .related-item .item-content { padding: 14px 25px; } .related-item h4 { font-size: 20px; line-height: 24px; } .related-item .cart-button { margin: 14px 0 14px; } /* **widgets */ aside > div + div { /* margin-top: 55px; */} aside .widget + .widget { margin-top: 55px; } /* affix-aside */ .affix-aside { position: relative; } .affix-aside.affix { position: fixed; top: 50px; } @media (max-width: 767px) { .affix-aside, .affix-aside.affix, .affix-aside.affix-bottom { position: static; width: inherit !important; } } .module-header { margin: 0 0 38px; text-transform: uppercase; } .page_footer .module-header { font-size: 28px; } .widget > h3, .widget-title { font-size: 18px; text-transform: uppercase; margin: 0 0 12px; position: relative; } [class*="with_"] .widget > h3, [class*="with_"] .widget-title { margin-top: -5px; } .widget > h3:after, .widget-title:after { content: ""; display: block; width: 60px; height: 3px; margin: 16px 0 20px; background-color: #000099; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget ul ul li { padding-left: 20px; } .widget li { position: relative; } .widget .vertical-item h4 { font-size: 20px; margin: 17px 0 0; } .widget .vertical-item + .widget .vertical-item { margin-top: 16px; } .widget select { width: 100%; max-width: 100%; border: none; height: 40px; padding-left: 20px; padding-right: 40px; padding-top: 9px; padding-bottom: 9px; font-size: 16px; } .page_footer .widget li, .page_footer .widget ul { border: none; } .page_footer .widget-title { margin-bottom: 18px; } /* widget_search, widget_mailchimp */ .widget_mailchimp { overflow: hidden; } .widget_mailchimp p { padding-top: 10px; } .widget_search .form-inline, .widget_mailchimp .form-inline { position: relative; } .widget_search .form-inline label, .widget_mailchimp .form-inline label { display: none; } .widget_search .form-inline .form-group, .widget_mailchimp .form-inline .form-group { display: block; vertical-align: top; position: relative; } .widget_search .form-inline input[type="text"], .widget_mailchimp .form-inline input[type="email"] { padding-right: 50px; display: block; width: 100%; background-color: transparent; border-color: rgba(51, 51, 51, 0.1); } @media (min-width: 768px) { .widget_search .form-group.inline-block, .widget_mailchimp .form-group.inline-block { min-width: 370px; margin-right: 5px; } } .widget_search .form-inline .theme_button, .widget_mailchimp .form-inline .theme_button { font-size: 0; padding: 12px; margin: 0; } aside .widget_search .form-inline .theme_button, .page_header .widget_search .form-inline .theme_button, aside .widget_mailchimp .form-inline .theme_button, .page_header .widget_mailchimp .form-inline .theme_button { padding: 17px; } .widget_search .form-inline .theme_button, .widget_mailchimp .form-inline .theme_button { position: absolute; right: 0; top: 0; border: none; background-color: #333333; color: #000099; } .widget_search .form-inline .theme_button:before, .widget_mailchimp .form-inline .theme_button:before { font-size: 16px; content: "\f111"; font-family: Flaticon; } .widget_search .form-inline .theme_button:hover:before, .widget_mailchimp .form-inline .theme_button:hover:before { opacity: 0.5; } .widget_mailchimp .form-inline .theme_button:before { content: "\f112"; } aside .widget_search .widget-title:after, aside .widget_mailchimp .widget-title:after { display: none; } aside .widget_search .form-inline input, aside .widget_mailchimp .form-inline input { padding-left: 0; border: none; border-bottom: 1px solid #e6e4e4; } aside .widget_search .form-inline .theme_button, aside .widget_mailchimp .form-inline .theme_button { padding: 12px; padding-right: 0; color: #bdbdbd; background-color: transparent; } aside .widget_search .form-inline .theme_button:hover, aside .widget_mailchimp .form-inline .theme_button:hover { color: #000099; background-color: transparent; } /* widget_recent_entries widget_recent_comments widget_archive widget_categories widget_meta widget_nav_menu widget_pages */ .widget_recent_comments li { padding: 15px 0; } .widget_recent_comments li:first-child { padding-top: 0; } .widget_recent_comments li:before { font-family: 'rt-icons-2'; content: "\e65c"; font-size: 16px; line-height: 1; position: relative; top: 4px; padding-right: 10px; color: #000099; } .widget_recent_entries > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_popular_entries > ul > li:first-child, .widget_nav_menu > ul > li:first-child, .widget_pages > ul > li:first-child { border-top: none;border: 0px solid #E4E6E7; } .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a { display: inline-block; padding: 8px 0 8px 16px; position: relative; } .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before { font-family: 'rt-icons-2'; content: "\e7c1"; font-size: 18px; color: #000099; position: absolute; left: -3px; } .widget_archive span, .widget_categories span { position: absolute; right: 0; top: 0.8em; } .widget_archive span li a, .widget_categories span li a { text-transform: uppercase; } .widget_archive li a, .widget_categories li a { padding-left: 0; position: relative; text-transform: uppercase; } .widget_archive li a:before, .widget_categories li a:before { position: absolute; left: -20px; font-family: "Flaticon"; font-size: 14px; content: "\f102"; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget_archive li.active, .widget_archive li:hover, .widget_categories li.active, .widget_categories li:hover { color: #000099; } .widget_archive li.active a, .widget_archive li:hover a, .widget_categories li.active a, .widget_categories li:hover a { padding-left: 25px; color: #000099; } .widget_archive li.active a:before, .widget_archive li:hover a:before, .widget_categories li.active a:before, .widget_categories li:hover a:before { left: 0; opacity: 1; } .widget_nav_menu ul ul li:first-child a { padding-top: 13px; } .widget_nav_menu a i { padding-right: 7px; } @media (min-width: 768px) { .page_copyright .widget_nav_menu li, .page_topline .widget_nav_menu li { display: inline-block; position: relative; border: none; padding-right: 5px; } .page_copyright .widget_nav_menu li:before, .page_topline .widget_nav_menu li:before { content: ''; position: absolute; padding: 0; left: -5px; top: 5px; bottom: 5px; width: 1px; background-color: rgba(51, 51, 51, 0.1); opacity: 0.3; display: block; } .page_copyright .widget_nav_menu li:first-child:before, .page_topline .widget_nav_menu li:first-child:before { display: none; } .page_copyright .widget_nav_menu a, .page_topline .widget_nav_menu a { padding: 0 10px; } .page_copyright .widget_nav_menu a:before, .page_topline .widget_nav_menu a:before { display: none; } } /*widget_tag_cloud*/ .widget_tag_cloud a { margin-bottom: 5px; font-weight: 700; text-transform: uppercase; display: inline-block; } .widget_tag_cloud a + a { margin-left: 30px; } /*widget_flickr*/ .widget_flickr li { display: inline-block; margin: 0px 2px 2px 0; } .widget_flickr img { max-width: 70px; border-radius: 1px; } /*widget_popular_entries*/ .widget_popular_entries p { padding-top: 6px; margin-bottom: 10px; } .widget_popular_entries .media-body { overflow: visible; } .widget_popular_entries .media-left { padding-right: 20px; } .widget_popular_entries .media-object { max-width: 100px; } @media (min-width: 768px) and (max-width: 1199px) { .widget_popular_entries .media-object { max-width: 40px; } } .widget_popular_entries li:first-child { padding-top: 0; } .widget_popular_entries li:last-child { padding-bottom: 0; } /*widget_banner*/ .widget_banner { overflow: hidden; line-height: 1; } .widget_banner .item-content { padding: 20px; } .widget_banner .item-content h3 { margin: 0; padding: 8px 0; font-size: 28px; } .widget_banner .item-content span { display: inline-block; text-transform: uppercase; padding: 4px 10px 1px; min-width: 120px; } .widget_banner .small-text { margin-bottom: 0; } /*widget_slider*/ .widget_slider .owl-carousel { margin-bottom: 0; } .widget_slider .owl-carousel:hover .owl-nav { top: -43px; } .widget_slider .owl-carousel .owl-nav { opacity: 1; top: -43px; } .widget_slider .owl-carousel .owl-nav > div { width: auto; height: auto; right: 0; background-color: transparent; } .widget_slider .owl-carousel .owl-nav > div:first-child { left: auto; right: 22px; } .widget_slider .owl-carousel .owl-nav > div:after { font-size: 12px; color: inherit; color: #1e1e1e; } .widget_slider .owl-carousel .owl-dots { margin-top: 5px; } /*widget_calendar*/ #calendar_wrap { width: 100%; margin-bottom: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (min-width: 768px) and (max-width: 992px) { #calendar_wrap { overflow-x: auto; overflow-y: hidden; } } .widget_calendar table { width: 100%; position: relative; text-align: center; } .widget_calendar caption { line-height: 1; font-weight: 700; text-transform: uppercase; font-size: 18px; padding: 18px 0 18px; text-align: center; color: #333333; background-color: #000099; } .widget_calendar thead { padding: 5px 0; background-color: #333333; border: 1px solid #8c8c8c; border-width: 1px 1px 0 1px; color: #ffffff; } .widget_calendar thead th { font-weight: 300; padding-top: 8px; padding-bottom: 8px; } .widget_calendar thead th:first-child { padding-left: 30px; } .widget_calendar thead th:last-child { padding-right: 30px; } .widget_calendar tbody { border: 1px solid #8c8c8c; border-width: 0 1px 1px 1px; font-weight: 300; } .widget_calendar tbody tr:first-child td { padding-top: 29px; } .widget_calendar tbody tr:last-child td { padding-bottom: 30px; } .widget_calendar tbody td { color: #8c8c8c; border: none; padding: 3px 4px; position: relative; } .widget_calendar tbody td:first-child { padding-left: 30px; } .widget_calendar tbody td:last-child { padding-right: 30px; } .widget_calendar tbody td a { font-weight: 700; color: #000099; } .widget_calendar tbody td a:hover { color: #e23751; } .widget_calendar th { text-align: center; } .widget_calendar #today { color: #ffffff; background-color: #000099; } .widget_calendar .not-cur-mounth { opacity: 0.6; } .widget_calendar tfoot { position: absolute; top: -3px; right: 0; left: 0; } .widget_calendar tfoot td { position: absolute; top: 3px; } .widget_calendar tfoot td a { color: #333333; text-align: center; font-size: 0; width: 54px; height: 54px; line-height: 54px; display: inline-block; } .widget_calendar tfoot td a:hover { color: #ffffff; background-color: #000099; border-color: #000099; } .widget_calendar tfoot #prev { left: 0; padding: 0; } .widget_calendar tfoot #prev a:before { font-size: 16px; font-family: 'rt-icons-2'; content: '\e7c4'; } .widget_calendar tfoot #next { right: 0; padding: 0; } .widget_calendar tfoot #next a:after { font-size: 16px; font-family: 'rt-icons-2'; content: '\e7c5'; } /*widget_twitter*/ .tweet_text, .tweet_time { display: block; } .tweet_time { margin-top: 10px; } .tweet_time a { text-transform: uppercase; color: #5a5a5a; } .tweet_time:before { display: inline-block; content: "\f099"; font-family: FontAwesome; padding-right: 5px; color: #000099; } .tweet_text a { color: #999; } .tweet_list li + li { margin-top: 20px; } /* widget schedule */ .widget_schedule ul { margin: 0; } .widget_text p { line-height: 26px; } .widget_tabs .nav-tabs > li > a { padding: 10px 15px; } .widget_rss li { margin-bottom: 15px; } .widget_rss li .rsswidget { font-size: 1.1em; } .widget_rss .rss-date { display: block; font-weight: 700; } .widget_rss cite { display: block; text-align: right; font-weight: 700; } /* **shortcodes */ /* media component with icon */ .small-teaser { line-height: 20px; } .small-teaser i { line-height: inherit; } /*teasers*/ .teaser { position: relative; overflow: visible; } .teaser .media-body { width: auto; } .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 36px 55px; } @media (max-width: 500px) { .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 16px 20px; } } .teaser [class*="_bg_color"], .teaser .with_background { padding: 17px; margin-bottom: 2px; text-align: center; } .teaser [class*="_bg_color"] + h4, .teaser .with_background + h4 { margin-top: 24px; } .teaser .border_icon { padding: 0.51em; min-width: 1.8em; border-width: 3px; border-style: solid; } .teaser i { min-width: 1em; display: inline-block; } .teaser h2 { font-size: 50px; font-weight: 400; margin-bottom: 33px; position: relative; padding-bottom: 10px; } .teaser h2:after { content: ''; position: absolute; width: 50px; margin-left: -25px; height: 1px; background-color: rgba(204, 204, 204, 0.2); bottom: -12px; left: 50%; } .teaser h3 { margin-bottom: 16px; font-size: 24px; } .teaser h4 { margin-bottom: 18px; } .teaser .media-left { padding-right: 20px; } @media (max-width: 500px) { .teaser .media-left { padding-right: 20px; } } .teaser .media-body h3 { margin-bottom: 10px; font-size: 18px; text-transform: uppercase; } .teaser .media-body h4 { margin-bottom: 6px; } @media (max-width: 500px) { .teaser h2, .teaser h3, .teaser h4 { font-size: 1.4em; } .teaser h2 span, .teaser h3 span, .teaser h4 span { font-size: 1.2em; } } .teaser [class*="count"] { display: inline-block; font-size: 40px; font-weight: 700; margin: 10px 0 0; } .teaser [class*="count"] + p { margin: 17px 0 21px; } .teaser .theme_button { margin: 10px 0 0; } .section_padding_bottom_0 .teaser { margin-bottom: 0; } .teaser_icon { display: inline-block; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .teaser_icon + p { margin-top: 15px; } .teaser:hover .teaser_icon { -webkit-animation: scaleDisappear 0.5s; animation: scaleDisappear 0.5s; } @media (min-width: 1200px) { .borders-angle { position: relative; } .borders-angle:before, .borders-angle:after { content: ''; position: absolute; width: 1px; top: -30px; bottom: 28px; left: -1px; background-color: rgba(30, 30, 30, 0.1); -webkit-transform: rotate(15deg); transform: rotate(15deg); } .borders-angle:after { left: auto; right: -5px; } } .size_big { font-size: 60px; } .size_normal { font-size: 40px; } .size_small { font-size: 24px; } .small-icon-media .media-left i { display: inline-block; width: 14px; } /*horizontal teaser*/ .teaser.table_section { margin-top: 26px; } .teaser.table_section + .teaser.table_section { margin-top: 70px; } @media (min-width: 768px) { .teaser.table_section [class*="col-"] * { margin: 0; top: 0; } } @media (max-width: 767px) { .teaser.table_section [class*="col-"] * { text-align: center; } } /* background teaser */ .bg_teaser { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; color: #ffffff; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; overflow: hidden; } .bg_teaser .bg_overlay { position: absolute; width: 100%; height: 1000px; background-color: #ffffff; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .bg_teaser.light_teaser:hover, .bg_teaser.light_teaser.hover { -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .bg_teaser.light_teaser:hover .bg_overlay, .bg_teaser.light_teaser.hover .bg_overlay { background-color: rgba(245, 245, 245, 0.9); -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .bg_teaser.with_shadow:hover, .bg_teaser.with_shadow.hover { box-shadow: none; } .bg_teaser .highlight { color: #ffffff; } .bg_teaser h4 + h3 { margin-top: -14px; font-size: 50px; } .bg_teaser.rectangular .teaser_content { padding: 200px 30px 50px; } .bg_teaser.rectangular .teaser_content h3 { font-size: 40px; } .bg_teaser > img { display: none; visibility: hidden; } .bg_teaser .teaser_content { margin: 0; padding: 45px 35px; z-index: 2; } .bg_teaser .teaser_content > .media-left { padding-right: 35px; } .bg_teaser .teaser_content.media { padding: 75px 40px 60px; } @media (max-width: 400px) { .bg_teaser .teaser_content { padding-right: 20px; padding-left: 20px; } } .bg_teaser.small_corners .teaser_content { padding: 30px 30px; } .service-teaser { min-height: 165px; background-color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .service-teaser .teaser_content { padding: 30px; } .service-teaser:hover { background-color: rgba(255, 255, 255, 0.9); } .service-teaser .darklinks a:hover { color: #000099; } .color_bg_1 .bg_overlay { background-color: rgba(252, 202, 3, 0.85); } .color_bg_2 .bg_overlay { background-color: rgba(22, 164, 214, 0.9); } .color_bg_3 .bg_overlay { background-color: rgba(226, 55, 81, 0.9); } .darkgrey_bg .bg_overlay { background-color: rgba(51, 51, 51, 0.8); } .square_teaser .item-media:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(51, 51, 51, 0.8); } .square_teaser .item-content { top: 0; margin: 30px 0 80px; overflow: hidden; } .square_teaser .teaser_icon { color: #000099; position: absolute; bottom: 30px; left: 30px; } .square_teaser .item-media:after, .square_teaser .teaser_icon, .square_teaser h4, .square_teaser p { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .square_teaser h4 { color: #ffffff; font-size: 28px; font-weight: 700; } .square_teaser p { color: #ffffff; opacity: 0; } .square_teaser:hover h4, .square_teaser:hover .teaser_icon { color: #333333; } .square_teaser:hover p { opacity: 1; } .square_teaser:hover .item-media:after { background-color: #000099; } /* testimonials-carousel */ .testimonials-carousel { padding: 0 0 20px; } .testimonials-carousel .item > p { font-style: italic; padding-left: 40px; margin-bottom: 40px; position: relative; } .testimonials-carousel .item > p:before { font-family: 'PT Sans', sans-serif; font-size: 100px; font-style: normal; content: '\201c'; position: absolute; left: -3px; top: 30px; z-index: 10; } .testimonials-carousel h4 { margin: 0; } .testimonials-carousel h4 + p { margin-bottom: 0; } .testimonials-carousel .carousel-indicators { bottom: -16px; display: none; } .testimonials-carousel .carousel-control { display: none; } .testimonials-carousel .media + p { position: relative; padding: 10px 16px; background-color: #f5f5f5; } .testimonials-carousel .media:after { content: ''; display: block; clear: both; } .testimonials-carousel .media + p:before, .testimonials-carousel .media + p:after { content: ''; position: absolute; left: 0; top: auto; bottom: -18px; border-style: solid; border-width: 18px 0 0 18px; border-color: rgba(51, 51, 51, 0.1) transparent transparent transparent; } .testimonials-carousel .media + p:after { left: auto; right: 0; border-style: solid; border-width: 18px 18px 0 0; } .testimonials-carousel .media-object { max-width: 50px; border-radius: 50%; margin-bottom: 10px; } .testimonials-carousel .carousel-indicators li { border-color: #000099; } .testimonials-carousel .carousel-indicators li.active { background-color: #000099; } .testimonials-control { font-size: 22px; } /*thumbnail*/ .thumbnail { position: relative; text-align: center; border-radius: 0; padding: 0; border: none; overflow: hidden; background-color: #ffffff; } .isotope-item .thumbnail { margin-bottom: 30px; } .thumbnail h3 { font-size: 20px; margin-bottom: 2px; } .thumbnail h3 a { color: inherit; } .thumbnail h3 + p { color: #000099; margin-bottom: 10px; } .thumbnail .caption { color: #999; background-color: #ffffff; padding: 16px 20px 26px; } /*price tables*/ .price-table, .price-table ul { margin: 0; padding: 0; list-style: none; text-align: center; } .price-table { margin: 0; } /* price table with background */ .bg_teaser .plan-name { background-color: #fefefe; } .bg_teaser .plan-price { background-color: rgba(255, 255, 255, 0.1); } .bg_teaser.color_bg_1 .plan-name h3 { color: #000099; } .bg_teaser.color_bg_2 .plan-name h3 { color: #16a4d6; } .bg_teaser.color_bg_3 .plan-name h3 { color: #e23751; } .bg_teaser .features-list li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .plan-name { padding: 30px 0; } .plan-name h3 { font-size: 32px; margin: 0; } .plan-price { padding: 35px 0 25px; position: relative; /* dollar sign */ /* price */ /* per month */ } .plan-price span:first-child { font-size: 28px; font-weight: 300; } .plan-price span + span { font-size: 60px; font-weight: 700; } .plan-price p { display: inline; font-size: 28px; font-weight: 300; } .features-list { margin-top: 20px; } .features-list li { margin: 10px 40px; padding-top: 10px; } .features-list .enabled:before, .features-list .disabled:before { font-family: 'rt-icons-2'; font-size: 24px; line-height: 1; position: relative; top: 5px; right: 4px; content: "\e116"; padding-right: 8px; color: #333333; } .features-list .disabled:before { content: "\e117"; } .call-to-action { padding: 20px 40px 38px; } .price-table.style1 { border: 1px solid rgba(51, 51, 51, 0.1); } .price-table.style1 .features-list li + li { border-top: 1px solid rgba(51, 51, 51, 0.1); } .price-table.style1 .plan-price { background-color: #000099; color: #ffffff; margin: 1px -1px; } .price-table.style2 { background-color: rgba(51, 51, 51, 0.1); } .price-table.style2 .plan-name { background-color: #000099; padding: 30px 0; } .price-table.style2 .plan-name h3 { color: #ffffff; } .price-table.style2 .plan-price { padding-bottom: 0; color: #333333; } .price-table.style2 .enabled:before, .price-table.style2 .disabled:before { font-family: 'rt-icons-2'; content: "\e621"; padding-right: 13px; color: #000099; } .price-table.style2 .disabled:before { color: #333333; content: "\e622"; } /*contacts*/ .contact-form-container { background-image: url("../images/contact-form.html"); background-position: center; background-repeat: no-repeat; } .contact-form { position: relative; max-width: 690px; margin-left: auto; margin-right: auto; z-index: 3; } .contact-form label[for] { display: none; } .contact-form textarea { max-height: 140px; } .contact-form.fullwidth-form { max-width: 100%; } .contact-form.parallax { padding: 50px 50px 35px; background-image: url(../images/parallax/progress.html); } .contact-form-respond { display: block; font-weight: 800; } .contact-form-respond:before { font-family: 'rt-icons-2'; content: "\e71a"; padding-right: 10px; } .contact-form p { margin-bottom: 10px; position: relative; } .contact-form-submit .theme_button { margin-right: 6px; } .contact-form.transparent-background .form-control { background-color: transparent; } .contact-email { font-size: 40px; text-transform: uppercase; } @media (max-width: 767px) { .contact-email { font-size: 20px; margin-bottom: 6px; } .contact-form.parallax { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } } .border-paragraphs { margin: 25px 0 25px; } .border-paragraphs p { padding: 9px 0 10px; margin: 0; border-bottom: 1px solid rgba(51, 51, 51, 0.1); } .border-paragraphs p:first-child { border-top: 1px solid rgba(51, 51, 51, 0.1); } /* partners carousel */ .owl-carousel.partners-carousel { margin-bottom: 0; } .owl-carousel.partners-carousel .owl-item { text-align: center; } .light-partner-image a { display: block; position: relative; } .light-partner-image a:before { content: ''; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #999; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .light-partner-image a:hover:before { background-color: #000099; } .highlight-partner-image a { display: block; background-color: #000099; } .highlight-partner-image a:hover { background-color: #333333; } /* Blog accordion */ .blog-accordion .panel-heading { padding: 15px 30px 13px 100px; background-color: #f5f5f5; } .blog-accordion .panel-heading .abs-link { visibility: hidden; } .blog-accordion .panel-heading .abs-link.collapsed { visibility: visible; } .blog-accordion .panel-heading .entry-meta-corner { top: 0; left: 0; } .blog-accordion .panel-heading h5 { text-transform: uppercase; margin-bottom: 2px; } .blog-accordion .panel-heading a:hover { color: #333333; } .blog-accordion .panel-heading h5 a:hover { opacity: 0.7; } .blog-accordion .panel-body { border: 2px solid #f5f5f5; } .blog-accordion .panel-heading + .panel-collapse > .panel-body { border-top: 2px solid #f5f5f5; } .blog-accordion .panel + .panel { margin-top: 23px; } /* Partners */ .partner-image { display: inline-block; margin: 7px 0; position: relative; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 0.7; background-size: cover; } .partner-image .media-links:before { display: none; } .partner-image:hover { opacity: 1; } .partner-image img { visibility: hidden; } .partner-image.partner1 { background-image: url("../images/partners/1_dark.html"); } .partner-image.partner1:hover { background-image: url("../images/partners/1.html"); } .partner-image.partner2 { background-image: url("../images/partners/2_dark.html"); } .partner-image.partner2:hover { background-image: url("../images/partners/2.html"); } .partner-image.partner3 { background-image: url("../images/partners/3_dark.html"); } .partner-image.partner3:hover { background-image: url("../images/partners/3.html"); } .partner-image.partner4 { background-image: url("../images/partners/4_dark.html"); } .partner-image.partner4:hover { background-image: url("../images/partners/4.html"); } .partner-image.partner5 { background-image: url("../images/partners/5_dark.html"); } .partner-image.partner5:hover { background-image: url("../images/partners/5.html"); } .partner-image.partner6 { background-image: url("../images/partners/6_dark.html"); } .partner-image.partner6:hover { background-image: url("../images/partners/6.html"); } /* Client item */ .client-item { position: relative; text-align: center; padding: 25px; border: 1px solid #e6e4e4; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .client-item img { margin: auto; } .client-item .media-links:before { display: none; } .client-item:hover { border-color: transparent; box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1); } /* **utilites */ .alignleft { float: left; margin: 5px 30px 25px 0; max-width: 50%; } .alignright { float: right; margin: 5px 0 30px 25px; max-width: 50%; } @media (max-width: 768px) { .alignleft, .alignright { float: none; max-width: 100% !important; margin-right: 0; margin-left: 0; } } .alignleft.one-third, .alignright.one-third { max-width: 33.3333333%; } @media (max-width: 991px) { .alignleft.one-third, .alignright.one-third { max-width: 50%; } } .round { border-radius: 50%; } .inline-block { display: inline-block; max-width: 100%; } .with_padding { padding-bottom: 12px; padding-top: 12px; } .with_shadow { /* box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.1); */} .with_bottom_border { border-bottom: 3px solid #1aa2f8; } .with_color_border { border: 2px solid #1aa2f8; } .with_corners, .cornered-heading { position: relative; } .with_corners > *, .cornered-heading > * { position: relative; z-index: 3; } .with_corners > .bg_overlay, .cornered-heading > .bg_overlay { z-index: 1; } .with_corners:before, .with_corners:after, .cornered-heading:before, .cornered-heading:after { content: ""; position: absolute; width: 40px; height: 40px; border: 2px solid #1aa2f8; z-index: 2; } .with_corners:before, .cornered-heading:before { top: -15px; left: -22px; border-width: 2px 0 0 2px; } .with_corners:after, .cornered-heading:after { bottom: -15px; right: -22px; border-width: 0 2px 2px 0; } .with_corners.image_corners > * { z-index: 0; } .with_corners.image_corners:before, .with_corners.image_corners:after { z-index: 1; width: 100px; height: 100px; border-color: #000099; } @media (max-width: 460px) { .with_corners.image_corners:before, .with_corners.image_corners:after { width: 60px; height: 60px; } } .with_corners.image_corners:after { bottom: -20px; right: -20px; } @media (max-width: 540px) { .with_corners.image_corners:before { top: 15px; left: 15px; } .with_corners.image_corners:after { bottom: -15px; right: -15px; } } .cornered-heading { margin-top: -8px; display: inline-block; max-width: 95%; margin-right: 22px; margin-left: 22px; } .cornered-heading h2 { margin-bottom: 2px; line-height: 1.3; } .cornered-heading span + h2 { margin-top: 2px; margin-bottom: -2px; } @media (min-width: 992px) { .cornered-heading.media-topmargin { margin-top: -8px; } } @media (min-width: 992px) { .cornered-heading { margin-right: 0; margin-left: 0; } } @media (min-width: 460px) { .cornered-heading.center-heading:before { left: -49px; } .cornered-heading.center-heading:after { right: -49px; } } .with_corners:before, .with_corners:after { border-color: #333333; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .with_corners:before { top: 20px; left: 20px; } .with_corners:after { bottom: 20px; right: 20px; } .with_corners.small_corners:before, .with_corners.small_corners:after { width: 30px; height: 30px; } .with_corners.small_corners:before { top: 10px; left: 10px; } .with_corners.small_corners:after { bottom: 10px; right: 10px; } .with_corners.small_corners.hover_corners:before, .with_corners.small_corners.hover_corners:after { width: 100px; height: 100px; opacity: 0; } .with_corners.small_corners.hover_corners:hover:before, .with_corners.small_corners.hover_corners:hover:after { width: 30px; height: 30px; opacity: 1; } .table_section_content { padding: 30px 50px; } .table_section_content h3 { font-size: 42px; font-weight: 300; margin: 0 0 32px; } .with_background { background-color: #f3f6f9; } .muted_background { background-color: rgba(51, 51, 51, 0.06); } .with_border { border: 1px solid #f5f5f5; } .cornered-block { position: relative; padding: 45px 50px; max-width: 890px; margin: auto; } @media (max-width: 500px) { .cornered-block { padding: 20px; } } .cornered-block .bottom-corners:before, .cornered-block .bottom-corners:after, .cornered-block:before, .cornered-block:after { content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 60px; border: 2px solid #ffffff; border-bottom: none; } .cornered-block .bottom-corners:before, .cornered-block .bottom-corners:after { top: auto; bottom: 0; border: 2px solid #ffffff; border-top: none; } .cornered-block:before, .cornered-block .bottom-corners:before { border-right: none; } .cornered-block:after, .cornered-block .bottom-corners:after { left: auto; right: 0; border-left: none; } .before_cover, .after_cover, .before_cover > *, .after_cover > * { position: relative; z-index: 2; } .before_cover:before, .after_cover:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .top-corner { position: absolute; top: 0; left: 0; line-height: 1; } .big { font-size: 42px; line-height: 0.9; } .response, .highlight { color: #000099; border-color: #000099; } .highlight2 { color: #e23751; border-color: #e23751; } .red, .required { color: #fa5c5d; } .black { color: #1e1e1e; border-color: #1e1e1e; } .grey { color: #333333; border-color: #333333; } .darken-font-color { color: rgba(48, 48, 48, 0.8); } .fontcolor { color: #999; } .greylinks a { color: #999; } .darklinks a { color: #333333; } .thin { font-weight: 300; } .bold { font-weight: 700; } .extra-bold { font-weight: 900; } .quotesign { position: relative; display: inline-block; width: 50px; height: 50px; line-height: 1; } .quotesign:before { font-size: 150px; font-family: 'PT Sans', sans-serif; content: '‘‘'; position: absolute; left: 0; top: 0; line-height: 1; } .light_bg_color { background-color: #ffffff; } .main_bg_color { color: #ffffff; background-color: #000099; } .main_bg_color2 { color: #ffffff; background-color: #e23751; } .dark_bg_color { color: #ffffff; background-color: #1e1e1e; } .dark_bg_color h1, .dark_bg_color h2, .dark_bg_color h3, .dark_bg_color h4, .dark_bg_color h5, .dark_bg_color h6 { color: #ffffff; } .darkgrey_bg_color { color: #ffffff; background-color: #333333; } .darkgrey_bg_color h1, .darkgrey_bg_color h2, .darkgrey_bg_color h3, .darkgrey_bg_color h4, .darkgrey_bg_color h5, .darkgrey_bg_color h6 { color: #ffffff; } /*dividers, margins and paddings*/ .divider_20 { margin: 20px 0; } .divider_30 { margin: 30px 0; } .divider_40 { margin: 40px 0; } .divider_2_40 { height: 2px; width: 40px; } .divider_3_60 { height: 3px; width: 60px; } .light-divider { background-color: rgba(0, 0, 0, 0.1); } .full-content-divider { margin-right: -30px; margin-left: -30px; } @media (max-width: 400px) { .full-content-divider { margin-right: -20px; margin-left: -20px; } } .margin_0 { margin: 0 !important; } .topmargin_0 { margin-top: 0 !important; } .topmargin_1 { margin-top: 1px; } .topmargin_5 { margin-top: 5px; } .topmargin_10 { margin-top: 10px; } .topmargin_15 { margin-top: 15px; } .topmargin_20 { margin-top: 20px; } .topmargin_25 { margin-top: 25px; } .topmargin_30 { margin-top: 30px; } .topmargin_35 { margin-top: 35px; } .topmargin_40 { margin-top: 40px; } .topmargin_50 { margin-top: 50px; } .topmargin_60 { margin-top: 60px; } .topmargin_80 { margin-top: 80px; } .bottommargin_0 { margin-bottom: 0 !important; } .bottommargin_5 { margin-bottom: 5px; } .bottommargin_10 { margin-bottom: 10px; } .bottommargin_15 { margin-bottom: 15px; } .bottommargin_20 { margin-bottom: 20px; } .bottommargin_25 { margin-bottom: 25px; } .bottommargin_30 { margin-bottom: 30px; } .bottommargin_40 { margin-bottom: 40px; } .bottommargin_45 { margin-bottom: 45px; } .bottommargin_50 { margin-bottom: 50px; } .bottommargin_55 { margin-bottom: 55px; } .bottommargin_60 { margin-bottom: 60px; } .bottommargin_65 { margin-bottom: 65px; } .bottommargin_70 { margin-bottom: 70px; } .leftmargin_10 { margin-left: 10px; } .leftmargin_20 { margin-left: 20px; } .leftmargin_30 { margin-left: 30px; } .leftmargin_40 { margin-left: 40px; } .leftmargin_50 { margin-left: 50px; } .leftmargin_60 { margin-left: 60px; } .rightmargin_10 { margin-right: 10px; } .rightmargin_20 { margin-right: 20px; } .rightmargin_30 { margin-right: 30px; } .rightmargin_40 { margin-right: 40px; } .rightmargin_50 { margin-right: 50px; } .rightmargin_60 { margin-right: 60px; } .padding_0 { padding: 0; } .padding_10 { padding: 10px; } .padding_20 { padding: 20px; } .padding_30 { padding: 30px; } .padding_40 { padding: 40px; } .toppadding_10 { padding-top: 10px; } .toppadding_20 { padding-top: 20px; } .toppadding_30 { padding-top: 30px; } .toppadding_40 { padding-top: 40px; } .toppadding_50 { padding-top: 50px; } .toppadding_60 { padding-top: 60px; } .bottompadding_10 { padding-bottom: 10px; } .bottompadding_20 { padding-bottom: 20px; } .bottompadding_30 { padding-bottom: 30px; } .bottompadding_40 { padding-bottom: 40px; } .bottompadding_50 { padding-bottom: 50px; } .bottompadding_60 { padding-bottom: 60px; } .leftpadding_10 { padding-left: 10px; } .leftpadding_20 { padding-left: 20px; } .leftpadding_30 { padding-left: 30px; } .leftpadding_40 { padding-left: 40px; } .leftpadding_50 { padding-left: 50px; } .leftpadding_60 { padding-left: 60px; } .rightpadding_10 { padding-right: 10px; } .rightpadding_20 { padding-right: 20px; } .rightpadding_30 { padding-right: 30px; } .rightpadding_40 { padding-right: 40px; } .rightpadding_50 { padding-right: 50px; } .rightpadding_60 { padding-right: 60px; } .fontsize_12 { font-size: 12px; } .fontsize_16 { font-size: 16px; } .fontsize_18 { font-size: 18px; } .fontsize_20 { font-size: 20px; } .fontsize_24 { font-size: 24px; } .fontsize_26 { font-size: 18px; } .fontsize_32 { font-size: 32px; } .fontsize_36 { font-size: 36px; } .nowrap { white-space: nowrap; } .raleway { font-family: 'Raleway', sans-serif; } /*alignment*/ .display_table { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } @media (min-width: 1200px) { .text-lg-right { text-align: right; } .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .display_table_lg { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell_lg { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } } @media (min-width: 992px) { .text-md-right { text-align: right; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } .display_inline_md { display: inline; } .display_table_md { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell_md { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } } @media (min-width: 768px) { .text-sm-right { text-align: right; } .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .display_table_sm { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell_sm { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } } @media (max-width: 767px) { .text-xs-right { text-align: right; } .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .not_found { font-size: 150px; } } @media (max-width: 500px) { .hidden-xxs { display: none; } } .inline-dropdown { list-style: none; margin: 0; padding: 0; } .inline-dropdown > li { display: inline-block; margin: 0 -2px; } .small-text { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } /* common side and vertical items */ .with_border .item-media { margin: -1px -1px -1px -1px; z-index: 1; } .side-item .row { margin: 0; } .side-item [class*="col-"] { padding: 0; margin: 0; } .side-item.content-padding .item-content { padding: 3px 30px} @media (max-width: 400px) { .side-item.content-padding .item-content { padding: 25px 20px; } } .side-item.full-padding { padding: 30px 30px 30px 30px; } @media (max-width: 400px) { .side-item.full-padding { padding: 30px 20px; } } .side-item .item-title + .item-content { padding-top: 20px; } .side-item.with_border [class*="col-"] > .item-title { margin-right: -1px; margin-left: -1px; } /*-md- paddings and margins*/ @media (max-width: 991px) { .side-item [class*="-md-"] .item-content { padding-top: 27px; } } @media (min-width: 992px) { .side-item [class*="-md-"] .item-content { padding-left: 30px; } .side-item [class*="-md-"][class*="pull-"] .item-content { padding-left: 0; padding-right: 30px; } .side-item.with_border [class*="-md-"] > .item-title { margin-top: -1px; } } /*-sm- paddings and margins*/ @media (max-width: 767px) { .side-item [class*="-sm-"] .item-content { padding-top: 27px; } } @media (min-width: 768px) { .side-item [class*="-sm-"] .item-content { padding-left: 30px; } .side-item [class*="-sm-"][class*="pull-"] .item-content { padding-left: 0; padding-right: 30px; } .side-item.with_border [class*="-sm-"] > .item-title { margin-top: -1px; } } .item-title h2, .item-title h3, .item-title h4 { margin: 0; } .vertical-item.full-padding { padding: 30px 30px 30px 30px; } .vertical-item.content-padding .item-content { padding: 25px 30px; } .vertical-item.content-with-meta .item-content { padding: 25px 30px 10px; } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { position: absolute; top: 0; left: 0; right: 0; padding: 30px; } @media (max-width: 400px) { .vertical-item.content-absolute .item-content { padding: 30px 20px; } } .vertical-item.content-absolute.vertical-center .item-content { bottom: 0; line-height: 1.1; } .vertical-item.content-absolute.bottom-content .item-content { top: auto; bottom: 0; padding: 0 30px 22px; } @media (max-width: 400px) { .vertical-item.content-absolute.bottom-content .item-content { padding: 0 20px 12px; } } @media (max-width: 400px) { .vertical-item .item-content { padding-right: 20px !important; padding-left: 20px !important; } } /* item meta */ p.item-meta { font-size: 12px; } p.item-meta > * { display: inline-block; line-height: 20px; } .post p.item-meta > * { line-height: 30px; } .event-item p.item-meta > * { color: #bdbdbd; } p.item-meta .date, p.item-meta .item-comments { border-left: 1px solid rgba(51, 51, 51, 0.1); padding-left: 20px; margin-left: 16px; } p.item-meta .item-comments { padding-left: 30px; } p.item-meta i { padding-right: 5px; margin: 0; } @media (max-width: 400px) { p.item-meta .date, p.item-meta .item-comments { padding-left: 10px; margin-left: 6px; } p.item-meta .item-comments { padding-left: 10px; } } .fullwidth-meta.item-media img, .fullwidth-meta .item-media img, .event-item.item-media img, .event-item .item-media img { margin: 0 -5%; max-width: 112%; } .fullwidth-meta.item-meta.greylinks a, .fullwidth-meta .item-media.greylinks a, .event-item.item-meta.greylinks a, .event-item .item-media.greylinks a { color: #bdbdbd; } .fullwidth-meta.item-meta.greylinks a:hover, .fullwidth-meta .item-media.greylinks a:hover, .event-item.item-meta.greylinks a:hover, .event-item .item-media.greylinks a:hover { color: #000099; } /* item media links */ .item-media { position: relative; overflow: hidden; } .media-links { text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .media-links div { position: absolute; bottom: 0; width: 100%; z-index: 4; } .media-links:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } [class*="item"]:hover .media-links:before { opacity: 0.75; } .blog-item .media-links:before { opacity: 0.7; } .blog-item:hover .media-links:before { opacity: 0.7; } .media-links.p-link:before { background-color: #000099; } .media-links.p-link .links-wrap { line-height: 1; text-align: center; color: #333333; bottom: 50%; margin-bottom: -15px; z-index: 2; } .media-links.p-link .links-wrap i { position: relative; left: -100px; font-size: 30px; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } [class*="item"]:hover .media-links.p-link:before { opacity: 0.8; } [class*="item"]:hover .media-links.p-link .links-wrap i { left: 0; opacity: 1; } .media-links a.abs-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 3; } [class*="item"]:hover .media-links a.abs-link { opacity: 1; } .links-wrap { line-height: 0; font-size: 0; text-align: right; } .links-wrap a { position: relative; width: 60px; height: 60px; line-height: 60px; right: -60px; display: inline-block; z-index: 5; opacity: 0; -webkit-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; background-color: #000099; } .links-wrap a:before, .links-wrap a:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #333333; } .links-wrap a:before { width: 2px; height: 30px; } .links-wrap a:after { width: 30px; height: 2px; } .links-wrap a:hover:before, .links-wrap a:hover:after { opacity: 0.6; } .links-wrap a.p-link:before { content: "\f10c"; } .media-links.type2 .links-wrap { text-align: center; top: auto; bottom: 50%; margin-bottom: -18px; } .media-links.type2 .links-wrap a { position: relative; top: -10px; right: 0; display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #ffffff; background-color: transparent; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .media-links.type2 .links-wrap a:after { display: none; } .media-links.type2 .links-wrap a:before { width: auto; height: auto; position: static; font-family: Flaticon; font-size: 20px; background-color: transparent; } .media-links.type2 .links-wrap a.p-link:before { content: "\f10a"; } .media-links.type2 .links-wrap a.p-link { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .media-links.type2 .links-wrap a.p-like { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .media-links.type2 .links-wrap a.p-view:before { content: "\f117"; } .media-links.type2 .links-wrap a.p-like:before { content: "\f10c"; } [class*="item"]:hover .media-links.type2 .links-wrap a { top: 0; } .media-links.type2 .links-wrap a:hover { color: #000099; } .media-links.type2 .links-wrap a:hover:before { opacity: 1; } .bottom-content .links-wrap { top: 0; bottom: auto; } .bottom-content .links-wrap a { height: 70px; font-size: 26px; line-height: 70px; text-align: center; background-color: rgba(255, 255, 255, 0.2); } .bottom-content .links-wrap a:before { content: "\f114"; position: static; font-family: Flaticon; font-size: 26px; background-color: transparent; -webkit-transform: none; transform: none; } .bottom-content .links-wrap a:after { display: none; } .bottom-content .links-wrap a.p-link:before { content: "\f110"; } .bottom-content .links-wrap a:hover:before, .bottom-content .links-wrap a:hover:after { opacity: 1; } [class*="item"]:hover .links-wrap a { right: 0; opacity: 1; } [class*="item"]:hover .media-links div { opacity: 1; } /* item icons */ .item-icons { display: table; width: 100%; border-top: 1px solid rgba(128, 128, 128, 0.1); } .item-icons i { display: block; font-size: 16px; } .item-icons > div { padding: 22px 10px 18px; display: table-cell; } .item-icons > div + div { border-left: 1px solid rgba(128, 128, 128, 0.1); } .read-more { font-size: 16px; font-weight: 700; } .read-more i { padding-right: 2px; font-size: 400; -webkit-transition: padding 0.2s ease-in-out 0s; transition: padding 0.2s ease-in-out 0s; } .read-more:hover i { padding: 0 5px; } .bottom-border { position: relative; } .bottom-border:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: rgba(0, 0, 0, 0.1); } .block-header { text-transform: uppercase; font-weight: 400; font-size: 12px; letter-spacing: 0.1em; line-height: 1; padding-bottom: 9px; } .block-header .highlight { position: relative; } .block-header .highlight:after { content: ''; position: absolute; left: 0; right: 0; bottom: -11px; height: 3px; z-index: 2; background-color: #000099; } /* **shop */ /* topline buttons */ .currency-dropdown .dropdown-menu { min-width: 0; padding: 20px 10px; } .currency-dropdown .dropdown-menu > li > a { color: inherit; padding: 5px 20px; } .currency-dropdown .dropdown-menu > li > a:hover, .currency-dropdown .dropdown-menu > li.active-currency { color: #333333; } .login-dropdown .dropdown-menu { min-width: 300px; padding: 30px 30px; } .login-dropdown .dropdown-menu .form-control { background-color: #f5f5f5; border-color: transparent; text-align: center; } .login-dropdown .ls .theme_button.color1 { color: #333333; background-color: #000099; } .login-dropdown .ls .theme_button.color1:hover { color: #000099; background-color: #333333; } .cart-dropdown .dropdown-menu { min-width: 400px; padding: 20px 30px; } @media (max-width: 767px) { .login-dropdown, .cart-dropdown { position: static; } .login-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu { margin-left: 0; margin-right: 0; right: 0; left: 0; min-width: 0; } } /* sort panel */ .storefront-sorting { line-height: 1; padding: 35px 35px 20px; } .storefront-sorting .form-group { margin-bottom: 15px; } .storefront-sorting label { padding-right: 10px; } #toggle_shop_view { margin-left: 14px; } #toggle_shop_view:before, #toggle_shop_view:after { font-family: 'FontAwesome'; display: inline-block; background-color: #333333; color: #ffffff; padding: 12px 12px 13px; font-size: 14px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #toggle_shop_view:before { content: "\f00a"; margin-right: 5px; } #toggle_shop_view:after { content: "\f03a"; background-color: #000099; } #toggle_shop_view.grid-view:before { background-color: #000099; } #toggle_shop_view.grid-view:after { background-color: #333333; } #sort_view { color: #333333; display: inline-block; padding: 12px 16px 13px; font-size: 14px; background-color: #ffffff; } .columns-1 .product { width: 100%; margin-right: 0; float: none; } @media (min-width: 992px) { .columns-2 .product { width: 50%; float: left; } .columns-3 .product { width: 33.33333333%; float: left; } .columns-4 .product { width: 25%; float: left; } } #products { margin-left: -15px; margin-right: -15px; } #products:before, #products:after { content: ''; clear: both; display: block; } li.product { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .owl-item .product { padding: 0; } .product .row { position: relative; } .product [class*="col-"] { position: static; } .product [class*="col-"].images a { display: block; position: relative; } .product h3 { margin-bottom: 20px; } .product .rating-title { font-size: 1.2em; } .product [class*="col-"]:first-child h3 { text-align: center; font-size: 20px; font-weight: 700; margin: 18px 0 24px; position: relative; letter-spacing: 0; } .product .theme_button { margin: 4px 0 11px; padding-right: 25px; padding-left: 25px; min-width: auto; } .product .product-media { position: relative; } .product [class*="col-"]:first-child a span, .product [class*="col-"]:first-child .product-media span { position: absolute; background-color: #e23751; color: #ffffff; padding: 8px 18px; text-transform: uppercase; top: 20px; right: 20px; } .product [class*="col-"]:first-child a span.onsale, .product [class*="col-"]:first-child .product-media span.onsale { background-color: #000099; left: 20px; bottom: 20px; right: auto; top: auto; } .related > h2 { margin: 20px 0 30px; } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 12px; width: 5.5em; font-family: "rt-icons-2"; margin-bottom: 4px; } .star-rating:before, .star-rating span:before { content: "\e7aa\e7aa\e7aa\e7aa\e7aa"; float: left; top: 0; left: 0; position: absolute; letter-spacing: 0.1em; letter-spacing: 0\9; color: #e5e5e5; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { color: #000099; } .price { position: absolute; left: 20px; top: 20px; color: #333333; background-color: #ffffff; padding: 8px 18px; } .price del { opacity: 0.5; font-size: 12px; } .price ins { text-decoration: none; } .product-buttons { position: absolute; bottom: 20px; right: 20px; } .product-buttons a { float: left; width: 40px; height: 40px; font-size: 16px; text-align: center; } .product-buttons a i { line-height: 40px; } .product-buttons a.favorite_button { background-color: #ffffff; color: #333333; } .product-buttons a.add_to_cart_button { color: #ffffff; background-color: #000099; } .product-buttons a.add_to_cart_button.loading [class*='rt-icon'] { display: inline-block; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .product-buttons a.add_to_cart_button.loading [class*='rt-icon']:before { content: "\e61b"; } .product-buttons a:hover { background-color: #333333; color: #ffffff; } .product-buttons a.added_to_cart { background-color: #ffffff; font-size: 0; color: transparent; } .product-buttons a.added_to_cart:hover { background-color: #000099; } .product-buttons a.added_to_cart:before { content: "\e6c0"; line-height: 40px; color: #333333; font-family: 'rt-icons-2'; font-size: 26px; } .grid-view { text-align: center; } .grid-view .row { position: relative; } .grid-view .product [class*="col-"]:last-child { padding: 20px 35px 20px 35px; position: absolute; top: 0; } .grid-view .product [class*="col-"]:last-child h3 { display: none; } .grid-view .item-content h4 { display: none; } .grid-view .star-rating { display: none; } .grid-view .product-description { display: none; } .grid-view [class*="col-"] { width: 100%; float: none; } .list-view .product { float: none; width: 100%; margin-bottom: 60px; } .list-view .product [class*="col-"]:first-child h3 { display: none; } /* single-product */ .summary h1 { margin-bottom: 3px; } .summary .product-rating, .summary .woocommerce-product-rating { margin-bottom: 10px; } .summary .price { position: static; margin-top: 20px; font-size: 50px; background-color: transparent; padding: 0; line-height: 1; word-wrap: break-word; } .summary .price del { font-size: 28px; } .summary .star-rating { display: inline-block; top: 4px; margin-right: 20px; } .summary .stock { margin-bottom: 0; } .summary .email-to { margin-bottom: 10px; } .summary .product-option-name { display: inline-block; margin: 10px 0; } .summary .theme_button { margin-top: 0; } .summary .posted_in { margin: 10px 0; } .summary .posted_in .small_button { margin-left: 5px; padding-left: 6px; padding-right: 6px; } .summary ul.list1 li { padding-top: 15px; padding-bottom: 20px; } .summary .reset_variations { padding: 0 5px; } .product_meta_bottom { margin: 0 0 20px; } .product-tabs { margin-top: 30px; } .owl-carousel.product-thumbnails { margin: 30px 0 30px; } .owl-carousel.product-thumbnails .owl-dots { margin: 20px 0 5px; } .owl-carousel.product-thumbnails .owl-dots .owl-dot span { width: 8px; height: 8px; border-width: 1px; } .owl-carousel.product-thumbnails .owl-nav { margin-top: -18px; } .owl-carousel.product-thumbnails .owl-nav > div { right: 0; } .owl-carousel.product-thumbnails .owl-nav > div:first-child { left: 0; } .owl-carousel.product-thumbnails .owl-nav > div:after { font-size: 16px; color: #333333; } .product-icons .teaser [class*="_bg_color"] { padding: 10px; } .product + .nav-tabs { margin-top: 60px; } .tab-content .comments-area { margin-top: 10px; } .tab-content .comment-respond { margin-top: 30px; } .tab-content .comment-respond h4 { margin-bottom: 0; font-size: 28px; } .comment .star-rating { display: inline-block; top: 5px; margin-left: 10px; } .stars { position: relative; } .stars a { font-size: 12px; display: inline-block; font-weight: 700; text-indent: -9999px; position: relative; border-bottom: 2px solid transparent; color: #000099; letter-spacing: 0.1em; } .stars a.active { border-bottom: 1px solid #1aa2f8; } .stars a:after { font-family: "rt-icons-2"; text-indent: 0; position: absolute; top: 0; left: 0; right: 0; } .stars a.star-1 { width: 2em; } .stars a.star-1:after { content: "\e7aa"; } .stars a.star-2 { width: 3em; } .stars a.star-2:after { content: "\e7aa\e7aa"; } .stars a.star-3 { width: 4em; } .stars a.star-3:after { content: "\e7aa\e7aa\e7aa"; } .stars a.star-4 { width: 5em; } .stars a.star-4:after { content: "\e7aa\e7aa\e7aa\e7aa"; } .stars a.star-5 { width: 6em; } .stars a.star-5:after { content: "\e7aa\e7aa\e7aa\e7aa\e7aa"; } .comment-form-rating .stars span { display: block; padding: 20px 0 20px; text-align: center; } /* cart */ .shop-adds { font-size: 20px; font-weight: 300; line-height: 1.4; } .shop-adds .fa { padding: 0 10px; } .shop-adds.teaser { margin-bottom: 0; } .shop-adds.teaser [class*="_bg_color"] { padding: 12px; } .cart-table { margin-bottom: 30px; } .table.cart-table .cart_item .media { margin-left: -15px; } .table.cart-table .cart_item img { max-width: 80px; } .table.cart-table .cart_item h4 { margin-bottom: 12px; } .table.cart-table .cart_item td { vertical-align: middle; padding: 18px 10px; } .cart_totals h4:first-child { margin: 60px 0 30px; } .cart_totals table { margin: 0 0 50px; } .cart_totals table tr td { padding: 20px 10px; } .quantity { position: relative; display: inline-block; } .quantity [type="button"] { position: absolute; right: 0; top: 0; line-height: 1; border: none; width: 22px; height: 24px; background-color: transparent; } .quantity [type="button"].minus { top: auto; bottom: 0; } .quantity [type="number"] { padding-right: 30px; padding-left: 20px; max-width: 70px; min-width: 70px; } /* chekcout */ .shop-info { margin-bottom: 15px; } #createaccount { margin-top: 0; } #ship-to-different-address label { display: inline-block; } #ship-to-different-address label + input { margin: 0 12px; } .wc_payment_method img { display: inline-block; padding: 0 10px; } .checkout [class*='col-'], .shop-register [class*='col-'] { margin-top: 0; margin-bottom: 0; } .lost_password { margin: 15px 0 -15px; } .select2-container .select2-choice { border: none; padding: 10px 20px; border-radius: none; } .shop-checkout-payment { margin-top: 40px; } .shop-checkout-payment .radio { margin: 2px 0; } /* shop widgets */ /* cart */ .widget_shopping_cart img { max-width: 80px; } .widget_shopping_cart h4 { margin: 0; font-size: 16px; font-weight: 400; } .widget_shopping_cart .cart_list { border-bottom: 1px solid rgba(51, 51, 51, 0.1); padding-bottom: 20px; margin: 20px 0; } .widget_shopping_cart .media-body:last-child { width: 1000px; } .widget_shopping_cart .media-body:last-child i { padding: 0 0 0 10px; } /* price filter */ .widget_price_filter input[readonly] { background-color: transparent; padding-right: 3px; padding-left: 3px; max-width: 89px; margin-bottom: 4px; display: inline-block; } .widget_price_filter .ui-slider-range { background-color: #000099; } .widget_price_filter .ui-slider-horizontal { margin-bottom: 30px; } .widget_price_filter label[for] { display: inline-block; padding-right: 4px; } .widget_price_filter .form-group { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .widget_price_filter .theme_button { margin-top: 16px; padding-top: 8px; padding-bottom: 8px; } /*! jQuery UI - v1.11.1 - 2014-10-03 * http://jqueryui.com * Includes: core.css, slider.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; background-color: #fafafa; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 12px; cursor: pointer; -ms-touch-action: none; touch-action: none; background-color: #333333; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 10px; } .ui-slider-horizontal .ui-slider-handle { top: -1px; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* color layered nav */ .widget_layered_nav .color-filters li { display: inline-block; margin: 0 29px 14px 0; } .widget_layered_nav .color-filters a { display: inline-block; width: 23px; height: 23px; font-size: 0; background-color: #ccc; color: transparent; position: relative; } .widget_layered_nav .color-filters a:before { content: ''; display: block; position: absolute; border: 1px solid rgba(51, 51, 51, 0.1); top: -2px; left: -2px; bottom: -2px; right: -2px; } .widget_layered_nav .color-filters span { position: relative; top: 2px; left: 5px; } /* widget_products */ .widget_products img { max-width: 80px; } .widget_products .media h3 { font-size: inherit; line-height: 1.4; margin: 3px 0 10px; } .widget_products .star-rating { margin-bottom: 10px; } .widget_products .price { position: static; background-color: transparent; padding: 0; } .widget_products .add_to_cart_button { display: inline-block; width: 20px; height: 20px; font-size: 14px; text-align: center; background-color: #000099; color: #ffffff; margin-right: 5px; } .widget_products .add_to_cart_button:hover { color: #ffffff; background-color: #333333; } /*widget_top_rated_products*/ .widget_top_rated_products img { max-width: 80px; } /*widget_recent_reviews*/ .widget_recent_reviews li { margin-bottom: 16px; } .widget_recent_reviews li:before, .widget_recent_reviews li:after { content: ''; display: block; clear: both; } .widget_recent_reviews img { display: block; float: left; max-width: 80px; margin-right: 10px; } /* **plugins */ /* Owl carousel v 2.1.6 styles */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 6px; border: 1px solid #999; display: block; -webkit-backface-visibility: visible; -webkit-transition: all 200ms ease; transition: all 200ms ease; border-radius: 50%; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #999; } .owl-carousel .owl-nav { margin-top: 37px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .owl-carousel .owl-nav > div { display: inline-block; font-weight: 700; text-transform: uppercase; } .owl-carousel .owl-nav > div + div { margin-left: 65px; } .owl-carousel .owl-nav > div:hover { color: #000099; } .owl-carousel .owl-nav > div:first-child:before, .owl-carousel .owl-nav > div:last-child:after { font-family: Flaticon; color: #000099; line-height: 16px; width: 16px; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .owl-carousel .owl-nav > div:first-child:before { content: "\f101"; padding-right: 10px; } .owl-carousel .owl-nav > div:last-child:after { content: "\f102"; padding-left: 10px; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../img/owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* owl theme */ .owl-theme .owl-nav > div { text-align: center; } .owl-theme .owl-nav .disabled { cursor: default; pointer-events: none; } .owl-theme .owl-dots { margin-top: 40px; } .owl-center .owl-nav { top: 0; bottom: 0; position: static; margin-top: 0; opacity: 1; } .owl-center .owl-nav > div { right: -15px; width: 50px; top: 0; bottom: 0; margin: 0; height: auto; background-color: rgba(51, 51, 51, 0.6); } .owl-center .owl-nav > div:first-child { left: -15px; right: auto; } .owl-center .owl-nav > div:first-child:after { left: 13px; } .owl-center .owl-nav > div:after { position: absolute; top: 50%; margin-top: -10px; color: #ffffff; font-size: 20px; left: 17px; } /* owl images fix */ .owl-carousel .owl-item { -webkit-transition: opacity 0.4s ease 0.2s; transition: opacity 0.4s ease 0.2s; opacity: 0; } .owl-carousel .owl-item.active { opacity: 1; } .owl-center .owl-item { opacity: 1; } /* flexslider */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } /*.carousel li { margin-right: 5px; }*/ /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; font-size: 0; color: transparent; text-align: center; } .flex-direction-nav .flex-prev { left: 40px; } .flex-direction-nav .flex-next { right: 40px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 40px; } .flexslider:hover .flex-next { opacity: 0.7; right: 40px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 40px; content: '\f104'; color: #ffffff; position: absolute; top: 5px; left: 12px; } .flex-direction-nav a.flex-next:before { content: '\f105'; left: 14px; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: 'rt-icons-2'; font-size: 20px; display: inline-block; content: "\e6a2"; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: "\e711"; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 42px; text-align: center; z-index: 10; } .flex-control-nav li { display: inline-block; padding: 0 10px; zoom: 1; *display: inline; } .flex-control-paging li a { width: 10px; height: 10px; display: inline-block; line-height: 0; color: transparent; border: 1px solid #333333; cursor: pointer; font-size: 0; border-radius: 50%; -webkit-transition: margin 0.3s ease-in-out 0s; transition: margin 0.3s ease-in-out 0s; } .ds .flex-control-paging li a, .cs .flex-control-paging li a { border-color: #ffffff; } .flex-control-paging li a:after { content: ""; display: inline-block; position: relative; top: 3px; text-indent: 0; height: 1px; width: 0; margin-left: 29px; background-color: #333333; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .flex-control-paging li:last-child a.flex-active:after { width: 0; } .flex-control-paging li a:hover { background-color: #333333; } .flex-control-paging li a.flex-active { background-color: #333333; margin-right: 120px; } .flex-control-paging li a.flex-active:after { width: 100px; } .flex-control-paging li:last-child a.flex-active { margin-right: 0; } @media (min-width: 992px) { .flex-control-paging { width: 10px; bottom: 50%; right: 40px; -webkit-transform: translateY(50%); transform: translateY(50%); } .flex-control-paging li, .flex-control-paging li a, .flex-control-paging li a:after { display: block; } .flex-control-paging li { padding: 10px 0; } .flex-control-paging li a:after { top: 0; left: 3px; width: 1px; height: 0; margin-left: 0; margin-top: 29px; } .flex-control-paging li a.flex-active { margin-left: 0; margin-bottom: 120px; } .flex-control-paging li:last-child a.flex-active { margin-bottom: 0; } .flex-control-paging li a.flex-active:after { width: 1px; height: 100px; } .flex-control-paging li:last-child a.flex-active:after { height: 0; } } .blog-slider .flex-control-paging { width: 10px; bottom: auto; top: 25px; right: 30px; -webkit-transform: translateY(0); transform: translateY(0); } .blog-slider .flex-control-paging li, .blog-slider .flex-control-paging li a, .blog-slider .flex-control-paging li a:after { display: block; } .blog-slider .flex-control-paging li { padding: 10px 0; } .blog-slider .flex-control-paging li a:after { top: 0; left: 3px; width: 1px; height: 0; margin-left: 0; margin-top: 29px; } .blog-slider .flex-control-paging li a.flex-active { margin-left: 0; margin-bottom: 70px; } .blog-slider .flex-control-paging li:last-child a.flex-active { margin-bottom: 0; } .blog-slider .flex-control-paging li a.flex-active:after { width: 1px; height: 50px; } .blog-slider .flex-control-paging li:last-child a.flex-active:after { height: 0; } @media (max-width: 400px) { .blog-slider .flex-control-paging { top: 10px; right: 15px; } .blog-slider .flex-control-paging li a.flex-active { margin-bottom: 0; } .blog-slider .flex-control-paging li a.flex-active:after { display: none; } } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 600px) { .flex-direction-nav .flex-prev { top: 14%; } .flex-direction-nav .flex-next { top: 14%; } } /* custom nav for flex slider*/ .flex-custom-nav { text-align: center; position: absolute; bottom: 38px; right: 0; left: 0; z-index: 3; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .flex-custom-nav .flex-control-nav { width: auto; display: inline-block; position: static; } .flex-custom-nav .flex-custom-link { font-size: 12px; position: relative; bottom: 7px; margin: 0 8px; color: #333333; } .ds .flex-custom-nav .flex-custom-link, .cs .flex-custom-nav .flex-custom-link { color: #ffffff; } .flex-custom-nav .flex-custom-link:hover { color: #000099; } .intro_section:hover .flex-custom-nav { opacity: 1; } /* prettyPhoto */ div.facebook .pp_expand { background: url(../img/prettyPhoto/facebook/sprite.html) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(../img/prettyPhoto/facebook/sprite.html) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(../img/prettyPhoto/facebook/sprite.html) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(../img/prettyPhoto/facebook/sprite.html) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(../img/prettyPhoto/facebook/sprite.html) -1px -1px no-repeat; cursor: pointer; z-index: 3000; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook .pp_loaderIcon { background: url(../img/prettyPhoto/facebook/loader.html) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(../img/prettyPhoto/facebook/sprite.html) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../img/prettyPhoto/facebook/sprite.html) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; margin-top: -2px; } div.facebook .pp_nav .pp_play { background: url(../img/prettyPhoto/facebook/sprite.html) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../img/prettyPhoto/facebook/sprite.html) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../img/prettyPhoto/facebook/btnNext.html) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(../img/prettyPhoto/facebook/btnPrevious.html) center left no-repeat; cursor: pointer; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; overflow: hidden; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; /*margin:10px 0 2px;*/ padding: 7px 10px; background-color: #ffffff; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: auto; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../img/prettyPhoto/facebook/default_thumbnail.html) 0 0 no-repeat; display: block; height: 33px; width: 50px; } div.facebook .pp_gallery .pp_arrow_previous, div.facebook .pp_gallery .pp_arrow_next { margin-top: 7px; } a.pp_next { background: url(../img/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; -webkit-transition: none; transition: none; } a.pp_previous { background: url(../img/prettyPhoto/light_rounded/btnNext.html) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; -webkit-transition: none; transition: none; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 6px; top: -16px; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #ffffff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } /* easy pie chart */ .chart { position: relative; display: inline-block; width: 270px; height: 270px; margin-top: 20px; margin-bottom: 10px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .percent { display: inline-block; padding-top: 103px; font-size: 70px; font-weight: 100; z-index: 2; letter-spacing: -0.05em; } .percent:after { content: '%'; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } /* timetable */ #timetable span { display: block; } #timetable th, #timetable td { vertical-align: middle; font-weight: normal; text-align: center; padding: 25px 5px; } #timetable thead { color: #ffffff; } #timetable thead th { border: 1px solid rgba(255, 255, 255, 0.2); border-width: 0 1px; } #timetable tbody th, #timetable tbody td { border: 1px solid #f5f5f5; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #timetable tbody .current { background-color: #000099; border-color: #000099; } #timetable tbody .current a { color: #ffffff; } /* totop */ #toTop { bottom: 0; right: 0; display: none; width: 60px; height: 40px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; background-color: #000099; opacity: 0.7; } #toTop:after { color: #ffffff; content: '\f106'; font-size: 16px; line-height: 40px; font-family: 'FontAwesome'; text-align: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #toTopHover, #toTop:hover { bottom: 3px; opacity: 1; } #toTop:hover:after { color: #ffffff; } #toTop:active, #toTop:focus { outline: medium none; } .modal-open #toTop { visibility: hidden; } /* jQuery Countdown styles 2.0.2. */ #comingsoon-countdown { text-align: center; } #comingsoon-countdown:before, #comingsoon-countdown:after { clear: both; display: table; content: ' '; } .countdown-rtl { direction: rtl; } .countdown-row { clear: both; display: block; text-align: center; } .countdown-section { float: left; width: 25%; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.2); } #comingsoon1 .countdown-section { border-left: none; } .countdown-section:first-child { border-left-width: 0; } .countdown-amount { font-size: 50px; line-height: 1; font-weight: 700; color: #000099; } .countdown-period { display: block; margin-top: 7px; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #333333; } .countdown-descr { display: block; } @media (max-width: 767px) { .countdown-section { padding: 20px 8px 0; } .countdown-amount { font-size: 36px; } .countdown-period { font-size: 14px; } } /* **icons */ a[class*='soc-']:before { font-family: 'socicon'; font-size: 18px; } a.social-icon { display: inline-block; line-height: 1; text-align: center; vertical-align: middle; } a.social-icon span { opacity: 0.7; display: block; font-size: 14px; text-transform: uppercase; } a.social-icon span:first-child { font-size: 24px; margin-top: 8px; font-weight: bold; } a.social-icon [class*="rt-icon"] + span { font-size: 24px; margin-top: 8px; font-weight: bold; } a.social-icon + a.social-icon, .tooltip + a.social-icon { margin-left: 16px; } a.social-icon.bg-icon + a.social-icon.bg-icon { margin-left: 7px; } a.social-icon.color-bg-icon + a.social-icon.color-bg-icon { margin-left: 1px; } a.social-icon.block-icon { width: 100%; } a[class*='soc-'].rounded-icon { border-radius: 50%; } a.big-icon { width: 112px; height: 112px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; } a.big-icon[class*='soc-']:before { font-size: 32px; } a.big-icon [class*='rt-icon']:before { font-size: 32px; } /*corporate colors*/ a.color-icon.soc-twitter, a[class*="soc-"].soc-twitter:hover { color: #00abef; border-color: #00abef; } a.color-icon.soc-facebook, a[class*="soc-"].soc-facebook:hover { color: #507cbe; border-color: #507cbe; } a.color-icon.soc-google, a[class*="soc-"].soc-google:hover { color: #d93e2d; border-color: #d93e2d; } a.color-icon.soc-pinterest, a[class*="soc-"].soc-pinterest:hover { color: #c92619; border-color: #c92619; } a.color-icon.soc-foursquare, a[class*="soc-"].soc-foursquare:hover { color: #23b7e0; border-color: #23b7e0; } a.color-icon.soc-yahoo, a[class*="soc-"].soc-yahoo:hover { color: #6e2a85; border-color: #6e2a85; } a.color-icon.soc-skype, a[class*="soc-"].soc-skype:hover { color: #28abe3; border-color: #28abe3; } a.color-icon.soc-yelp, a[class*="soc-"].soc-yelp:hover { color: #c83218; border-color: #c83218; } a.color-icon.soc-feedburner, a[class*="soc-"].soc-feedburner:hover { color: #ffcc00; border-color: #ffcc00; } a.color-icon.soc-linkedin, a[class*="soc-"].soc-linkedin:hover { color: #3371b7; border-color: #3371b7; } a.color-icon.soc-viadeo, a[class*="soc-"].soc-viadeo:hover { color: #e4a000; border-color: #e4a000; } a.color-icon.soc-xing, a[class*="soc-"].soc-xing:hover { color: #005a60; border-color: #005a60; } a.color-icon.soc-myspace, a[class*="soc-"].soc-myspace:hover { color: #323232; border-color: #323232; } a.color-icon.soc-soundcloud, a[class*="soc-"].soc-soundcloud:hover { color: #fe3801; border-color: #fe3801; } a.color-icon.soc-spotify, a[class*="soc-"].soc-spotify:hover { color: #7bb342; border-color: #7bb342; } a.color-icon.soc-grooveshark, a[class*="soc-"].soc-grooveshark:hover { color: #f67e03; border-color: #f67e03; } a.color-icon.soc-lastfm, a[class*="soc-"].soc-lastfm:hover { color: #d41316; border-color: #d41316; } a.color-icon.soc-youtube, a[class*="soc-"].soc-youtube:hover { color: #d12121; border-color: #d12121; } a.color-icon.soc-vimeo, a[class*="soc-"].soc-vimeo:hover { color: #51b5e7; border-color: #51b5e7; } a.color-icon.soc-dailymotion, a[class*="soc-"].soc-dailymotion:hover { color: #004e72; border-color: #004e72; } a.color-icon.soc-vine, a[class*="soc-"].soc-vine:hover { color: #00b389; border-color: #00b389; } a.color-icon.soc-flickr, a[class*="soc-"].soc-flickr:hover { color: #0062dd; border-color: #0062dd; } a.color-icon.soc-500px, a[class*="soc-"].soc-500px:hover { color: #58a9de; border-color: #58a9de; } a.color-icon.soc-instagram, a[class*="soc-"].soc-instagram:hover { color: #9c7c6e; border-color: #9c7c6e; } a.color-icon.soc-wordpress, a[class*="soc-"].soc-wordpress:hover { color: #464646; border-color: #464646; } a.color-icon.soc-tumblr, a[class*="soc-"].soc-tumblr:hover { color: #45556c; border-color: #45556c; } a.color-icon.soc-blogger, a[class*="soc-"].soc-blogger:hover { color: #ec661c; border-color: #ec661c; } a.color-icon.soc-technorati, a[class*="soc-"].soc-technorati:hover { color: #5cb030; border-color: #5cb030; } a.color-icon.soc-reddit, a[class*="soc-"].soc-reddit:hover { color: #e74a1e; border-color: #e74a1e; } a.color-icon.soc-dribbble, a[class*="soc-"].soc-dribbble:hover { color: #e84d88; border-color: #e84d88; } a.color-icon.soc-stumbleupon, a[class*="soc-"].soc-stumbleupon:hover { color: #e64011; border-color: #e64011; } a.color-icon.soc-digg, a[class*="soc-"].soc-digg:hover { color: #1d1d1b; border-color: #1d1d1b; } a.color-icon.soc-envato, a[class*="soc-"].soc-envato:hover { color: #597c3a; border-color: #597c3a; } a.color-icon.soc-behance, a[class*="soc-"].soc-behance:hover { color: #007eff; border-color: #007eff; } a.color-icon.soc-delicious, a[class*="soc-"].soc-delicious:hover { color: #31a9ff; border-color: #31a9ff; } a.color-icon.soc-deviantart, a[class*="soc-"].soc-deviantart:hover { color: #c5d200; border-color: #c5d200; } a.color-icon.soc-forrst, a[class*="soc-"].soc-forrst:hover { color: #5b9a68; border-color: #5b9a68; } a.color-icon.soc-play, a[class*="soc-"].soc-play:hover { color: #5acdbd; border-color: #5acdbd; } a.color-icon.soc-zerply, a[class*="soc-"].soc-zerply:hover { color: #9dbc7a; border-color: #9dbc7a; } a.color-icon.soc-wikipedia, a[class*="soc-"].soc-wikipedia:hover { color: #000000; border-color: #000000; } a.color-icon.soc-apple, a[class*="soc-"].soc-apple:hover { color: #b9bfc1; border-color: #b9bfc1; } a.color-icon.soc-flattr, a[class*="soc-"].soc-flattr:hover { color: #f67c1a; border-color: #f67c1a; } a.color-icon.soc-github, a[class*="soc-"].soc-github:hover { color: #221e1b; border-color: #221e1b; } a.color-icon.soc-chimein, a[class*="soc-"].soc-chimein:hover { color: #888688; border-color: #888688; } a.color-icon.soc-friendfeed, a[class*="soc-"].soc-friendfeed:hover { color: #2f72c4; border-color: #2f72c4; } a.color-icon.soc-newsvine, a[class*="soc-"].soc-newsvine:hover { color: #075b2f; border-color: #075b2f; } a.color-icon.soc-identica, a[class*="soc-"].soc-identica:hover { color: #000000; border-color: #000000; } a.color-icon.soc-bebo, a[class*="soc-"].soc-bebo:hover { color: #ef1011; border-color: #ef1011; } a.color-icon.soc-zynga, a[class*="soc-"].soc-zynga:hover { color: #dc0606; border-color: #dc0606; } a.color-icon.soc-steam, a[class*="soc-"].soc-steam:hover { color: #8f8d8a; border-color: #8f8d8a; } a.color-icon.soc-xbox, a[class*="soc-"].soc-xbox:hover { color: #92c83e; border-color: #92c83e; } a.color-icon.soc-windows, a[class*="soc-"].soc-windows:hover { color: #00bdf6; border-color: #00bdf6; } a.color-icon.soc-outlook, a[class*="soc-"].soc-outlook:hover { color: #0072c6; border-color: #0072c6; } a.color-icon.soc-coderwall, a[class*="soc-"].soc-coderwall:hover { color: #3e8dcc; border-color: #3e8dcc; } a.color-icon.soc-tripadvisor, a[class*="soc-"].soc-tripadvisor:hover { color: #000000; border-color: #000000; } a.color-icon.soc-appnet, a[class*="soc-"].soc-appnet:hover { color: #494949; border-color: #494949; } a.color-icon.soc-goodreads, a[class*="soc-"].soc-goodreads:hover { color: #1abc9c; border-color: #1abc9c; } a.color-icon.soc-tripit, a[class*="soc-"].soc-tripit:hover { color: #1982c3; border-color: #1982c3; } a.color-icon.soc-lanyrd, a[class*="soc-"].soc-lanyrd:hover { color: #3c80c9; border-color: #3c80c9; } a.color-icon.soc-slideshare, a[class*="soc-"].soc-slideshare:hover { color: #4ba3a6; border-color: #4ba3a6; } a.color-icon.soc-buffer, a[class*="soc-"].soc-buffer:hover { color: #000000; border-color: #000000; } a.color-icon.soc-rss, a[class*="soc-"].soc-rss:hover { color: #f26109; border-color: #f26109; } a.color-icon.soc-vkontakte, a[class*="soc-"].soc-vkontakte:hover { color: #5a7fa6; border-color: #5a7fa6; } a.color-icon.soc-disqus, a[class*="soc-"].soc-disqus:hover { color: #2e9fff; border-color: #2e9fff; } a.color-icon.soc-houzz, a[class*="soc-"].soc-houzz:hover { color: #7cc04b; border-color: #7cc04b; } a.color-icon.soc-mail, a[class*="soc-"].soc-mail:hover { color: #000000; border-color: #000000; } a.color-icon.soc-patreon, a[class*="soc-"].soc-patreon:hover { color: #e44727; border-color: #e44727; } a.color-icon.soc-paypal, a[class*="soc-"].soc-paypal:hover { color: #009cde; border-color: #009cde; } a.color-icon.soc-playstation, a[class*="soc-"].soc-playstation:hover { color: #000000; border-color: #000000; } a.color-icon.soc-smugmug, a[class*="soc-"].soc-smugmug:hover { color: #acfd32; border-color: #acfd32; } a.color-icon.soc-swarm, a[class*="soc-"].soc-swarm:hover { color: #fc9d3c; border-color: #fc9d3c; } a.color-icon.soc-triplej, a[class*="soc-"].soc-triplej:hover { color: #e53531; border-color: #e53531; } a.color-icon.soc-yammer, a[class*="soc-"].soc-yammer:hover { color: #1175c4; border-color: #1175c4; } a.color-icon.soc-stackoverflow, a[class*="soc-"].soc-stackoverflow:hover { color: #fd9827; border-color: #fd9827; } a.color-icon.soc-drupal, a[class*="soc-"].soc-drupal:hover { color: #00598e; border-color: #00598e; } a.color-icon.soc-odnoklassniki, a[class*="soc-"].soc-odnoklassniki:hover { color: #f48420; border-color: #f48420; } a.color-icon.soc-android, a[class*="soc-"].soc-android:hover { color: #8ec047; border-color: #8ec047; } a.color-icon.soc-meetup, a[class*="soc-"].soc-meetup:hover { color: #e2373c; border-color: #e2373c; } a.color-icon.soc-persona, a[class*="soc-"].soc-persona:hover { color: #e6753d; border-color: #e6753d; } a.color-icon.soc-amazon, a[class*="soc-"].soc-amazon:hover { color: #ff9900; border-color: #ff9900; } a.color-icon.soc-ello, a[class*="soc-"].soc-ello:hover { color: #000000; border-color: #000000; } a.color-icon.soc-mixcloud, a[class*="soc-"].soc-mixcloud:hover { color: #314359; border-color: #314359; } a.color-icon.soc-8tracks, a[class*="soc-"].soc-8tracks:hover { color: #122c4b; border-color: #122c4b; } a.color-icon.soc-twitch, a[class*="soc-"].soc-twitch:hover { color: #6441a5; border-color: #6441a5; } a.color-icon.soc-airbnb, a[class*="soc-"].soc-airbnb:hover { color: #ff5a5f; border-color: #ff5a5f; } a.color-icon.soc-pocket, a[class*="soc-"].soc-pocket:hover { color: #ed4055; border-color: #ed4055; } /*corporate background colors*/ .color-bg-icon { color: #ffffff; } .color-bg-icon.soc-twitter, a.soc-twitter.bg-icon:hover, .soc-twitter.color-icon.border-icon:hover { background-color: #00abef; } .color-bg-icon.soc-facebook, a.soc-facebook.bg-icon:hover, .soc-facebook.color-icon.border-icon:hover { background-color: #507cbe; } .color-bg-icon.soc-google, a.soc-google.bg-icon:hover, .soc-google.color-icon.border-icon:hover { background-color: #d93e2d; } .color-bg-icon.soc-pinterest, a.soc-pinterest.bg-icon:hover, .soc-pinterest.color-icon.border-icon:hover { background-color: #c92619; } .color-bg-icon.soc-foursquare, a.soc-foursquare.bg-icon:hover, .soc-foursquare.color-icon.border-icon:hover { background-color: #23b7e0; } .color-bg-icon.soc-yahoo, a.soc-yahoo.bg-icon:hover, .soc-yahoo.color-icon.border-icon:hover { background-color: #6e2a85; } .color-bg-icon.soc-skype, a.soc-skype.bg-icon:hover, .soc-skype.color-icon.border-icon:hover { background-color: #28abe3; } .color-bg-icon.soc-yelp, a.soc-yelp.bg-icon:hover, .soc-yelp.color-icon.border-icon:hover { background-color: #c83218; } .color-bg-icon.soc-feedburner, a.soc-feedburner.bg-icon:hover, .soc-feedburner.color-icon.border-icon:hover { background-color: #ffcc00; } .color-bg-icon.soc-linkedin, a.soc-linkedin.bg-icon:hover, .soc-linkedin.color-icon.border-icon:hover { background-color: #3371b7; } .color-bg-icon.soc-viadeo, a.soc-viadeo.bg-icon:hover, .soc-viadeo.color-icon.border-icon:hover { background-color: #e4a000; } .color-bg-icon.soc-xing, a.soc-xing.bg-icon:hover, .soc-xing.color-icon.border-icon:hover { background-color: #005a60; } .color-bg-icon.soc-myspace, a.soc-myspace.bg-icon:hover, .soc-myspace.color-icon.border-icon:hover { background-color: #323232; } .color-bg-icon.soc-soundcloud, a.soc-soundcloud.bg-icon:hover, .soc-soundcloud.color-icon.border-icon:hover { background-color: #fe3801; } .color-bg-icon.soc-spotify, a.soc-spotify.bg-icon:hover, .soc-spotify.color-icon.border-icon:hover { background-color: #7bb342; } .color-bg-icon.soc-grooveshark, a.soc-grooveshark.bg-icon:hover, .soc-grooveshark.color-icon.border-icon:hover { background-color: #f67e03; } .color-bg-icon.soc-lastfm, a.soc-lastfm.bg-icon:hover, .soc-lastfm.color-icon.border-icon:hover { background-color: #d41316; } .color-bg-icon.soc-youtube, a.soc-youtube.bg-icon:hover, .soc-youtube.color-icon.border-icon:hover { background-color: #d12121; } .color-bg-icon.soc-vimeo, a.soc-vimeo.bg-icon:hover, .soc-vimeo.color-icon.border-icon:hover { background-color: #51b5e7; } .color-bg-icon.soc-dailymotion, a.soc-dailymotion.bg-icon:hover, .soc-dailymotion.color-icon.border-icon:hover { background-color: #004e72; } .color-bg-icon.soc-vine, a.soc-vine.bg-icon:hover, .soc-vine.color-icon.border-icon:hover { background-color: #00b389; } .color-bg-icon.soc-flickr, a.soc-flickr.bg-icon:hover, .soc-flickr.color-icon.border-icon:hover { background-color: #0062dd; } .color-bg-icon.soc-500px, a.soc-500px.bg-icon:hover, .soc-500px.color-icon.border-icon:hover { background-color: #58a9de; } .color-bg-icon.soc-instagram, a.soc-instagram.bg-icon:hover, .soc-instagram.color-icon.border-icon:hover { background-color: #9c7c6e; } .color-bg-icon.soc-wordpress, a.soc-wordpress.bg-icon:hover, .soc-wordpress.color-icon.border-icon:hover { background-color: #464646; } .color-bg-icon.soc-tumblr, a.soc-tumblr.bg-icon:hover, .soc-tumblr.color-icon.border-icon:hover { background-color: #45556c; } .color-bg-icon.soc-blogger, a.soc-blogger.bg-icon:hover, .soc-blogger.color-icon.border-icon:hover { background-color: #ec661c; } .color-bg-icon.soc-technorati, a.soc-technorati.bg-icon:hover, .soc-technorati.color-icon.border-icon:hover { background-color: #5cb030; } .color-bg-icon.soc-reddit, a.soc-reddit.bg-icon:hover, .soc-reddit.color-icon.border-icon:hover { background-color: #e74a1e; } .color-bg-icon.soc-dribbble, a.soc-dribbble.bg-icon:hover, .soc-dribbble.color-icon.border-icon:hover { background-color: #e84d88; } .color-bg-icon.soc-stumbleupon, a.soc-stumbleupon.bg-icon:hover, .soc-stumbleupon.color-icon.border-icon:hover { background-color: #e64011; } .color-bg-icon.soc-digg, a.soc-digg.bg-icon:hover, .soc-digg.color-icon.border-icon:hover { background-color: #1d1d1b; } .color-bg-icon.soc-envato, a.soc-envato.bg-icon:hover, .soc-envato.color-icon.border-icon:hover { background-color: #597c3a; } .color-bg-icon.soc-behance, a.soc-behance.bg-icon:hover, .soc-behance.color-icon.border-icon:hover { background-color: #007eff; } .color-bg-icon.soc-delicious, a.soc-delicious.bg-icon:hover, .soc-delicious.color-icon.border-icon:hover { background-color: #31a9ff; } .color-bg-icon.soc-deviantart, a.soc-deviantart.bg-icon:hover, .soc-deviantart.color-icon.border-icon:hover { background-color: #c5d200; } .color-bg-icon.soc-forrst, a.soc-forrst.bg-icon:hover, .soc-forrst.color-icon.border-icon:hover { background-color: #5b9a68; } .color-bg-icon.soc-play, a.soc-play.bg-icon:hover, .soc-play.color-icon.border-icon:hover { background-color: #5acdbd; } .color-bg-icon.soc-zerply, a.soc-zerply.bg-icon:hover, .soc-zerply.color-icon.border-icon:hover { background-color: #9dbc7a; } .color-bg-icon.soc-wikipedia, a.soc-wikipedia.bg-icon:hover, .soc-wikipedia.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-apple, a.soc-apple.bg-icon:hover, .soc-apple.color-icon.border-icon:hover { background-color: #b9bfc1; } .color-bg-icon.soc-flattr, a.soc-flattr.bg-icon:hover, .soc-flattr.color-icon.border-icon:hover { background-color: #f67c1a; } .color-bg-icon.soc-github, a.soc-github.bg-icon:hover, .soc-github.color-icon.border-icon:hover { background-color: #221e1b; } .color-bg-icon.soc-chimein, a.soc-chimein.bg-icon:hover, .soc-chimein.color-icon.border-icon:hover { background-color: #888688; } .color-bg-icon.soc-friendfeed, a.soc-friendfeed.bg-icon:hover, .soc-friendfeed.color-icon.border-icon:hover { background-color: #2f72c4; } .color-bg-icon.soc-newsvine, a.soc-newsvine.bg-icon:hover, .soc-newsvine.color-icon.border-icon:hover { background-color: #075b2f; } .color-bg-icon.soc-identica, a.soc-identica.bg-icon:hover, .soc-identica.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-bebo, a.soc-bebo.bg-icon:hover, .soc-bebo.color-icon.border-icon:hover { background-color: #ef1011; } .color-bg-icon.soc-zynga, a.soc-zynga.bg-icon:hover, .soc-zynga.color-icon.border-icon:hover { background-color: #dc0606; } .color-bg-icon.soc-steam, a.soc-steam.bg-icon:hover, .soc-steam.color-icon.border-icon:hover { background-color: #8f8d8a; } .color-bg-icon.soc-xbox, a.soc-xbox.bg-icon:hover, .soc-xbox.color-icon.border-icon:hover { background-color: #92c83e; } .color-bg-icon.soc-windows, a.soc-windows.bg-icon:hover, .soc-windows.color-icon.border-icon:hover { background-color: #00bdf6; } .color-bg-icon.soc-outlook, a.soc-outlook.bg-icon:hover, .soc-outlook.color-icon.border-icon:hover { background-color: #0072c6; } .color-bg-icon.soc-coderwall, a.soc-coderwall.bg-icon:hover, .soc-coderwall.color-icon.border-icon:hover { background-color: #3e8dcc; } .color-bg-icon.soc-tripadvisor, a.soc-tripadvisor.bg-icon:hover, .soc-tripadvisor.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-appnet, a.soc-appnet.bg-icon:hover, .soc-appnet.color-icon.border-icon:hover { background-color: #494949; } .color-bg-icon.soc-goodreads, a.soc-goodreads.bg-icon:hover, .soc-goodreads.color-icon.border-icon:hover { background-color: #1abc9c; } .color-bg-icon.soc-tripit, a.soc-tripit.bg-icon:hover, .soc-tripit.color-icon.border-icon:hover { background-color: #1982c3; } .color-bg-icon.soc-lanyrd, a.soc-lanyrd.bg-icon:hover, .soc-lanyrd.color-icon.border-icon:hover { background-color: #3c80c9; } .color-bg-icon.soc-slideshare, a.soc-slideshare.bg-icon:hover, .soc-slideshare.color-icon.border-icon:hover { background-color: #4ba3a6; } .color-bg-icon.soc-buffer, a.soc-buffer.bg-icon:hover, .soc-buffer.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-rss, a.soc-rss.bg-icon:hover, .soc-rss.color-icon.border-icon:hover { background-color: #f26109; } .color-bg-icon.soc-vkontakte, a.soc-vkontakte.bg-icon:hover, .soc-vkontakte.color-icon.border-icon:hover { background-color: #5a7fa6; } .color-bg-icon.soc-disqus, a.soc-disqus.bg-icon:hover, .soc-disqus.color-icon.border-icon:hover { background-color: #2e9fff; } .color-bg-icon.soc-houzz, a.soc-houzz.bg-icon:hover, .soc-houzz.color-icon.border-icon:hover { background-color: #7cc04b; } .color-bg-icon.soc-mail, a.soc-mail.bg-icon:hover, .soc-mail.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-patreon, a.soc-patreon.bg-icon:hover, .soc-patreon.color-icon.border-icon:hover { background-color: #e44727; } .color-bg-icon.soc-paypal, a.soc-paypal.bg-icon:hover, .soc-paypal.color-icon.border-icon:hover { background-color: #009cde; } .color-bg-icon.soc-playstation, a.soc-playstation.bg-icon:hover, .soc-playstation.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-smugmug, a.soc-smugmug.bg-icon:hover, .soc-smugmug.color-icon.border-icon:hover { background-color: #acfd32; } .color-bg-icon.soc-swarm, a.soc-swarm.bg-icon:hover, .soc-swarm.color-icon.border-icon:hover { background-color: #fc9d3c; } .color-bg-icon.soc-triplej, a.soc-triplej.bg-icon:hover, .soc-triplej.color-icon.border-icon:hover { background-color: #e53531; } .color-bg-icon.soc-yammer, a.soc-yammer.bg-icon:hover, .soc-yammer.color-icon.border-icon:hover { background-color: #1175c4; } .color-bg-icon.soc-stackoverflow, a.soc-stackoverflow.bg-icon:hover, .soc-stackoverflow.color-icon.border-icon:hover { background-color: #fd9827; } .color-bg-icon.soc-drupal, a.soc-drupal.bg-icon:hover, .soc-drupal.color-icon.border-icon:hover { background-color: #00598e; } .color-bg-icon.soc-odnoklassniki, a.soc-odnoklassniki.bg-icon:hover, .soc-odnoklassniki.color-icon.border-icon:hover { background-color: #f48420; } .color-bg-icon.soc-android, a.soc-android.bg-icon:hover, .soc-android.color-icon.border-icon:hover { background-color: #8ec047; } .color-bg-icon.soc-meetup, a.soc-meetup.bg-icon:hover, .soc-meetup.color-icon.border-icon:hover { background-color: #e2373c; } .color-bg-icon.soc-persona, a.soc-persona.bg-icon:hover, .soc-persona.color-icon.border-icon:hover { background-color: #e6753d; } .color-bg-icon.soc-amazon, a.soc-amazon.bg-icon:hover, .soc-amazon.color-icon.border-icon:hover { background-color: #ff9900; } .color-bg-icon.soc-ello, a.soc-ello.bg-icon:hover, .soc-ello.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-mixcloud, a.soc-mixcloud.bg-icon:hover, .soc-mixcloud.color-icon.border-icon:hover { background-color: #314359; } .color-bg-icon.soc-8tracks, a.soc-8tracks.bg-icon:hover, .soc-8tracks.color-icon.border-icon:hover { background-color: #122c4b; } .color-bg-icon.soc-twitch, a.soc-twitch.bg-icon:hover, .soc-twitch.color-icon.border-icon:hover { background-color: #6441a5; } .color-bg-icon.soc-airbnb, a.soc-airbnb.bg-icon:hover, .soc-airbnb.color-icon.border-icon:hover { background-color: #ff5a5f; } .color-bg-icon.soc-pocket, a.soc-pocket.bg-icon:hover, .soc-pocket.color-icon.border-icon:hover { background-color: #ed4055; } .page_social_icons.darklinks a[class*="soc-"]:hover { color: #000099; } a.social-icon { color: #999; } a.border-icon { border: 1px solid #999; border-color: rgba(164, 164, 164, 0.4); padding: 10px 11px; margin-bottom: 4px; } a.bg-icon { color: #ffffff; background-color: #999; padding: 11px 12px; margin-bottom: 4px; } a.social-icon.color-icon:hover { color: #333333; } a.social-icon.bg-icon:hover { color: #ffffff; } a.color-bg-icon { color: #ffffff; background-color: #333333; margin-bottom: 4px; padding: 11px 12px; } a.social-icon.color-bg-icon:hover { background-color: #000099; color: #ffffff; } a.color-icon:hover { color: #333333; } a.color-icon.border-icon:hover { color: #ffffff; } .demo-icon { display: inline-block; text-align: center; padding: 15px 20px 10px; } .demo-icon span { display: block; } .demo-icon .name { font-size: 1.01em; font-weight: 700; } .demo-icon a[class*="soc-"] { font-size: 24px; margin: 10px 0 0; } .social-icons-demo [class*='col-'] a[class*="soc-"] { margin: 10px; } /* isotope portfolio and gallery pos */ .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-icon img { display: block; margin: 0 auto; width: 100%; } .gallery-caption { display: block; padding: 0.5em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } @media (max-width: 600px) { .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-caption, .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } } .isotope_container { -webkit-transition: height 0.2s ease-in-out 0s; transition: height 0.2s ease-in-out 0s; } .isotope-item[class*='col-'] { margin-top: 0; } /*switcher styles*/ #switcher { position: fixed; top: 22%; right: -200px; width: 200px; background-color: #404040; color: #ffffff; z-index: 1001; font-size: 15px; padding-bottom: 20px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } #switcher.active { right: 0; } #switcher a { color: #000099; } #switcher .checkbox { margin: 4px 0; line-height: 1.5; } #switcher h4 { line-height: 60px; font-size: 18px; text-align: center; color: #999999; background-color: #222; margin: 0; font-weight: 300; letter-spacing: 0; padding: 0 36px; } #switcher span[class^="rt-icon2-"] { display: block; position: absolute; width: 60px; height: 60px; line-height: 60px; color: #ffffff; font-size: 24px; background-color: #222; text-align: center; left: -60px; top: 0; cursor: pointer; z-index: 2; } #switcher span[class^="rt-icon2-"]:hover { color: #999999; } #switcher span[class="rt-icon2-delete-outline"] { background-color: transparent; z-index: 1; left: -20px; } #switcher li { margin-bottom: 0px; padding: 0 4px; } #switcher p { font-weight: 300; font-size: 16px; line-height: 1; margin: 0 0 10px; } #switcher label { color: #999999; } #switcher ul { margin-bottom: 0; } #switcher .tooltip { min-width: 110px; } #switcher .tooltip-arrow { display: none; } #switcher-version a { padding: 13px 14px; display: inline-block; line-height: 1; font-size: 13px; font-weight: 400; text-transform: uppercase; } #switcher-version a:hover { color: #e4344e !important; } #switcher-version a.light { background-color: #ffffff; color: #333333; } #switcher-version a.dark { color: #ffffff; background-color: #262626; } #switcher-colors a { position: relative; display: inline-block; width: 40px; height: 40px; background-color: #f5bb2c; overflow: hidden; } #switcher-colors a:hover { opacity: 0.7; } #switcher-colors a:after { content: ''; position: absolute; width: 30px; height: 74px; right: 0; background-color: #e23751; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #switcher-colors a.color2 { background-color: #e23751; } #switcher-colors a.color2:after { background-color: #16a4d6; } #switcher-colors a.color3 { background-color: #16a4d6; } #switcher-colors a.color3:after { background-color: #f5bb2c; } #switcher-colors { line-height: 0; } #switcher-patterns a { display: block; line-height: 1; height: 40px; width: 40px; overflow: hidden; background-color: #ffffff; } #switcher-patterns a img { opacity: 0; } #switcher-patterns a:hover { opacity: 0.7; } #switcher-patterns li:first-child a img { opacity: 1; } #switcher_accent_color, #switcher_color_scheme, #switcher_layout, #switcher_patterns { padding: 26px 30px 0px; } .checkbox-slider--b-flat { position: relative; } .checkbox-slider--b-flat input { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0%; height: 0%; margin: 0 0; cursor: pointer; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .checkbox-slider--b-flat input + span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-slider--b-flat input + span:before { position: absolute; left: 0px; display: inline-block; } .checkbox-slider--b-flat input + span > h4 { display: inline; } .checkbox-slider--b-flat input + span { padding-left: 40px; } .checkbox-slider--b-flat input + span:before { content: ""; height: 20px; width: 40px; background: #ffffff; } .checkbox-slider--b-flat input + span:after { width: 20px; height: 20px; position: absolute; left: 0px; top: 0; display: block; background: #ffffff; -webkit-transition: margin-left 0.4s ease-in-out; transition: margin-left 0.4s ease-in-out; text-align: center; font-weight: bold; content: ""; } .checkbox-slider--b-flat input:checked + span:after { margin-left: 20px; content: ""; } .checkbox-slider--b-flat input:checked + span:before { -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .checkbox-slider--b-flat input + span { padding-left: 30px; } .checkbox-slider--b-flat input + span:before { border-radius: 20px; width: 40px; } .checkbox-slider--b-flat input + span:after { background: #1aa2f8; content: ""; width: 20px; border: solid transparent 2px; background-clip: padding-box; border-radius: 20px; } .checkbox-slider--b-flat input:checked + span:after { content: ""; margin-left: 20px; border: solid transparent 2px; background-clip: padding-box; } .checkbox-slider--b-flat input:checked + span:before { background: #ffffff; } .checkbox-slider--b-flat.checkbox-slider-md input + span:before { border-radius: 30px; } .checkbox-slider--b-flat.checkbox-slider-md input + span:after { border-radius: 30px; } .checkbox-slider--b-flat.checkbox-slider-lg input + span:before { border-radius: 40px; } .checkbox-slider--b-flat.checkbox-slider-lg input + span:after { border-radius: 40px; } .checkbox-slider--b-flat input + span:before { box-shadow: none; } /*-- Newsletter --*/ .newsletter{ top: -45px; position: relative; z-index: 90; font-family: 'Merriweather', serif; font-weight:normal; font-style:italic; float:left; width:100%; margin-left:auto; margin-right:auto; } .quotes{ font-size:14px; padding-left:2%; padding-right:2%; top: -5px; } .newsletter .today{ /*background: rgba(0,0,0,.55);background: rgba(26, 162, 248, 0.86);*/ /*background: rgba(0,0,0,.5);*/ background: rgba(0, 0, 0, 0.74); border: 0; border-radius: 0; height: 45px; padding: 9px 20px;float: left; width: 100%; color:#fff; font-size:24px; text-align:center;height: auto; font-style:italic; } .newsletter .btn-lg{ padding: 10px 63px; line-height: 1.4; margin-left: -15px; font-weight: 300; } .latest-scroll{ float:left; width:100%; position: absolute; height:auto; margin-left:auto; margin-right:auto; } .content-a{ float:left; width:100%; margin-left:auto; margin-right:auto; background-color:#fff; padding: 25px 30px; margin-bottom:2%; } .news-scroll{ width:100%; float:left; margin-left:auto; margin-right:auto; background: #000099; color:#fff; padding-top:6%; padding-bottom:6%; padding-left:2%; padding-bottom:2%; } .fa-3x { font-size: 2em; background-color: #fff; border-radius: 55%; color: rgba(26, 162, 248, 0.86); padding: 40%; } .newss-cap { float: left; margin-left: 10%; margin-right: auto; padding-left: 4%; color: #fff; padding-top: 3%; padding-bottom: 3%; } .newss-cap > h4{ color:#fff; } .newss-cap > h6{ color:#eceeef; } .news_evet{ float:left; width:100%; margin-left:auto; margin-right:auto; background-color:#fff; } .news_evetzz{ float:left; width:100%; margin-left:auto; margin-right:auto; background-color:#fff; padding: 25px 30px; } ul#scr-list { padding:0; margin:0; } #scr-list{ list-style:none; padding-right:1%; } #scr-list > li{ list-style: none; background-color: #f3f6f9; color: #212121; padding-left: 2%; padding-right: 0%; width: 100%; padding-top: 3%; padding-bottom: 3%; text-align: left;line-height: 2em; margin-bottom: 5%; } #scr-list > li:hover{ list-style:none; background-color:#f3f6f9; color: rgb(3, 106, 170); } #scr-list > li:before{ content: "\f054"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; width: 1.5em; /* same as padding-left set on li */ color: rgb(3, 106, 170); padding-left:2%; padding-bottom:2%; background-color:#f3f6f9; } /** * Header Top */ #top-header { -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; opacity: 1; background: #f7f9fb; color: rgba(255, 255, 255, 0.9); font-size: 11px; letter-spacing: 0.5px; overflow: hidden; /*border-bottom: 1px solid #662935;*/ } #top-header a { color: #337ab7; font-weight: 700; } #top-header a:hover { color: #337ab7; } #top-header ul { margin: 0; } .top-header-widget { float: left; border-right: 1px solid rgba(255,255,255,0.45); padding: 5px; padding-top: 7px; padding-right: 10px; padding-left: 10px; } .top-header-widget:first-child { padding-left: 0; } .top-header-widget:last-child { padding-right: 0; border-right: none; } .top-header-widget.welcome { background: #000099; position: relative; padding-right: 15px; } .top-header-widget.welcome:before { content: ""; position: absolute; top: 0; bottom: 0; left: -500px; width: 500px; background: #000099; } .top-header-widget.welcome:after { content: ""; position: absolute; top: 0; bottom: 0; right: -70px; width: 0; height: 0; border-style: solid; border-width: 50px 0 0 70px; border-color: transparent transparent transparent #000099; } .top-header-widget.pull-right:first-child { padding-left: 10px; } .top-header-widget.pull-right:last-child { padding-right: 10px; border-right: 1px solid rgba(255,255,255,0.45); } @media only screen and (max-width: 1199px) {} @media only screen and (max-width: 991px) {} @media (max-width: 767px) { .top-header-widget { margin: 0; } #top-header, .top-header-widget, .top-header-widget p, .top-header-widget a { font-size: 11px !important; line-height: 12px; } } /** * Sticky Header */ .our-plumbers { /* padding: 98px 0 85px; */} @media (max-width: 767px) { .our-plumbers { /* padding: 68px 0 55px; */ } } .our-plumbers .section-title { margin-bottom: 35px; } @media (max-width: 767px) { .our-plumbers .section-title { margin-bottom: 15px; } } .our-plumber { padding: 15px; } @media (max-width: 550px) { .our-plumber { max-width: 300px; float: none; width: 100%; margin: 0 auto; } } .our-plumber img { width: 100%; } .our-plumber .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 33px; background: #000; opacity: 0.15; } .our-plumber .his-details { margin: 0; position: absolute; bottom: 0; height: 85px; left: 10px; right: 10px; border: 2px solid #fff; padding: 0 15px 5px; background: #000099; text-align: center; overflow: hidden; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .our-plumber .name { line-height: 40px; letter-spacing: .4px; font-size: 16px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #fff; text-transform: uppercase; margin: 0; } .our-plumber p { font: 15px/22px "Open Sans", sans-serif; color: #bbcbd4; margin: 0 0 15px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .our-plumber p a { font: 15px/22px "Open Sans", sans-serif; color: #fff; margin: 0 0 15px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .our-plumber .nav { display: table; margin: 0 auto; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .our-plumber .nav li + li { margin-left: 5px; } .our-plumber .nav li a { text-align: center; border: 1px solid rgba(168, 209, 231, 0.5); color: #fff; padding: 0; border-radius: 100px; font-size: 18px; width: 36px; height: 36px; line-height: 36px; } .our-plumber .inner { margin: 0; padding-bottom: 33px; position: relative;border: 4px solid #f5f5f5; } .our-plumber .inner:hover .his-details, .our-plumber .inner:focus .his-details { padding-top: 10px; padding-bottom: 15px; border-width: 0; height: 100px; } .our-plumber .inner:hover ul li a:hover, .our-plumber .inner:hover ul li a:focus, .our-plumber .inner:focus ul li a:hover, .our-plumber .inner:focus ul li a:focus { background: #fff; border-color: #fff; color: #127fb8; } .lp-gallery-item { padding: 15px; } .lp-gallery-item .this-inner { margin: 0; position: relative; display: block; overflow: hidden; } .lp-gallery-item img { width: 100%; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .lp-gallery-item .this-infos { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; overflow: hidden; } .lp-gallery-item .infos-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; text-transform: uppercase; } .lp-gallery-item .this-title { margin-bottom: 15px; font-weight: bold; margin-top: 0; font-family: "Open Sans", sans-serif; color: #fff; position: relative; right: -500px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-duration: .5s; transition-duration: .5s; } .lp-gallery-item .btn { font-size: 15px; padding: 0 28px; position: relative; left: -500px; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transition-duration: .5s; transition-duration: .5s; } .lp-gallery-item:hover .this-infos, .lp-gallery-item:focus .this-infos { background: rgba(4, 70, 121, 0.8); } .lp-gallery-item:hover img, .lp-gallery-item:focus img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .lp-gallery-item:hover .this-title, .lp-gallery-item:focus .this-title { right: 0; } .lp-gallery-item:hover .btn, .lp-gallery-item:focus .btn { left: 0; }