html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* =Typography= */
body{background-color:#fff;color:#191919;font:16px "Open Sans",Arial,sans-serif;line-height:24px}
h1,h2,h3,h4,h5,h6,p.hline{font-family:'Open Sans',Arial,sans-serif;font-weight:300}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#191919;font-weight:inherit}
h1{margin-bottom:14px;font-size:36px;line-height:63px}
h2{margin-bottom:10px;font-size:24px;line-height:41px}
h3{margin-bottom:8px;font-size:20px;line-height:31px}
h4{margin-bottom:4px;font-size:16px;line-height:27px}
h5{font-size:15px;line-height:24px}
h6,p.hline{font-size:15px;line-height:20px;text-align:left}
p{margin-bottom:20px}
em{font-style:italic}
strong{font-weight:600}
small{font-size:78%}
sub{vertical-align:sub;font-size:75%}
sup{vertical-align:super;font-size:75%}
abbr[title]{border-bottom:1px dotted #999;cursor:help}
address{display:block;margin-bottom:20px}
blockquote p{font-style:italic;font-size:18px}
blockquote span{display:block;margin-top:5px;color:#999}
blockquote span:before{content:"\2013 \00A0"}
hr{height:0;border:solid #191919;border-width:1px 0 0;margin:30px 0}
code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}
code{padding:1px 4px;background-color:#f4f4f4}
pre{overflow-x:auto;display:block;padding:20px;border-radius:3px;border:1px solid #191919;margin-bottom:20px;white-space:pre-wrap;background-color:#f4f4f4}
/* =Typography Helper Classes= */
.red{color:#d50f25;font-family:Monaco,Menlo,Consolas,"Courier New",monospace}
.rezult{display:block;padding:20px;border:1px solid #191919;border-radius:3px;margin-bottom:20px;background-color:#f4f4f4}
.hr{border-top:1px solid #191919;margin:30px 0}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center,.center{text-align:center}
.text-highlight{padding:1px 5px;border-radius:2px;background-color:#191919;color:#fff}
.text-uppercase{text-transform:uppercase}
.mute{color:#999}
p.last,h1.last,h2.last,h3.last,h4.last,h5.last,address.last{margin-bottom:0}
@media (max-width: 767px) {
body{background:none}
p.last,h1.last,h2.last,h3.last,h4.last,h5.last,address.last{margin-bottom:20px}
.text-right{text-align:left}
}
/* =Typography - Links= */
div.brown a,a:visited{color:#a7670b}
a,a:visited{color:#116dfd;text-decoration:none}
a:active{background:transparent}/*** 1. Remove the gray background color from active links in IE 10. */
a:hover,a:focus{outline:0;text-decoration:underline}
/* =Typography - Lists= */
ul,ol{margin-bottom:20px;list-style-position:inside}
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;margin-left:30px}
ul{list-style-type:disc}
ol{list-style-type:decimal}
/* List Helper Classes */
ul.last,ol.last{margin-bottom:0}
@media (max-width: 767px) {
ul.last,ol.last{margin-bottom:20px}
}
/* =Typography - Images= */
img{max-width:100%;height:auto;border:none}
figure{margin-bottom:40px}
/* Images Helper Classes */
.img-align-left{float:left;margin:5px 10px 0 0}
.img-align-right{float:right;margin:5px 0 0 10px}
/* =Typography - Tables= */
table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px;background-color:transparent}
caption{margin:20px 0;font-weight:700;text-align:center}
table th,table td{padding:8px;border-top:1px solid #191919;text-align:left;vertical-align:top}
table th{border-top:0;font-weight:700}
table thead th{vertical-align:bottom}
/* =Typography - Forms= */
label{display:block;margin-bottom:5px}
label span{color:#d50f25}
select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}
textarea,select{display:block;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 15px;border:2px solid #191919;margin-bottom:10px;background:#fff;color:#191919;font:14px "Open Sans",Arial,sans-serif;line-height:21px}/* 1. stop safari from overwriting input styles */ /* Delete input */
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,textarea:focus{border-color:#bbb;outline:0}
select:focus{outline:thin dotted #bbb;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
textarea{min-height:100px;overflow:auto}
.radio,.checkbox{min-height:18px;padding-left:18px}
.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
/* =Misc= */
.javascript-required,.modern-browser-required{padding:15px 0;background-color:#d50f25;color:#fff;text-align:center;font-weight:700}
/* =Base grid= */
.container,.container-fluid{position:relative;margin-right:auto;margin-left:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{padding-right:15px;padding-left:15px}
.row{position:relative;margin-right:-15px;margin-left:-15px}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width: 768px) {
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{float:left}
.span12{width:100%}
.span11{width:91.66666667%}
.span10{width:83.33333333%}
.span9{width:75%}
.span8{width:66.66666667%}
.span7{width:58.33333333%}
.span6{width:50%}
.span5{width:41.66666667%}
.span4{width:33.33333333%}
.span3{width:25%}
.span2{width:16.66666667%}
.span1{width:8.33333333%}
.offset12{margin-left:100%}
.offset11{margin-left:91.66666667%}
.offset10{margin-left:83.33333333%}
.offset9{margin-left:75%}
.offset8{margin-left:66.66666667%}
.offset7{margin-left:58.33333333%}
.offset6{margin-left:50%}
.offset5{margin-left:41.66666667%}
.offset4{margin-left:33.33333333%}
.offset3{margin-left:25%}
.offset2{margin-left:16.66666667%}
.offset1{margin-left:8.33333333%}
.offset0{margin-left:0}
}
.visible-phone,.visible-tablet,.visible-desktop,.visible-desktop-large{display:none!important}
.visible-phone-block,.visible-phone-inline,.visible-phone-inline-block,.visible-tablet-block,.visible-tablet-inline,.visible-tablet-inline-block,.visible-desktop-block,.visible-desktop-inline,.visible-desktop-inline-block,.visible-desktop-large-block,.visible-desktop-large-inline,.visible-desktop-large-inline-block{display:none!important}
/* =Extra small devices: Phones (< 768px)= */
/* =Portrait and landscape= */
@media (max-width: 767px) {
.visible-phone{display:block!important}
table.visible-phone{display:table}
tr.visible-phone{display:table-row!important}
th.visible-phone,td.visible-phone{display:table-cell!important}
.visible-phone-block{display:block!important}
.visible-phone-inline{display:inline!important}
.visible-phone-inline-block{display:inline-block!important}
.hidden-phone{display:none!important}
}
/* =Small devices: Tablets (>= 768px)= */
@media (min-width: 768px) and (max-width: 991px) {
.visible-tablet{display:block!important}
table.visible-tablet{display:table}
tr.visible-tablet{display:table-row!important}
th.visible-tablet,td.visible-tablet{display:table-cell!important}
.visible-tablet-block{display:block!important}
.visible-tablet-inline{display:inline!important}
.visible-tablet-inline-block{display:inline-block!important}
.hidden-tablet{display:none!important}
}
/* =Medium devices: Desktops (>= 992px )= */
@media (min-width: 992px) and (max-width: 1199px) {
.visible-desktop{display:block!important}
table.visible-desktop{display:table}
tr.visible-desktop{display:table-row!important}
th.visible-desktop,td.visible-desktop{display:table-cell!important}
.visible-desktop-block{display:block!important}
.visible-desktop-inline{display:inline!important}
.visible-desktop-inline-block{display:inline-block!important}
.hidden-desktop{display:none!important}
}
/* =Large devices: Desktops (>= 1200px )= */
@media (min-width: 1200px) {
.visible-desktop-large{display:block!important}
table.visible-desktop-large{display:table}
tr.visible-desktop-large{display:table-row!important}
th.visible-desktop-large,td.visible-desktop-large{display:table-cell!important}
.visible-desktop-large-block{display:block!important}
.visible-desktop-large-inline{display:inline!important}
.visible-desktop-large-inline-block{display:inline-block!important}
.hidden-desktop-large{display:none!important}
}
/* =Align= */
.float-left{float:left}
.float-right{float:right}
.row:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fixed:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* =ResponsiveFormInputs= */
input.span1,textarea.span1,select.span1,input.span2,textarea.span2,select.span2,input.span3,textarea.span3,select.span3,input.span4,textarea.span4,select.span4,input.span5,textarea.span5,select.span5,input.span6,textarea.span6,select.span6,input.span7,textarea.span7,select.span7,input.span8,textarea.span8,select.span8,input.span9,textarea.span9,select.span9,input.span10,textarea.span10,select.span10,input.span11,textarea.span11,select.span11,input.span12,textarea.span12,select.span12{float:none;padding:6px 10px}
/* =Wrap= */
#wrap{position:relative;max-width:1920px;background-color:#fff}
/* =Header= */
#header{margin:0 40px}
@media (min-width: 1200px) {
#header{margin:0 60px}
}
@media (min-width: 768px) and (max-width: 991px) {
#header{margin:0 20px}
}
@media (max-width: 767px) {
#header{margin:0 10px}
}
/* =Logo= */
#logo{padding:36px 0 35px}
#logo a{display:inline-block;max-width:100%;letter-spacing:-2px;text-transform:uppercase;font-size:20px;font-weight:500;color:#1a6ef4}
#logo a:hover {text-decoration:none}
@media (max-width: 767px) {
#logo{padding-right:50px}
}
/* =Menu= */
/* =Menu Basics= */
.sf-menu,.sf-menu ul{padding:0;margin:0;list-style:none}
.sf-menu > li{float:left}
.sf-menu > li > a{position:relative;display:block}
.sf-menu li.dropdown ul{position:absolute;z-index:1025;top:100%;left:0;display:none}
.sf-menu .sf-mega{position:absolute;z-index:1025;top:100%;right:15px;left:15px;display:none}
.sf-menu li.dropdown{position:relative}
.sf-menu li.dropdown ul ul{top:-2px;left:100%;margin-top:-15px}
.sf-menu li:hover > .sf-mega,.sf-menu li.sfHover > .sf-mega,.sf-menu li.dropdown:hover > ul,.sf-menu li.dropdown.sfHover > ul{display:block}
/* =Menu Skin= */
.sf-menu{float:right;margin-top:40px}
.sf-menu a{display:block;padding:15px 0;font:15px 'Open Sans',Arial,sans-serif;color:#191919;text-decoration:none}
.sf-menu li.dropdown a{padding:15px 20px}
.sf-menu li:last-child > a{border-bottom:none}
.sf-menu > li > a,.sf-menu > li.dropdown > a{padding:0 15px 40px;border:none;color:#191919;font-size:18px;font-weight:700;text-transform:uppercase}
.sf-menu > li a i{margin-right:5px}
.sf-menu > li.current > a,.sf-menu li.sfHover > a,.sf-menu a:hover,.sf-menu li.sfHover > a:hover{color:#a7670b;text-decoration:none}
/* =DropDown= */
.sf-menu li.dropdown ul{min-width:220px;padding:15px 0;border:1px solid rgba(0,0,0,0.1);background-color:#191919}
.sf-menu li.dropdown ul li a{color:#fff}
.sf-menu li.dropdown ul li a:hover,.sf-menu li.dropdown ul li.dropdown.sfHover > a{color:#a7670b}
.sf-menu > li.dropdown ul{border-top:2px solid #a7670b}
/* =Mega Menu Section= */
.sf-mega{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px 0;border:1px solid rgba(0,0,0,0.1);border-top:2px solid #a7670b;background-color:#191919;color:#fff}
.sf-mega a{color:#fff}
.sf-mega-section{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;border-right:1px solid #a7670b}
.sf-mega-section:last-child{border-right:none}
.sf-mega-section ul li a{padding:10px 15px}
.sf-mega-section ul li a:hover{background-color:rgba(0,0,0,0.7)}
.sf-mega.sf-mega-1-col .sf-mega-section{width:100%}
.sf-mega.sf-mega-2-col .sf-mega-section{width:50%}
.sf-mega.sf-mega-3-col .sf-mega-section{width:33.3333333333%}
.sf-mega.sf-mega-4-col .sf-mega-section{width:25%}
/* =Menu Arrows= */
.sf-arrows .sf-with-ul:after{position:absolute;top:8px;right:0;display:none;width:0;height:0;border:5px solid transparent;border-top-color:#999;content:""}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:rgba(0,0,0,0.7)}
.sf-arrows ul .sf-with-ul:after{top:50%;display:block;border-color:transparent;border-left-color:#fff;margin-top:-5px;margin-right:15px}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#a7670b}
@media (min-width: 1200px) {
.sf-menu > li > a,.sf-menu > li.dropdown > a{padding:0 25px 40px}
}
@media (min-width: 768px) and (max-width: 991px) {
#menu{display:none}
}
@media (max-width: 767px) {
#menu{display:none}
}
/* =Mobile Menu= */
#mobile-menu{border-bottom:1px solid #e0e0e0;margin-bottom:0;background-color:#191919}
#mobile-menu li{display:block;margin:0}
#mobile-menu > li > ul,#mobile-menu > li > ul > li > ul{display:none;margin-left:0}
#mobile-menu .sf-mega{display:none;padding:0;border:none;margin:0}
#mobile-menu .sf-mega-section{float:none;width:100%;padding:0;border:none}
#mobile-menu .sf-mega-section ul{margin-left:0}
#mobile-menu li a{position:relative;display:block;padding:15px 25px;border-top:1px solid #e0e0e0;color:#fff;font-size:13px;text-align:left;text-decoration:none}
#mobile-menu ul a{padding-left:45px}
#mobile-menu ul li ul a{padding-left:65px}
#mobile-menu .mobile-menu-submenu-arrow{position:absolute;top:0;right:0;width:70px;height:100%;border-left:1px solid #e0e0e0;color:#fff;font-size:20px;line-height:50px;text-align:center;cursor:pointer}
#mobile-menu .mobile-menu-submenu-arrow:hover{background-color:#a7670b}
#mobile-menu{display:none}
/* =Mobile menu trigger= */
#mobile-menu-trigger{float:right;display:none;font-size:32px}
@media (min-width: 768px) and (max-width: 991px) {
#mobile-menu-trigger{display:block;margin-top:37px;margin-right:0}
}
@media (max-width: 767px) {
#mobile-menu-trigger{position:absolute;top:27px;right:10px;display:block;padding:10px;margin-top:0}
}
/* =Menu From Right= */
a.sfr-menu-collaps{float:right;display:block;margin-top:36px;color:#191919;text-decoration:none}
a.sfr-menu-collaps i{font-size:32px;line-height:32px}
.nav-sfr-menu{position:fixed;z-index:1010;top:0;right:-100%;height:100%;width:375px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:auto;padding:0 50px;background-color:#191919;color:#fff;-webkit-transition:all .3s;transition:all .3s}
.nav-sfr-menu.nav-open{right:0}
.nav-sfr-menu .close-menu{position:absolute;top:20px;right:20px;display:block;padding:10px}
.nav-sfr-menu .close-menu i{color:#f4f4f4;font-size:18px;line-height:35px}
.sfr-menu{padding:130px 0;margin:0 -50px;list-style:none}
.sfr-menu li{text-transform:uppercase}
.sfr-menu > li{padding-left:100px}
.sfr-menu li a{display:block;color:#b9b9b9;font-size:12px;text-decoration:none}
.sfr-menu > li > a{padding:10px 0;color:#fff;font-size:18px;font-weight:700}
.sfr-menu li.current > a,.sfr-menu li a:hover{color:#a7670b}
.sfr-menu li.dropdown{position:relative}
.sfr-menu li.dropdown a.close{position:absolute;top:0;left:80px;color:#fff;opacity:0}
.sfr-menu li.dropdown a.close:hover{color:#a7670b}
.sfr-menu li.dropdown a.close:before{content:"+"}
.sfr-menu li.dropdown a.open:before{content:"-"}
.sfr-menu li.dropdown:hover a.close,.sfr-menu li.dropdown a.open{opacity:1}
.sfr-menu li ul{position:relative;display:none;padding-top:20px;margin-bottom:10px;margin-left:0;list-style:none}
.sfr-menu li ul:before{position:absolute;top:10px;left:0;display:block;width:15px;height:5px;background-color:#a7670b;content:""}
@media (max-width: 767px) {
.sfr-menu-collaps{position:absolute;top:-10px;right:10px;padding:10px}
.nav-sfr-menu{width:100%}
}
/* =Menu From Top= */
a.sft-menu-collaps{float:right;display:block;margin-top:36px;color:#191919;text-decoration:none}
a.sft-menu-collaps i{font-size:32px;line-height:32px}
.push{position:relative;top:0;margin-top:100px;-webkit-transition:all .3s;transition:all .3s}
.nav-sft-menu{position:fixed;z-index:1010;top:-100%;right:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 0;margin:0 55px;background-color:#191919;-webkit-transition:all .3s;transition:all .3s}
.nav-sft-menu.open{top:0}
.close-sft-menu{position:absolute;top:0;right:10px;display:block;padding:10px}
.close-sft-menu i{color:#f4f4f4;font-size:18px;line-height:35px}
.sft-menu{margin-bottom:0;list-style:none}
.sft-menu > li{float:left;width:25%;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sft-menu.six-cols > li{width:25%}
.sft-menu.five-cols > li{width:25%}
.sft-menu.four-cols > li{width:25%}
.sft-menu.three-cols > li{width:33.333333333333%}
.sft-menu.two-cols > li{width:50%}
.sft-menu li{display:block}
.sft-menu li a{display:block;color:#b9b9b9;font-size:12px;line-height:30px;text-transform:uppercase}
.sft-menu li a:hover{color:#a7670b;text-decoration:none}
.sft-menu > li > a{color:#fff;font-size:18px;font-weight:700;text-decoration:none}
.sft-menu li ul{margin-top:20px;margin-left:0}
.sft-menu li ul:before{display:block;width:15px;height:5px;margin-bottom:10px;background-color:#fff;content:""}
@media (min-width: 1200px) and (max-width: 1499px) {
.nav-sft-menu{margin:0 75px}
}
@media (min-width: 1500px) {
.nav-sft-menu{margin:0 75px}
.sft-menu.six-cols > li{width:16.666666666667%}
.sft-menu.five-cols > li{width:20%}
}
@media (min-width: 768px) and (max-width: 991px) {
.nav-sft-menu{padding:50px 20px;margin:0}
.sft-menu.six-cols > li,.sft-menu.five-cols > li,.sft-menu.four-cols > li{width:33.333333333333%}
}
@media (max-width: 767px) {
.sft-menu-collaps{position:absolute;top:-10px;right:10px;padding:10px}
.nav-sft-menu{overflow:auto;display:none;height:100%;padding:50px 20px;margin:0}
.sft-menu{margin-bottom:50px}
.sft-menu > li{float:none;width:100%}
.sft-menu li ul{margin-bottom:20px}
.sft-menu.six-cols > li,.sft-menu.five-cols > li,.sft-menu.four-cols > li,.sft-menu.three-cols > li,.sft-menu.two-cols > li{width:100%}
}
/* =Sticky Header= */
@media (min-width: 1025px) {
#header-wrap{position:relative;height:104px;margin:0 40px}
#header{position:absolute;top:0;right:0;left:0;margin:0 auto}
#header.stuck{position:fixed;z-index:1020;top:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 40px 0;box-shadow:0 1px 3px rgba(0,0,0,0.2);margin:0 auto;background-color:rgba(255,255,255,0.95);-webkit-transition:padding-top .3s;transition:padding-top .3s}
#header.stuck #logo{padding:15px 0 11px}
#header.stuck .sf-menu{margin-top:12px}
#header.stuck .sf-menu > li > a,#header.stuck .sf-menu > li.dropdown > a{padding:0 10px 15px}
#header.stuck .sf-mega{margin-top:0;margin-top:0}
#header.stuck .sf-arrows .sf-with-ul:after{margin-top:2px}
#header.stuck #custom-search-button{top:13px}
#header.stuck .sf-arrows ul .sf-with-ul:after{margin-top:-5px}
}
@media (min-width: 1200px) {
#header-wrap{margin:0 60px}
#header.stuck{padding:5px 60px 0}
#header.stuck .sf-menu > li > a,#header.stuck .sf-menu > li.dropdown > a{padding:0 25px 15px}
}
/* =Content= */
#content{padding-bottom:50px;margin:0 40px}
@media (min-width: 1200px) {
#content{margin:0 60px}
}
@media (min-width: 768px) and (max-width: 991px) {
#content{margin:0 20px}
}
@media (max-width: 767px) {
#content{margin:0 10px}
}
/* =Page Header= */
#page-header{overflow:hidden;background:#191919 no-repeat center center;color:#fff;text-align:center}
#page-header > h1,h5{padding-bottom:45px;margin-bottom:0;margin-left:-300px;font-size:800px;line-height:650px;font-weight:700;text-transform:uppercase}
#page-header > h2{padding:320px 0;margin-bottom:0;font-size:60px;line-height:60px;font-weight:700;text-transform:uppercase}
#page-header .headline{margin-bottom:70px}
@media (min-width: 768px) and (max-width: 979px) {
#page-header > h1,h5{padding-bottom:10px;margin-left:-170px;font-size:500px;line-height:400px}
#page-header > h2{padding:150px 0}
}
@media (max-width: 767px) {
#page-header > h1,h5{padding-bottom:0;margin-left:-50px;font-size:200px;line-height:230px}
#page-header .headline{margin:30px 0}
#page-header > h2{padding:75px 0}
}
/* =Footer= */
#footer{padding:50px 0 15px;margin:0 40px;font-weight:300}
@media (min-width: 1200px) {
#footer{margin:0 60px}
}
@media (min-width: 768px) and (max-width: 991px) {
#footer{margin:0 20px}
}
@media (max-width: 767px) {
#footer{margin:0 10px}
}
/* =Footer bottom= */
#footer-bottom{padding:15px 0;margin:0 40px}
@media (min-width: 1200px) {
#footer-bottom{margin:0 60px}
}
@media (min-width: 768px) and (max-width: 991px) {
#footer-bottom{margin:0 20px}
}
@media (max-width: 767px) {
#footer-bottom{margin:0 10px}
}
/* =Back to top= */
#back-to-top{position:fixed;z-index:1010;right:-40px;bottom:20px;width:40px;height:40px;background-color:#191919;color:#fafafa;font-size:30px;line-height:40px;text-align:center;text-decoration:none;opacity:.5;cursor:pointer;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}
#back-to-top i{font-size:24px;line-height:40px;font-weight:400;vertical-align:top;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}
#back-to-top:hover{background-color:rgba(0,0,0,0.7)}
#back-to-top:hover i{color:#fff}
#back-to-top.visible{right:15px}
#back-to-top.gone{right:-40px}
/* =Accordion= */
.accordion{margin-bottom:50px}
.accordion-item{position:relative;display:block;padding:13px 20px 13px 70px;margin-bottom:1px;background-color:#f4f4f4;font-size:18px;-webkit-transition:all .3s;transition:all .3s}
.accordion-item:nth-of-type(even){background-color:#fff}
a.accordion-item{color:#191919}
.accordion-item:after{position:absolute;top:0;left:0;width:50px;height:50px;border-right:1px solid #fff;background-color:#191919;color:#fff;font-size:18px;line-height:50px;text-align:center;content:"+"}
.accordion-item.active:after{content:"-"}
.accordion-item:hover,.accordion-item.active{background-color:#191919;color:#fff;text-decoration:none}
.accordion-item-content{display:none;padding:20px 15px 20px 70px}
.accordion-item-content p:last-child{margin-bottom:0}
.accordion-item-content:after{visibility:hidden;display:block;height:0;font-size:0;content:" ";clear:both}
/* =Toggle= */
.toggle{margin-bottom:50px}
.toggle-item{position:relative;display:block;padding:13px 20px 13px 70px;margin-bottom:1px;background-color:#f4f4f4;font-size:18px;-webkit-transition:all .3s;transition:all .3s}
.toggle-item:nth-of-type(even){background-color:#fff}
a.toggle-item{color:#191919}
.toggle-item:after{position:absolute;top:0;left:0;width:50px;height:50px;border-right:1px solid #fff;background-color:#191919;color:#fff;font-size:18px;line-height:50px;text-align:center;content:"+"}
.toggle-item.active:after{content:"-"}
.toggle-item:hover,.toggle-item.active{background-color:#191919;color:#fff;text-decoration:none}
.toggle-item-content{display:none;padding:20px 15px 20px 70px}
.toggle-item-content p:last-child{margin-bottom:0}
.toggle-item-content:after{visibility:hidden;display:block;height:0;font-size:0;content:" ";clear:both}
@media (max-width: 767px) {
.toggle-item-content,.accordion-item-content{padding-left:15px}
}
/* =Buttons= */
/* =Default Button= */
.btn{position:relative;z-index:2;display:inline-block;padding:12px 25px;border:2px solid #191919;margin:0 5px 20px 0;background-color:#fff;color:#191919;line-height:18px;text-decoration:none!important;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.btn.btn-large{padding:15px 30px;font-size:16px}
.btn:after{position:absolute;z-index:-1;top:0;right:0;left:0;height:0;background-color:#a7670b;content:"";-webkit-transition:all .3s;transition:all .3s}
a.btn{color:#191919}
.btn:focus{outline:0}
.btn:hover:after{height:100%}
.btn:hover{background-color:#fff;color:#fff}
.next-button,.prev-button{display:block;padding:15px 25px;margin:0;margin-top:50px;background-color:#f4f4f4;color:#ccc;font-size:16px;-webkit-transition:all .3s;transition:all .3s}
.next-button i,.prev-button i{font-size:20px}
.next-button i{margin-right:30px}
.prev-button i{margin-left:30px}
.next-button{text-align:left}
.prev-button{text-align:right}
.next-button:hover,.prev-button:hover{background-color:#191919;color:#f4f4f4;text-decoration:none}
@media (max-width: 767px) {
.prev-button{text-align:left}
.next-button i,.prev-button i{display:none}
}
/* =Custom Lists= */
ul.unstyled{list-style-type:none}
ul.square{list-style-type:square}
ul.circle{list-style-type:circle}
ul.check,ul.check-2{list-style:none}
ul.check li,ul.check-2 li{margin-bottom:10px}
ul.check li:last-child,ul.check-2 li:last-child{margin-bottom:0}
ul.check li:before,ul.check-2 li:before{position:relative;top:0;width:auto;height:auto;margin-right:15px}
ul.check li:before{content:"⦾"}
ul.check-2 li:before{content:"⦿"}
ul.unstyled a:hover{color:#a7670b;text-decoration:none}
/* =Dividers= */
.divider{margin:0 0 20px}
.divider.single-line{border-top:1px solid #e0e0e0}
.divider.double-line{border-top:4px double #e0e0e0}
.divider.single-dotted{height:1px;background:url(../images/bg-single-dotted.png) repeat-x top left}
.divider.double-dotted{height:4px;background:url(../images/bg-double-dotted.png) repeat-x top left}
/* =Headlines= */
.headline{display:inline-block;margin:50px auto 100px}
.headline h1{margin-bottom:0;line-height:50px;font-weight:700;text-transform:uppercase}
h2#main{margin-bottom:0;line-height:50px; font-size:36px;font-weight:700;text-transform:uppercase}
.headline h6,.headline p.hline{position:relative;margin-left:25px;text-align:left}
.headline h6:before,.headline p.hline:before{position:absolute;top:9px;left:-25px;width:15px;height:5px;background-color:#a7670b;content:""}
.subheadline{margin-bottom:20px;text-transform:uppercase}
.subheadline h3{margin-bottom:0;font-weight:700}
.subheadline:before{display:block;width:15px;height:5px;margin-bottom:10px;background-color:#a7670b;content:""}
.dropcap:first-letter{float:left;margin:7px 5px -5px 0;font-size:50px;font-weight:800}
.dropzag{font-size:50px;font-weight:800}
/* =Icon Box 3= */
.icon-box-3{position:relative;margin-bottom:50px}
.icon-box-3 > i{display:block;margin-bottom:10px;color:#111;font-size:48px}
.icon-box-3 > img{display:block;margin-bottom:50px}
.icon-box-3 h3{margin-bottom:20px;font-weight:600;text-transform:uppercase}
.icon-box-3 h2{margin-bottom:20px;line-height:50px;font-weight:700;text-align:center;text-transform:uppercase}
/* =Loader= */
#page-loader{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#fff;text-align:center}
#page-loader img{position:relative;top:50%;display:block;margin:-50px auto 0}
/* =Social Media= */
a.social-icon{float:left;display:block;width:32px;height:32px;margin-right:10px;margin-bottom:1px;background-color:#191919;color:#fff;text-align:center}
a.social-icon:last-child{margin-right:0}
a.social-icon i{font-size:16px;line-height:32px}
a.social-icon:hover{text-decoration:none}
a.youtube-icon:hover{background-color:#cc181e!important}
a.android-icon:hover{background-color:#98cb02!important}
a.apple-icon:hover{background-color:#000!important}
a.vk-icon:hover{background-color:#50769d!important}
a.telegram-icon:hover{background-color:#0ea4ff!important}
a.rutube-icon:hover{background-color:#666!important}
a.dzen-icon:hover{background-color:#666!important}
/* =Styled Tables= */
.table-bordered{border:1px solid #191919;border-left:none;border-collapse:separate}
.table-bordered th,.table-bordered td{border-left:1px solid #191919}
.table-bordered caption + thead tr:first-child th,.table-bordered caption + tbody tr:first-child th,.table-bordered caption + tbody tr:first-child td,.table-bordered colgroup + thead tr:first-child th,.table-bordered colgroup + tbody tr:first-child th,.table-bordered colgroup + tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:none}
.table-condensed th,.table-condensed td{padding:4px 8px}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f3f3f3}
@media (max-width: 480px) {
table,thead,tbody,th,td,tr{display:block}
.table-bordered{border-top:none}
thead tr{position:absolute;top:-9999px;left:-9999px}
tr{border-top:1px solid #191919}
td:first-child{border-top:none!important}
}
/* =Blog= */
.blog-post blockquote:before{float:left;margin-right:40px;font-size:128px;line-height:128px;content:"🙶"}
.blog-post-info{position:relative;padding:50px 50px 25px 160px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width: 768px) and (max-width: 979px) {
.blog-post-info{padding-left:80px}
}
@media (max-width: 767px) {
.blog-post blockquote:before{margin-right:20px;font-size:48px;line-height:48px}
.blog-post-info{padding:0}
}
/* =Fullwidth Section= */
.fullwidth-section{position:relative;overflow:hidden;z-index:0;padding:30px 100px;margin:0 15px 50px;color:#fff;background-color:#191919;background-attachment:scroll;background-repeat:no-repeat;background-position:50% 0}
.fullwidth-section-content{position:relative;z-index:3}
.fullwidth-section-overlay{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-image:url(../images/pattern.png);background-repeat:repeat;background-position:0 0}
.fullwidth-section-video{position:absolute;overflow:hidden;z-index:1;top:0;left:0;width:100%;height:100%}
.parallax.parallax-enabled{background-attachment:fixed!important;-webkit-background-size:cover;background-size:cover}
.horizontal-parallax{background-repeat:repeat-x}
.animated-parallax{background-repeat:repeat-x}
.fullwidth-section h1 a,.fullwidth-section h2 a,.fullwidth-section h3 a,.fullwidth-section h4 a,.fullwidth-section h5 a,.fullwidth-section h6 a,.fullwidth-section a.btn{color:#fff}
.fullwidth-section .toggle-item:after,.fullwidth-section .accordion-item:after{background-color:#f4f4f4;color:#191919}
.fullwidth-section .toggle-item:nth-of-type(even):after,.fullwidth-section .accordion-item:nth-of-type(even):after{background-color:#fff}
.fullwidth-section .btn{border-color:#fff;background-color:transparent}
.fullwidth-section .icon-box-2 > i,.fullwidth-section .vertical-process-builder:before{border-color:#fff}
.fullwidth-section .horizontal-process-builder:before{width:120%;border-top-color:#fff;margin-left:-75px}
.fullwidth-section .horizontal-process-builder li i,.fullwidth-section .horizontal-process-builder li h1,.fullwidth-section .horizontal-process-builder li img,.fullwidth-section .vertical-process-builder li i,.fullwidth-section .vertical-process-builder li h1,.fullwidth-section .vertical-process-builder li img{outline:0}
.fullwidth-section .progress-bar{background-color:#fff}
/* Backgrounds for fullwidth-section */
#bg-1{padding-top:50px;padding-bottom:90px;color:#b9b9b9}
#bg-7{padding-top:100px;padding-bottom:80px;margin-top:50px;margin-bottom:0}
@media (min-width: 768px) and (max-width: 991px) {
.fullwidth-section{padding-left:30px;padding-right:30px}
}
@media (max-width: 767px) {
.fullwidth-section{-webkit-background-size:cover;background-size:cover;padding-left:15px;padding-right:15px}
}
/* =WordPress Default Classes= */
.ewf-inline-style{display:none}
.sticky{padding:10px;border:1px solid #e0e0e0;background-color:#f3f3f3}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-right:auto;margin-left:auto}
.wp-caption{max-width:96%;padding:5px 3px 10px;border:1px solid #e0e0e0;background:#fff;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{max-width:98.5%;width:auto;height:auto;padding:0;border:none;margin:0}
.wp-caption p.wp-caption-text{padding:0 4px 5px;margin:0;font-size:11px;line-height:17px}
/* =WordPress Widgets= */
/* =Widgets default= */
.blog-sidebar{padding:20px 20px 200px;background-color:#f4f4f4}
.widget{padding-left:20px;margin-bottom:50px}
.widget-title{margin-bottom:45px;margin-left:-20px;line-height:18px;font-weight:600;text-transform:uppercase}
.widget-title:before{display:block;width:15px;height:5px;margin-bottom:10px;background-color:#a7670b;content:""}
#footer .widget,#footer-bottom .widget{padding-left:0}
#footer .widget-title,#footer-bottom .widget-title{margin-left:0;margin-bottom:25px}
#footer .widget-title:before{display:none}
@media (min-width: 1200px) {
.blog-sidebar{padding:40px 20px 200px 40px}
.widget-title{margin-left:-40px}
.widget{padding-left:40px}
}
@media (min-width: 768px) and (max-width: 979px) {
.blog-sidebar{padding:0;background-color:transparent}
.widget{padding-left:0}
.widget-title{margin-left:0}
}
@media (max-width: 767px) {
.blog-sidebar{padding-bottom:10px}
}
/* =Recent Entries Widget= */
.widget_recent_entries ul{margin-bottom:0;list-style:none}
.widget_recent_entries ul li{margin-bottom:30px}
.widget_recent_entries ul li:last-child{margin-bottom:0}
.widget_recent_entries ul li a{color:#191919;font-weight:600;text-transform:uppercase}
.widget_recent_entries ul li small a{font-weight:400;text-transform:none}
@media (min-width: 1200px) {
.widget_recent_entries ul li img{float:left;margin-right:30px}
}
/* =Pages Widget= */
.widget_pages{margin-right:-20px}
.widget_pages ul{margin-bottom:0;list-style:none}
.widget_pages ul li{padding-bottom:20px;border-bottom:2px solid #fff;margin-bottom:20px;font-size:16px;text-transform:uppercase}
.widget_pages ul li:last-child{padding-bottom:0;border-bottom:none;margin-bottom:0}
.widget_pages ul li a{color:#191919}
/* =EWF Contact Info widget= */
.ewf_widget_contact_info ul{margin-bottom:0;list-style:none}
.ewf_widget_contact_info ul li{position:relative;margin-bottom:10px}
.ewf_widget_contact_info ul li:last-child{margin-bottom:0}
.ewf_widget_contact_info ul li a{color:#191919}
#footer .ewf_widget_contact_info li{float:left;margin-bottom:0;margin-right:40px}
#footer .ewf_widget_contact_info li:last-child{margin-right:0}
#footer .ewf_widget_contact_info li h3{margin-bottom:25px;line-height:18px;font-weight:700;text-transform:uppercase}
@media (min-width: 1200px) {
#footer .ewf_widget_contact_info li{margin-right:100px}
}
@media (min-width: 768px) and (max-width: 979px) {
#footer .ewf_widget_contact_info_extra_info{display:none}
}
@media (max-width: 767px) {
#footer .ewf_widget_contact_info li{float:none;margin-bottom:30px}
}
/* =EWF Social media widget= */
.ewf_widget_social_media:after{visibility:hidden;display:block;height:0;font-size:0;content:" ";clear:both}
