@import url("kk_main.css");
/*=============== Fonts Used ===================*/
@font-face {
font-family: 'Arimo';
src:  url('../fonts/Arimo.ttf.woff') format('woff'),
url('../fonts/Arimo.ttf.svg#Arimo') format('svg'),
url('../fonts/Arimo.ttf.eot'),
url('../fonts/Arimo.eot?#iefix') format('embedded-opentype'); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src:  url('../fonts/Oswald.ttf.woff') format('woff'),
url('../fonts/Oswald.ttf.svg#Oswald') format('svg'),
url('../fonts/Oswald.ttf.eot'),
url('../fonts/Oswald.eot?#iefix') format('embedded-opentype'); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato-regular.eot");
src: url("../fonts/lato-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular.woff2") format("woff2"), url("../fonts/lato-regular.woff") format("woff"), url("../fonts/lato-regular.ttf") format("truetype");
font-weight: 400;
font-style: normal; }

@font-face { font-family: 'Futurist-Fixed-width'; src:url('../fonts/Futurist-Fixed-width.ttf.woff') format('woff'), url('../fonts/Futurist-Fixed-width.ttf.svg#Futurist-Fixed-width') format('svg'), url('../fonts/Futurist-Fixed-width.ttf.eot'), url('../fonts/Futurist-Fixed-width.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face {
font-family:Raleway Bold;
src:url(../fonts/raleway.bold.ttf) format("truetype");
}
body {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size:15px;
font-style: normal;
line-height: 25px;
color: #666;
}
img {
vertical-align: middle;
border: 0px none;
max-width: 100%;
height: auto;
}
body, .adv-img p, .caption-bottom p, .adv-circle .caption p, .advs-box p, .list-blog p {

}

#contact-buttons-bar {
position: fixed;
top: 120px;
left: -50px;
width: 50px;
}
#contact-buttons-bar.slide-on-scroll {
position: fixed;
z-index: 999;
top: 350px!important;
}
.contact-button-link {
display: block;
width: 40px;
height: 40px;
padding: 0;
margin-bottom: 0;
text-align: center;
line-height: 40px;
font-size: 22px;
background: #8e8e93;
color: #fff;
position: relative;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
transition: all 250ms;
}
.contact-button-link:active, .contact-button-link:focus, .contact-button-link:hover {
color: #fff;
padding-left: 0;
width: 55px;
text-align: center;
}
.contact-button-link.cb-hidden {
left: -50px;
}
.contact-button-link.facebook {
background: #3b5998;
}
.contact-button-link.linkedin {
background: #0077b5;
}
.contact-button-link.gplus {
background: #db4437;
}
.contact-button-link.youtube {
background: red;
}
.contact-button-link.twitter {
background-color: #00aced;
}
.contact-button-link.insta {
background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%) repeat scroll 0% 0% transparent;
}
.contact-button-link.separated {
margin-top: 1em;
}
.contact-button-link.show-hide-contact-bar:active, .contact-button-link.show-hide-contact-bar:focus, .show-hide-contact-bar {
background: 0 0;
color: #000;
border: 0;
outline: 0;
padding: 0;
width: 50px;
}
.contact-button-link.show-hide-contact-bar:hover {
color: #000;
background: #ccc;
padding: 0;
width: 50px;
}
.email {
color: #fff;
background: #ffae00;
}
.banner_home_kk i {
float: left;
font-size: 16px;
text-align: center;
margin: 7px 20px 0px 0px;
}
.banner_home_kk img {
float: left;
text-align: center;
margin: 7px 20px 0px 0px;
}
.banner_home_kk {
margin-bottom: 5px;
}
.overflow_home_kk {
overflow: hidden;
}
.kkmn p {
font-size: 14px;
line-height: 25px;
color: #666; font-weight:400;
margin-bottom: 10px;
border-bottom: 1px dashed #BFBFBF!important;
padding-bottom: 10px;
}
.kkmn p a {
text-decoration: none;
color: #666; font-weight:400;
font-size: 14px;
line-height: 25px;
}

/*---------------*/
.sticky-container{
padding:0px;
margin:0px;
position:fixed;
right:-96px;
top:50%;
width:180px;
z-index: 1100;
}
.sticky li{
list-style-type:none;
/*background-color:#fff;*/background-color:#000;
color:#fff; 
height:43px;
padding:0px; padding-left:10px
margin:0px 0px 1px 0px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor:pointer;
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
margin-bottom:2px;
}
.sticky li.instagram1{background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%) repeat scroll 0% 0% transparent;}
.sticky li.facebook1{background-color: #3b5998;}
.sticky li.twitter1{background-color: #00aced;}
.sticky li.youtube1{background-color: #bb0000;}
.sticky li:hover{
margin-left:-115px;
}
.sticky li:hover img{transition: all 0.65s; transform: rotateY(360deg);}
.sticky li img{
float:left;
margin:5px 4px;
/*margin-right:5px;*/margin-right:15px;
}
.sticky li p{
padding-top:5px;
margin:0px;
line-height:16px;
font-size:11px;
}
.sticky li p a{
text-decoration:none;
color:#000;
}
.sticky li p a:hover{
text-decoration:none;
}
.sticky li a p{text-decoration:none;color:#fff;}
.sticky li a:hover p{text-decoration:none;color:#fff;}
.kk_workshop_invest_bg_1{background-color:#fef0d7}
.kk_workshop_invest_bg_2{background-color:#d7feec}
.kk_workshop_invest_bg_3{background-color:#d7f6fe}
.kk_workshop_invest_bg_4{background-color:#fed7d7}
.featured-thumbnail {display: inline-block; float: none; border: medium none; margin-bottom:20px;} .featured-thumbnail img {border-radius: 100%;  width: 100px !important; height: 100px !important;}
.kk_sld_1{font-weight: 700; letter-spacing: 3px; font-size: 14px !important; line-height: 49px !important;}
.kk_img_box{margin: 20px 0px;position: relative;} .kk_abt_img{float: right; width: 57%;} .kk_txt_box{width: 100%;position: absolute;} .kk_abt_txt{margin-top: 77px;margin-bottom: 33px;background-color: #f1f2f2;z-index: 2;right: 0px;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);position: relative;width: 50%;float: left;}
.kk_abt_img2{float: right; width: 100%; margin-bottom:10%} .kk_txt_box2{width: 100%;position:absolute;} .kk_abt_txt2{margin-top: 37%; margin-bottom:10%;background-color: #f1f2f2;z-index: 2;right:5%; left:5%;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);position: relative;width:90%;}
@media only screen and (min-width:200px) and (max-width:480px){.kk_abt_img2{float: right; width: 100%; margin-bottom:80%} .kk_cmra{font-size:12px; padding-left:0px;}
.kk_abt_img{float:none; width: 100%;}
.kk_txt_box{position: relative;width: 90%;margin: -80px auto 0px;}
.kk_abt_txt{float:none; width: 100%;} h2.kk_tuh {font-size:20px!important; line-height:28px!important;} .section-tuh:before{left: 34%;}
.kk_evnt_p{font-size: 14px;} h2.kk_evnt{font-size:28px!important; line-height:28px!important;}}
/* a link Styles
------------------------------ */

a, .btn {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:hover {
text-decoration: none;
}
a:focus, a:hover {
color: #101010;
}
a {
outline: medium none !important;
color: #727272;
}
.uppercase {
text-transform: uppercase;
}

/* Headungs
------------------------------ */

h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald', sans-serif;
font-weight: normal;
color: #020202;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
h1 {
font-size: 40px;
line-height: 40px;
margin-bottom: 20px;
font-style: normal;
font-weight: 300;
}
h1.less-mar-1 {
margin-bottom: 10px;
}
h1.less-mar-2 {
margin-bottom: 5px;
}
h1.big-text {
font-size: 50px;
line-height: 50px;padding-top: 45px;
}
h1.big-text-2 {
font-size: 63px;
line-height: 63px;
}
h1.big-text-3 {
font-size: 92px;
line-height: 92px;
}
h1.big-text-4 {
font-size: 52px;
line-height: 62px;
}
h1.big-text-5 {
font-size: 64px;
line-height: 74px;
}


h2 {
font-size: 35px;
line-height: 35px;
margin-bottom: 20px;
font-style: normal;
font-weight: 300;
}
h2.nomargin {
margin-bottom: 0px;
}
h2.less-mar-1 {
margin-bottom: 3px;
}
h2.less-mar-2 {
margin-bottom: 5px;
}
h2.less-mar-3 {
margin-bottom: 7px;
}
h2.less-mar-4 {
margin-bottom: 9px;
}
h2.big-1 {
font-size: 72px;
line-height: 100px;
}
h2.big-2 {
font-size: 67px;
line-height: 67px;
}
h2.bigtext {
font-size: 40px;
}
h2.small {
font-size: 24px;
}
h2.bigtext-1 {
font-size: 42px;
line-height:52px;
}
h2.big-text-2 {
font-size: 50px;
line-height: 50px;
}
h3 {
font-size: 27px;
line-height: 30px;
margin-bottom: 18px;
font-style: normal;
}
h3.nomargin {
margin-bottom: 0px;
}
h3.less-mar-1 {
margin-bottom: 3px;
}
h3.less-mar-2 {
margin-bottom: 5px;
}
h3.less-mar-3 {
margin-bottom: 7px;
}
h3.less-mar-4 {
margin-bottom: 9px;
}
h4 {
font-size: 22px;
line-height: 25px;
margin-bottom: 18px;
font-style: normal;
}
h4.nomargin {
margin-bottom: 0px;
}
h4.less-mar-1 {
margin-bottom: 3px;
}
h4.less-mar-2 {
margin-bottom: 5px;
}
h4.less-mar-3 {
margin-bottom: 7px;
}
h4.small-text {
font-size: 18px;
}
h5 {
font-size: 18px;
line-height: 23px;
margin-bottom: 16px;
font-style: normal;
}
h5.nomargin {
margin-bottom: 0px;
}
h5.less-mar-1 {
margin-bottom: 3px;
}
h5.less-mar-2 {
margin-bottom: 5px;
}
h5.less-mar-3 {
margin-bottom: 7px;
}
h5.less-mar-4 {
margin-bottom: 9px;
}
h5 {
font-size: 18px;
line-height: 23px;
margin-bottom: 16px;
font-style: normal;

}
h6 {
font-size: 16px;
line-height: 21px;
margin-bottom: 14px;
font-style: normal;
}
h6.small {
font-size: 14px;
line-height: 17px;
margin-bottom: 0px;
font-style: normal;
}
h6.nomargin {
margin-bottom: 0px;
}
h6.less-mar-1 {
margin-bottom: 3px;
}
h6.less-mar-2 {
margin-bottom: 5px;
}
h6.less-mar-3 {
margin-bottom: 7px;
}
h6.less-mar-4 {
margin-bottom: 9px;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.h1, .h2, .h3, h1, h2, h3, h4 {
margin-top: 0;
}
ul {
list-style-type: none;
}
p.bfont {
font: 16px 'Lato', sans-serif;
font-weight: normal;
line-height: 27px;
}
p.bfont-2 {
font: 14px 'Lato', sans-serif;
font-weight: normal;
line-height: 27px;
}
p.sfont {
font: 13px 'Lato', sans-serif;
font-weight: normal;
line-height: 21px;
}
/*=============== Text Colors ============= */

.text-white {
color: #fff;
}
.text-dark {
color: #101010;
}
.text-light {
color: #acacac;
}
.text-primary {/*color: #f6ad3e!important;*/color: #337AB7!important;
/*color: #bd5151 !important;*//*color: #ffac7c!important;*/
}
.text-secondary {
color: #bd5151 !important;
}
.text-blue {
color: #1c8adf;
}
.text-gray {
color: #727272;
}
.text-gray-2 {
color: #a1a1a1;
}
.text-gray-3 {
color: #ecf1f3;
}
a:hover.text-hover-gyellow {
color: #bd5151;
}
/*=============== Margins ============= */

.margin-bottom {
margin-bottom: 0px;
}
.margin-bottom-2 {
margin-bottom: 20px;
}
.margin-bottom-3 {
margin-bottom: 30px;
}
.margin-bottom-4 {
margin-bottom: 40px;
}
.margin-bottom-5 {
margin-bottom: 50px;
}
.margin-bottom-6 {
margin-bottom: 60px;
}
.margin-bottom-7 {
margin-bottom: 70px;
}
.margin-bottom-8 {
margin-bottom: 80px;
}
.margin-top {
margin-top: 0px;
}
.margin-top-1 {
float: left;
margin-top: 10px;
width: 100%;
}
.margin-top-2 {
float: left;
margin-top: 20px;
width: 100%;
}
.margin-top-3 {
float: left;
margin-top: 30px;
width: 100%;
}
.margin-top-4 {
float: left;
margin-top: 40px;
width: 100%;
}
.margin-top-5 {
float: left;
margin-top: 50px;
width: 100%;
}
.margin-top-6 {
float: left;
margin-top: 60px;
width: 100%;
}
.margin-top-7 {
float: left;
margin-top: 70px;
width: 100%;
}
.col-divider-margin {
width: 100%;
float: left;
margin-top: 60px;
}
.col-divider-margin-1 {
width: 100%;
float: left;
margin-top: 10px;
}
.col-divider-margin-2 {
width: 100%;
float: left;
margin-top: 20px;
}
.col-divider-margin-3 {
width: 100%;
float: left;
margin-top: 30px;
}
.col-divider-margin-4 {
width: 100%;
float: left;
margin-top: 40px;
}
.col-divider-margin-5 {
width: 100%;
float: left;
margin-top: 50px;
}
.col-divider-margin-6 {
width: 100%;
float: left;
margin-top: 60px;
}
.nobottom-margin {
margin-bottom: 0px;
}

.margin-left-1 {
margin-left: 10px;
}
.margin-left-2 {
margin-left: 20px;
}
.margin-left-3 {
margin-left: 30px;
}
.margin-left-4 {
margin-left: 40px;
}
.margin-left-5 {
margin-left: 50px;
}
.margin-left-6 {
margin-left: 60px;
}
.margin-left-7 {
margin-left: 70px;
}

.margin-right-1 {
margin-right: 10px;
}
.margin-right-2 {
margin-right: 20px;
}
.margin-right-3 {
margin-right: 30px;
}
.margin-right-4 {
margin-right: 40px;
}
.margin-right-5 {
margin-right: 50px;
}
.margin-right-6 {
margin-right: 60px;
}
.margin-right-7 {
margin-right: 70px;
}
.colmargin {
margin: 0 0 0 0;
}
.col-centered {
float: none;
margin: 0 auto;
}

/* font weight
------------------------------ */
.f-weight-1 {
margin-bottom: 0px;
}

/*=============== Divider lines ============= */
.divider-line {
float: left;
width: 100%;
}
.divider-line-2 {
float: left;
width: 70%;
}

.divider-line.dashed {
border-bottom: 1px dashed;
}
.divider-line-2.dashed {
border-bottom: 1px dashed;
}
.divider-line.solid {
border-bottom: 1px solid;
}
.divider-line-2.solid {
border-bottom: 1px solid;
}
.divider-line.dark {
border-bottom-color:#444444;
}
.divider-line.dark-2 {
border-bottom-color:#343333;
}
.divider-line.light {
border-bottom-color:#f1f1f1;
}
.divider-line.top-padding {
padding-top: 20px;
}
.divider-line.bottom-margin {
margin-bottom: 20px;
}
.divider-line.margin {
margin: 20px 0;
}
.divider-line.margin-2 {
margin: 40px 0;
}
/*=============== Paddings ============= */

.no-top-padding {
padding-top: 0;
}

.padding {
padding:50px 50px;
}
.padding-2 {
padding:40px 40px 0px 40px;
}
.padding-three {
padding:80px 80px;
}
.padding-four {
padding:50px 25px;
}
.padding-five {
padding:100px 35px;
}
.padding-six {
padding:50px 40px;
}
.padding-seven {
padding:25px 25px;
}
.padding-eight {
padding:140px 80px;
}
.padding-nine {
padding:40px 40px 100px 40px;
}
/* padding top
------------------------------ */
.padding-top-1 {
padding-top: 10px;
}
.padding-top-2 {
padding-top: 20px;
}
.padding-top-3 {
padding-top: 30px;
}
.padding-top-4 {
padding-top: 40px;
}
.padding-top-5 {
padding-top: 50px;
}
.padding-top-6 {
padding-top: 60px;
}
.padding-top-7 {
padding-top: 70px;
}
.padding-top-8 {
padding-top: 80px;
}
.padding-top-9 {
padding-top: 90px;
}
.padding-top-10 {
padding-top: 100px;
}
/* padding bottom
------------------------------ */
.padding-bottom-1 {
padding-bottom: 10px;
}
.padding-bottom-2 {
padding-bottom: 20px;
}
.padding-bottom-3 {
padding-bottom: 30px;
}
.padding-bottom-4 {
padding-bottom: 40px;
}
.padding-bottom-5 {
padding-bottom: 50px;
}
.padding-bottom-6 {
padding-bottom: 60px;
}
.padding-bottom-7 {
padding-bottom: 70px;
}
.padding-bottom-8 {
padding-bottom: 80px;
}
/* left padding
------------------------------ */

.padding-left-1 {
padding-left: 10px;
}
.padding-left-2 {
padding-left: 20px;
}
.padding-left-3 {
padding-left: 30px;
}
.padding-left-4 {
padding-left: 40px;
}
.padding-left-5 {
padding-left: 50px;
}
.padding-left-6 {
padding-left: 60px;
}
.padding-left-7 {
padding-left: 70px;
}
.padding-left-8 {
padding-left: 80px;
}

/* right padding
------------------------------ */

.padding-right-1 {
padding-right: 10px;
}
.padding-right-2 {
padding-right: 20px;
}
.padding-right-3 {
padding-right: 30px;
}
.padding-right-4 {
padding-right: 40px;
}
.padding-right-5 {
padding-right: 50px;
}
.padding-right-6 {
padding-right: 60px;
}
.padding-right-7 {
padding-right: 70px;
}
.padding-right-8 {
padding-right: 80px;
}
.no-padding-top {
padding-top: 0px;
}

/*=============== Opacity styles ============= */
.opacity-1 {
opacity:0.1;
}
.opacity-2 {
opacity:0.1;
}
.opacity-3 {
opacity:0.3;
}
.opacity-4 {
opacity:0.4;
}
.opacity-5 {
opacity:0.5;
}
.opacity-6 {
opacity:0.6;
}
.opacity-7 {
opacity:0.7;
}
.opacity-8 {
opacity:0.8;
}


/*=============== fonts ============= */

.droid-serif {
font-family: 'Droid Serif', serif;
}
.ubuntu {
font-family: 'Ubuntu', sans-serif;
}
.oswald {
font-family: 'Futurist-Fixed-width', sans-serif;
}
.muli {
font-family: 'Muli', sans-serif;
}
.great-vibes {
font-family: 'Great Vibes', cursive;
}
.old-standardtt {
font-family: 'Old Standard TT', serif;
}
.dosis {
font-family: 'Dosis', sans-serif;
}
.roboto-slab {
font-family: 'Roboto Slab', serif;
}
.gfs-didot {
font-family: 'GFS Didot', serif;
}
.raleway {
font-family: "Raleway", sans-serif;
}
.gloria-hallelujah {
font-family: 'Gloria Hallelujah', cursive;
}
.love-ya-like-a-sister {
font-family: 'Love Ya Like A Sister', cursive;
}
.michroma {
font-family: 'Michroma', sans-serif;
}
.sacramento {
font-family: 'Sacramento', cursive;
}
.yesteryear {
font-family: 'Yesteryear', cursive;
}
.playfair {
font-family: 'Playfair Display', serif;
}
.jockey-one {
font-family: 'Jockey One', sans-serif;
}
.pompiere {
font-family: 'Pompiere', cursive;
}
.raleway {
font-family: 'Raleway', sans-serif;
}
.six-caps {
font-family: 'Six Caps', sans-serif;
}
.cinzel-decorative {
font-family: 'Cinzel Decorative', cursive;
}


/* line height
------------------------------ */
.line-height-1{
line-height:18px;
}



.border-top {
border-top: 1px;
border-style: solid;
border-color: #0090ff;
}
.border-top2 {
border-top: 3px;
border-style: solid;
border-color: #0090ff;
}
.border-top3 {
border-top: 5px;
border-style: solid;
border-color: #0090ff;
}
.border-top4 {
border-top: 7px;
border-style: solid;
border-color: #0090ff;
}
.border-top5 {
border-top: 10px;
border-style: solid;
border-color: #0090ff;
}
.border-top-gray {
border-top: 1px solid #eee;
}
.border-top-gray1 {
border-top: 1px solid #ccc;
}
.border-top-gray2 {
border-top: 1px solid #4a4d51;
}
.border-top-opacity {
border-top: 1px solid rgba(255,255,255,0.2);
}
.border-top-opacity2 {
border-top: 1px solid rgba(255,255,255,0.1);
}

/* letter spacing
------------------------------ */
.lspace-sm{
letter-spacing:5px;
}
.lspace-sm1{
letter-spacing:1px;
}
.lspace-sm2{
letter-spacing:2px;
}
.lspace-1{
letter-spacing:10px;
}
.lspace-2{
letter-spacing:20px;
}
.lspace-3{
letter-spacing:30px;
}
.lspace-4{
letter-spacing:40px;
}
.lspace-5{
letter-spacing:50px;
}


/* font weight styles
------------------------------ */

.font-weight-1 {
font-weight: 100;
}
.font-weight-2 {
font-weight: 200;
}
.font-weight-3 {
font-weight: 300;
}
.font-weight-4 {
font-weight: 400;
}
.font-weight-5 {
font-weight: 500;
}
.font-weight-6 {
font-weight: 600;
}
.font-weight-7 { text-transform:uppercase;
font-weight: 700;
}
.font-weight-8 {
font-weight: 800;
}
.font-weight-b {
font-weight: bold;
}
/*=============== Columns without padding ============= */
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}

/*=============== site main structure ============= */

.site-wrapper {
width: 100%;
margin: 0px auto;
background-color: #FFF;

}
.wrapper-boxed {
margin: auto;
background-color: #FFF;
}

/*=============== image Boxes ============= */

.imgbox-dxlarge, .imgbox-xlarge, .imgbox-large, .imgbox-xmedium, .imgbox-medium, .imgbox-smedium, .imgbox-small, .imgbox-tiny, .imgbox-xtiny {
padding: 0px;
margin: 0 auto;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.imgbox-dxlarge {
width: 300px;
height: 300px;

}
.imgbox-dxlarge-2 {
width: 200px;
height: 200px;

}
.imgbox-xlarge {
width: 135px;
height: 135px;
}
.imgbox-large {
width: 120px;
height: 120px;
}
.imgbox-xmedium {
width: 110px;
height: 110px;
}
.imgbox-medium {
width: 100px;
height: 100px;
}
.imgbox-smedium {
width: 90px;
height: 90px;
}
.imgbox-small {
width: 80px;
height: 80px;
}
.imgbox-tiny {
width: 70px;
height: 70px;
}
.imgbox-xtiny {
width: 60px;
height: 60px;
}

/* icon rounded
------------------------------ */

.imgbox-dxlarge.round, .imgbox-dxlarge-2.round, .imgbox-xlarge.round, .imgbox-large.round, .imgbox-xmedium.round, .imgbox-medium.round, .imgbox-smedium.round, .imgbox-small.round, .imgbox-tiny.round, .imgbox-xtiny.round {
border-radius: 100%;
}
/* imgboxes alignments
------------------------------ */

.imgbox-dxlarge.center, .imgbox-dxlarge-2.center, .imgbox-xlarge.center, .imgbox-large.center, .imgbox-xmedium.center, .imgbox-medium.center, .imgbox-smedium.center, .imgbox-small.center, .imgbox-tiny.center, .imgbox-xtiny.center {
margin: 0 auto;
}
.imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
float: left;
margin: 0px 20px 0px 0px;
}
.imgbox-dxlarge.right, .imgbox-dxlarge-2.right, .imgbox-xlarge.right, .imgbox-large.right, .imgbox-xmedium.right, .imgbox-medium.right, .imgbox-smedium.right, .imgbox-small.right, .imgbox-tiny.right, .imgbox-xtiny.right {
float: right;
margin: 0px 0px 0px 20px;
}

/* imgboxe background colors
------------------------------ */	
.imgbox-dxlarge.dark, .imgbox-dxlarge-2.dark, .imgbox-xlarge.dark, .imgbox-large.dark, .imgbox-xmedium.dark, .imgbox-medium.dark, .imgbox-smedium.dark, .imgbox-small.dark, .imgbox-tiny.dark, .imgbox-xtiny.dark {
color: #fff;
background-color: #101010;
}
.imgbox-dxlarge.white, .imgbox-dxlarge-2.white, .imgbox-xlarge.white, .imgbox-large.white, .imgbox-xmedium.white, .imgbox-medium.white, .imgbox-smedium.white, .imgbox-small.white, .imgbox-tiny.white, .imgbox-xtiny.white {
color: #323335;
background-color: #fff;
}
.imgbox-dxlarge.gray, .imgbox-dxlarge-2.gray, .imgbox-xlarge.gray, .imgbox-large.gray, .imgbox-xmedium.gray, .imgbox-medium.gray, .imgbox-smedium.gray, .imgbox-small.gray, .imgbox-tiny.gray, .imgbox-xtiny.gray {
color: #fff;
background-color: #474747;
}

/* imgboxs with stroke
------------------------------ */	
.imgbox-dxlarge.outline-gray, .imgbox-dxlarge-2.outline-gray, .imgbox-xlarge.outline-gray, .imgbox-large.outline-gray, .imgbox-xmedium.outline-gray, .imgbox-medium.outline-gray, .imgbox-smedium.outline-gray, .imgbox-small.outline-gray, .imgbox-tiny.outline-gray, .imgbox-xtiny.outline-gray {
color: #fff;
background-color: none;
border: 1px solid #727272;
}
.imgbox-dxlarge.outline-gray-2, .imgbox-dxlarge-2.outline-gray-2, .imgbox-xlarge.outline-gray-2, .imgbox-large.outline-gray-2, .imgbox-xmedium.outline-gray-2, .imgbox-medium.outline-gray-2, .imgbox-smedium.outline-gray-2, .imgbox-small.outline-gray-2, .imgbox-tiny.outline-gray-2, .imgbox-xtiny.outline-gray-2 {
color: #323335;
background-color: none;
border: 1px solid #e4e4e4;
}
.imgbox-dxlarge.outline-white, .imgbox-dxlarge-2.outline-white, .imgbox-xlarge.outline-white, .imgbox-large.outline-white, .imgbox-xmedium.outline-white, .imgbox-medium.outline-white, .imgbox-smedium.outline-white, .imgbox-small.outline-white, .imgbox-tiny.outline-white, .imgbox-xtiny.outline-white {
color: #fff;
background-color: none;
border: 1px solid #fff;
}
.imgbox-dxlarge.outline-dark, .imgbox-dxlarge-2.outline-dark, .imgbox-xlarge.outline-dark, .imgbox-large.outline-dark, .imgbox-xmedium.outline-dark, .imgbox-medium.outline-dark, .imgbox-smedium.outline-dark, .imgbox-small.outline-dark, .imgbox-tiny.outline-dark, .imgbox-xtiny.outline-dark {
color: #323335;
background-color: none;
border: 1px solid #323335;
}

/*=============== Icon Boxes ============= */

.iconbox-dxlarge, .iconbox-xlarge, .iconbox-large, .iconbox-xmedium, .iconbox-medium, .iconbox-smedium, .iconbox-small, .iconbox-tiny, .iconbox-xtiny {
padding: 0px;
margin: 0 auto;
text-align: center;
transition: all 0.3s ease-out 0s;
}
.iconbox-dxlarge {
width: 200px;
height: 200px;
font-size: 46px;
color: #323335;
border: none;
line-height: 135px;
}
.iconbox-xlarge {
width: 135px;
height: 135px;
font-size: 46px;
color: #323335;
line-height: 135px;
}
.iconbox-large {
width: 120px;
height: 120px;
font-size: 46px;
color: #323335;
line-height: 114px;
}
.iconbox-xmedium {
width: 110px;
height: 110px;
font-size: 38px;
color: #323335;
line-height: 106px;
}
.iconbox-medium {
width: 100px;
height: 100px;
font-size: 32px;
color: #323335;
line-height: 100px;
}
.iconbox-smedium {
width: 90px;
height: 90px;
font-size: 26px;
color: #323335;
line-height: 90px;
}
.iconbox-small {
width: 80px;
height: 80px;
font-size: 26px;
color: #323335;
line-height: 80px;
}
.iconbox-tiny {
width: 70px;
height: 70px;
font-size: 26px;
color: #323335;
line-height: 74px;
}
.iconbox-xtiny {
width: 60px;
height: 60px;
font-size: 22px;
color: #323335;
line-height: 60px;
}
.digit {
width: 32px;
height: 32px;
text-align: center;
font-size: 14px;
color: #fff;
left: 115px;
top: 115px;
line-height: 36px;
border-radius: 100%;
background-color: #fd602c;
transition: all 0.3s ease-out 0s;
}
.iconbox-xlarge.no-lineheight {
line-height: 0;
}

/* icon rounded
------------------------------ */

.iconbox-dxlarge.round, .iconbox-xlarge.round, .iconbox-large.round, .iconbox-xmedium.round, .iconbox-medium.round, .iconbox-smedium.round, .iconbox-small.round, .iconbox-tiny.round, .iconbox-xtiny.round {
border-radius: 100%;
}
/* iconboxes alignments
------------------------------ */

.iconbox-dxlarge.center, .iconbox-xlarge.center, .iconbox-large.center, .iconbox-xmedium.center, .iconbox-medium.center, .iconbox-smedium.center, .iconbox-small.center, .iconbox-tiny.center, .iconbox-xtiny.center {
margin: 0 auto;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
float: left;
margin: 0px 20px 0px 0px;
}
.iconbox-dxlarge.right, .iconbox-xlarge.right, .iconbox-large.right, .iconbox-xmedium.right, .iconbox-medium.right, .iconbox-smedium.right, .iconbox-small.right, .iconbox-tiny.right, .iconbox-xtiny.right {
float: right;
margin: 0px 0px 0px 20px;
}

/* iconboxe background colors
------------------------------ */	
.iconbox-dxlarge.dark, .iconbox-xlarge.dark, .iconbox-large.dark, .iconbox-xmedium.dark, .iconbox-medium.dark, .iconbox-smedium.dark, .iconbox-small.dark, .iconbox-tiny.dark, .iconbox-xtiny.dark {
color: #fff;
background-color: #101010;
}
.iconbox-dxlarge.white, .iconbox-xlarge.white, .iconbox-large.white, .iconbox-xmedium.white, .iconbox-medium.white, .iconbox-smedium.white, .iconbox-small.white, .iconbox-tiny.white, .iconbox-xtiny.white {
color: #323335;
background-color: #fff;
}
.iconbox-dxlarge.gray, .iconbox-xlarge.gray, .iconbox-large.gray, .iconbox-xmedium.gray, .iconbox-medium.gray, .iconbox-smedium.gray, .iconbox-small.gray, .iconbox-tiny.gray, .iconbox-xtiny.gray {
color: #fff;
background-color: #474747;
}

/* iconboxs with stroke
------------------------------ */	
.iconbox-dxlarge.outline-gray, .iconbox-xlarge.outline-gray, .iconbox-large.outline-gray, .iconbox-xmedium.outline-gray, .iconbox-medium.outline-gray, .iconbox-smedium.outline-gray, .iconbox-small.outline-gray, .iconbox-tiny.outline-gray, .iconbox-xtiny.outline-gray {
color: #fff;
background-color: none;
border: 1px solid #727272;
}
.iconbox-dxlarge.outline-gray-2, .iconbox-xlarge.outline-gray-2, .iconbox-large.outline-gray-2, .iconbox-xmedium.outline-gray-2, .iconbox-medium.outline-gray-2, .iconbox-smedium.outline-gray-2, .iconbox-small.outline-gray-2, .iconbox-tiny.outline-gray-2, .iconbox-xtiny.outline-gray-2 {
color: #323335;
background-color: none;
border: 1px solid #e4e4e4;
}
.iconbox-dxlarge.outline-white, .iconbox-xlarge.outline-white, .iconbox-large.outline-white, .iconbox-xmedium.outline-white, .iconbox-medium.outline-white, .iconbox-smedium.outline-white, .iconbox-small.outline-white, .iconbox-tiny.outline-white, .iconbox-xtiny.outline-white {
color: #fff;
background-color: none;
border: 1px solid #fff;
}
.iconbox-dxlarge.outline-dark, .iconbox-xlarge.outline-dark, .iconbox-large.outline-dark, .iconbox-xmedium.outline-dark, .iconbox-medium.outline-dark, .iconbox-smedium.outline-dark, .iconbox-small.outline-dark, .iconbox-tiny.outline-dark, .iconbox-xtiny.outline-dark {
color: #161616;
background-color: none;
border: 1px solid #161616;
}
/* iconboxs with stroke
------------------------------ */	
.iconbox-dxlarge.border-gray, .iconbox-xlarge.border-gray, .iconbox-large.border-gray, .iconbox-xmedium.border-gray, .iconbox-medium.border-gray, .iconbox-smedium.border-gray, .iconbox-small.border-gray, .iconbox-tiny.border-gray, .iconbox-xtiny.border-gray {
color: #fff;
background-color: none;
border: 1px solid #727272;
}
.iconbox-dxlarge.border-gray-2, .iconbox-xlarge.border-gray-2, .iconbox-large.border-gray-2, .iconbox-xmedium.border-gray-2, .iconbox-medium.border-gray-2, .iconbox-smedium.border-gray-2, .iconbox-small.border-gray-2, .iconbox-tiny.border-gray-2, .iconbox-xtiny.border-gray-2 {
color: #242424;
background-color: none;
border: 1px solid #e4e4e4;
}
.iconbox-dxlarge.border-white, .iconbox-xlarge.border-white, .iconbox-large.border-white, .iconbox-xmedium.border-white, .iconbox-medium.border-white, .iconbox-smedium.border-white, .iconbox-small.border-white, .iconbox-tiny.border-white, .iconbox-xtiny.border-white {
color: #fff;
background-color: none;
border: 1px solid #fff;
}
.iconbox-dxlarge.border-dark, .iconbox-xlarge.border-dark, .iconbox-large.border-dark, .iconbox-xmedium.border-dark, .iconbox-medium.border-dark, .iconbox-smedium.border-dark, .iconbox-small.border-dark, .iconbox-tiny.border-dark, .iconbox-xtiny.border-dark {
color: #161616;
background-color: none;
border: 1px solid #161616;
}

/*=============== Icon circles ============= */
.iconcircle-dxlarge, .iconcircle-xlarge, .iconcircle-large, .iconcircle-xmedium, .iconcircle-medium, .iconcircle-smedium, .iconcircle-small, .iconcircle-tiny, .iconcircle-xtiny {
padding: 0px;
margin: 0 auto;
text-align: center;
border-radius:100%;
transition: all 0.3s ease-out 0s;
}
.iconcircle-dxlarge {
width: 200px;
height: 200px;
font-size: 46px;
color: #242424;
border: none;
line-height: 135px;
}
.iconcircle-xlarge {
width: 135px;
height: 135px;
font-size: 46px;
color: #242424;
line-height: 135px;
}
.iconcircle-large {
width: 120px;
height: 120px;
font-size: 36px;
color: #242424;
line-height: 118px;
}
.iconcircle-xmedium {
width: 110px;
height: 110px;
font-size: 38px;
color: #242424;
line-height: 106px;
}
.iconcircle-medium {
width: 100px;
height: 100px;
font-size: 32px;
color: #242424;
line-height: 100px;
}
.iconcircle-smedium {
width: 90px;
height: 90px;
font-size: 26px;
color: #242424;
line-height: 90px;
}
.iconcircle-small {
width: 80px;
height: 80px;
font-size: 26px;
color: #242424;
line-height: 80px;
}
.iconcircle-tiny {
width: 70px;
height: 70px;
font-size: 26px;
color: #242424;
line-height: 74px;
}
.iconcircle-xtiny {
width: 60px;
height: 60px;
font-size: 18px;
color: #242424;
line-height: 60px;
}
.iconcircle-xlarge.no-lineheight {
line-height: 0;
}

/* Icons Plain
------------------------------ */	

.icon-plain-large {
font-size: 80px;
color: #323335;
transition: all 0.3s ease-out 0s;
}
.icon-plain-medium {
font-size: 60px;
color: #323335;
transition: all 0.3s ease-out 0s;
}
.icon-plain-small {
font-size: 40px;
color: #323335;
transition: all 0.3s ease-out 0s;
}
.icon-plain-msmall {
font-size: 32px;
color: #323335;
transition: all 0.3s ease-out 0s;
}
.icon-plain-tiny {
font-size: 20px;
/*color: #323335;*/color: #762c01;
transition: all 0.3s ease-out 0s;
}
.icon-plain-small.rightline {
border-right: 1px solid #3F3F3F;
}
.icon-plain-medium.rightline {
margin: 0px 20px 50px 0px;
border-right: 1px solid #FFC153;
}
.icon-plain-small.dark {
color: #323335;
}

/* plain icon alignments
------------------------------ */

.icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
margin: 0 auto;
}
.icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
float: left;
margin: 0px 20px 0px 0px;
}
.icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
float: right;
margin: 0px 0px 0px 20px;
}

/* plain icon colors
------------------------------ */

.icon-plain-large.dark, .icon-plain-medium.dark, .icon-plain-small.dark, .icon-plain-msmall.dark, .icon-plain-tiny.dark {
color: #323335;
}
.icon-plain-large.white, .icon-plain-medium.white, .icon-plain-small.white, .icon-plain-msmall.white, .icon-plain-tiny.white {
color: #fff;
}
.icon-plain-large.green, .icon-plain-medium.green, .icon-plain-small.green, .icon-plain-msmall.green, .icon-plain-tiny.green {
color: #fd602c;
}
.icon-plain-large.gray, .icon-plain-medium.gray, .icon-plain-small.gray, .icon-plain-msmall.gray, .icon-plain-tiny.gray {
color: #727272;
}

/*============ Text Boxes ============ */

.text-box-right {
display: block;
padding: 0px 0px 0px 99px;
margin: 0px;
text-align: left;
}
.text-box-left {
display: block;
padding: 0px 90px 0px 0;
margin: 0px;
text-align: right;
}
.item-holder {
width: 100%;
padding: 0px;
margin: 0px;
}
.text-box {
width: 100%;
float: left;
}
.text-box.white {
background-color: #fff;
}
.text-box.gyellow {
background-color: #ecae3d;
}
.text-box.primary {
background-color: #bd5151;
}
.text-box.secondary {
background-color: #bd5151;
}
.text-box.white-transparent-1 {
background-color:rgba(255, 255, 255, 0.9);
}
.text-box.light {
background-color: #f5f5f5;
}
.text-box.dark {
background-color: #323335;
}
.text-box.xdark {
background-color: #000;
}
.text-box.border-light{
border: 1px solid #ececec;
}
/* text boxes with borders
------------------------------ */
.text-box-right.border, .text-box-left.border, .item-holder.border, .text-box-inner.border, .text-box.border {
border: 1px solid #f1f1f1;
}
.text-box-right.border-top, .text-box-left.border-top, .item-holder.border-top, .text-box-inner.border-top, .text-box.border-top {
border-top: 1px solid #f1f1f1;
}
.text-box-right.border-bottom, .text-box-left.border-bottom, .item-holder.border-bottom, .text-box-inner.border-bottom, .text-box.border-bottom {
border-bottom: 1px solid #f1f1f1;
}
.text-box-right.border-left, .text-box-left.border-left, .item-holder.border-left, .text-box-inner.border-left, .text-box.border-left {
border-left: 1px solid #f1f1f1;
}
.text-box-right.border-right, .text-box-left.border-right, .item-holder.border-right, .text-box-inner.border-right, .text-box.border-right {
border-right: 1px solid #f1f1f1;
}

/* text boxe padding
------------------------------ */

.text-box.sbox-padd-left {
padding-left:0px;
}

.text-box.padding-1 {
padding: 10px;
}
.text-box.padding-2 {
padding: 20px;
}
.text-box.padding-3 {
padding: 30px;
}
.text-box.padding-4 {
padding: 40px;
}
.text-box.padding-5 {
padding: 50px;
}
.text-box.padding-6 {
padding: 60px;
}
.text-box.padding-7 {
padding: 70px;
}
.text-box.padding-8 {
padding: 80px;
}
.text-box.padding-9 {
padding: 90px;
}

/* text boxes margin and paddings
------------------------------ */

/* left box
------------------------------ */

.item-holder.marginbottom {
margin: 0 0 40px 0;
}
.text-box-left.more-padding-1 {
padding: 0px 120px 0px 0px;
}
.text-box-left.more-padding-2 {
padding: 0px 150px 0px 0px;
}
.text-box-left.less-padding-1 {
padding: 0px 70px 0px 0;
}
.text-box-left.less-padding-2 {
padding: 0px 50px 0px 0;
}
/* right box
------------------------------ */

.text-box-right.more-padding-1 {
padding: 0px 0px 0px 120px;
}
.text-box-right.more-padding-2 {
padding: 0px 0px 0px 140px;
}
.text-box-right.more-padding-3 {
padding: 0px 0px 0px 160px;
}
.text-box-right.more-padding-4 {
padding: 0px 0px 0px 170px;
}
.text-box-right.less-padding-1 {
padding: 0px 0px 0px 70px;
}
.text-box-right.less-padding-2 {
padding: 0px 0px 0px 50px;
}
.text-box-right.less-padding-3 {
padding: 0px 0px 0px 40px;
}
.text-box-right.less-padding-4 {
padding: 0px 0px 0px 80px;
}
.text-box-right.less-padding-5 {
padding: 0px 0px 0px 60px;
}
/*============ Buttons ============ */

a.read-more {
color: #ecae3d;
}
a.read-more:hover {
color: #101010;
}
a.read-more.white {
color: #fff;
}
a.read-more.white:hover {
color: #101010;
}
a.read-more.dark {
color: #101010;
}
a.read-more.dark:hover {
color: #ecae3d;
}
a.read-more.dark-2 {
color: #101010;
}
a.read-more.dark-2:hover {
color: #727272;
}
a.read-more.primary {
color: #bd5151;
}
a.read-more.primary:hover {
color: #101010;
}
a.read-more.gyellow-2 {
color: #ecae3d;
}
a.read-more.gyellow-2:hover {
color: #fff;
}
/* button styles
------------------------------ */

.btn {
padding: 10px 36px;
margin: 0px;
box-shadow: none;
border-radius: 0;
}
.btn.btn-large {
padding: 15px 60px;
}
.btn.btn-medium {
padding: 10px 30px;
}
.btn.btn-small {
padding: 8px 18px;
}
.btn.btn-small-2 {
padding: 4px 18px;
}
.btn.btn-fullwidth {
width:100%;
}
.btn.btn-half-fullwidth {
width:50%;
}
/* button radius
------------------------------ */ 
.btn.btn-xround {
border-radius: 20px;
}
.btn.btn-xround-2 {
border-radius: 30px;
}
.btn.btn-round {
border-radius: 2px;
}
.btn.top-margin {
margin-top: 20px;
}

/* button right margins
------------------------------ */ 
.btn.btn-mar-right-1 {
margin-right:10px
}
.btn.btn-mar-right-2 {
margin-right:20px
}
.btn.btn-mar-right-3 {
margin-right:30px
}
.btn.btn-mar-right-4 {
margin-right:40px
}
.btn.btn-mar-right-5 {
margin-right:50px
}
/* button left margins
------------------------------ */ 
.btn.btn-mar-left-1 {
margin-left:10px
}
.btn.btn-mar-left-2 {
margin-left:20px
}
.btn.btn-mar-left-3 {
margin-left:30px
}
.btn.btn-mar-left-4 {
margin-left:40px
}
.btn.btn-mar-left-5 {
margin-left:50px
}


/* button background colors
------------------------------ */

/* button white
------------------------------ */
.btn.btn-white {
color: #101010;
background-color: #fff;
}
.btn.btn-white:hover {
color: #fff;
background-color: #101010;
}
/* button white transparent
------------------------------ */
.btn.btn-white-tr {
color: #101010;
background-color: rgba(255, 255, 255, 0.6);
}
.btn.btn-white-tr:hover {
color: #101010;
background-color: #fff;
}

/* button dark
------------------------------ */
.btn.btn-dark {
color: #fff;
background-color: #101010;
}
.btn.btn-dark:hover {
color: #fff;
background-color: #3e3e3e;
}
/* button dark-2
------------------------------ */
.btn.btn-dark-2 {
color: #fff;
background-color: #161616;
}
.btn.btn-dark-2:hover {
color: #161616;
background-color: #fff;
}
/* button golden yellow
------------------------------ */
.btn.btn-prim {
color: #fff;
background-color: #bd5151;
}
.btn.btn-prim:hover {
color: #fff;
background-color: #101010;
}

/* button dark-3
------------------------------ */
.btn.btn-dark-3 {
color: #727272;
background-color: #101010;
}
.btn.btn-dark-3:hover {
color: #727272;
background-color: #323335;
}
/* button light
------------------------------ */
.btn.btn-light {
color: #101010;
background-color: #f5f5f5;
}
.btn.btn-light:hover {
color: #727272;
background-color: #101010;
}
/* button golden yellow
------------------------------ */
.btn.btn-gyellow {
color: #fff;
background-color: #ecae3d;
}
.btn.btn-gyellow:hover {
color: #fff;
background-color: #101010;
}
.btn.btn-gyellow-2 {
color: #fff;
background-color: #ecae3d;
}
.btn.btn-gyellow-2:hover {
color: #101010;
background-color: #fff;
}

/* button with border
------------------------------ */
.btn.btn-border {
color: #323335;
border: 2px solid;
}
.btn.btn-border.less-bor {
border: 1px solid;
}
.btn.btn-border.border-1x {
border: 1px solid;
}
.btn.btn-border.border-2x {
border: 2px solid;
}
.btn.btn-border.border-3x {
border: 3px solid;
}
.btn.btn-border.border-4x {
border: 4px solid;
}



/* button border white
------------------------------ */
.btn.btn-border.white {
color: #fff;
border-color:#fff;
}
.btn.btn-border:hover.white {
color:#323335;
background-color:#fff;
border-color:#fff;
}
/* button border dark
------------------------------ */
.btn.btn-border.dark {
border-color:#101010;
}
.btn.btn-border:hover.dark {
color:#fff;
background-color:#101010;
border-color:#101010;
}

/* button border dark
------------------------------ */
.btn.btn-border.dark-2 {
color:#fff;
border-color:#545454;
}
.btn.btn-border:hover.dark-2 {
color:#101010;
background-color:#fff;
border-color:#fff;
}

/* button border light
------------------------------ */
.btn.btn-border.light {
border-color:#e4e4e4;
}
.btn.btn-border:hover.light {
color:#fff;
background-color:#101010;
border-color:#101010;
}

/* button border extra light
------------------------------ */
.btn.btn-border.xlight {
border-color:#f5f5f5;
}
.btn.btn-border:hover.xlight {
color:#727272;
background-color:#101010;
border-color:#101010;
}

/* button border orange-2
------------------------------ */
.btn.btn-border.gyellow {
color:#ecae3d;
border-color:#ecae3d;
}
.btn.btn-border:hover.gyellow {
color:#fff;
background-color:#ecae3d;
border-color:#ecae3d;
}

/* button border gray
------------------------------ */
.btn.btn-border.gray {
color:#fff;
border-color:#727272;
}
.btn.btn-border:hover.gray {
color:#fff;
background-color:#5c5b5b;
border-color:#5c5b5b;
}

/* button border gray-2
------------------------------ */
.btn.btn-border.gray-2 {
color:#101010;
border-color:#727272;
}
.btn.btn-border:hover.gray-2 {
color:#fff;
background-color:#5c5b5b;
border-color:#5c5b5b;
}

/* button border xdark
------------------------------ */
.btn.btn-border.xdark {
color:#161616;
border-color:#161616;
}
.btn.btn-border:hover.xdark {
color:#fff;
background-color:#161616;
border-color:#161616;
}

/* button border white on hover golden yellow
------------------------------ */
.btn.btn-border.white.gyellow {
color:#fff;
border-color:#fff;
}
.btn.btn-border:hover.white.gyellow {
color:#fff;
background-color:#ecae3d;
border-color:#ecae3d;
}

/* Appstore buttons
------------------------------ */ 

.btn.appstore {
width: 200px;
padding: 10px 25px;
margin: 0px;
text-align: left;
}
.btn.appstore.right-margin {
margin-right: 10px;
}
.btn.appstore.gyellow {
background-color: #ecae3d;
}
.btn.appstore span {
margin: 0px;
float: left;
padding: 0;
text-align: left;
}
.btn.appstore span i {
font-size: 40px;
color: #fff;
padding: 0 20px 0 0;
}
.btn.appstore p {
font-size: 12px;
display: block;
margin: 0;
padding: 0 25px 0 20px;
text-align: left;
}
.btn.appstore .big {
margin: 0px;
font-size: 18px;
padding: 0;
}
.btn.appstore.gyellow:hover {
background-color: #fff;
}
.btn.appstore.gyellow:hover p, .btn.appstore.gyellow:hover .big, .btn.appstore.gyellow:hover span i {
color: #101010;
}
/* Appstore button white
------------------------------ */
.btn.appstore.white {
background-color: #fff;
}
.btn.appstore.white span i {
font-size: 40px;
color: #101010;
padding: 0 20px 0 0;
}
.btn.appstore.white:hover {
background-color: #ecae3d;
}
.btn.appstore.white:hover p, .btn.appstore.white:hover .big, .btn.appstore.white:hover span i {
color: #fff;
}


/*============ Image Boxes ============ */

.section-side-image {
position: relative;
padding: 0px;
margin: 0px;
}
.section-side-image .img-holder {
overflow: hidden;
height: 100%;
padding: 0px;
top: 0px;
position: absolute;
}
.background-imgholder.top-padd {
padding-top: 80px;
}
.section-side-image .text-inner {
padding: 80px 80px 80px 0;
}
.section-side-image .text-inner-2 {
padding: 80px;
}
.section-side-image .text-inner-3 {
padding: 80px 80px 0px 80px;
}
.section-side-image .text-inner.two {
padding: 0px 80px 0px 0;
}
.section-side-image .text-inner-4 {
padding: 0 0 0 0;
}
.section-side-image .text-inner-5 {
padding: 120px 120px 120px 0;
}
.background-imgholder {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
background-size: cover !important;
background-position: 50% 50% !important;
}

/* side image 2
------------------------------ */
.section-side-image-2 {
position: relative;
padding: 0px;
margin: 0px;
}
.section-side-image-2 .img-holder {
overflow: hidden;
height: 100%;
padding: 0px;
top: 0px;
position: absolute;
}
.section-side-image-2 .background-imgholder-2.top-padd {
padding-top: 80px;
}
.section-side-image-2 .text-inner.two {
padding: 0px 80px 0px 0;
}
.section-side-image-2 .background-imgholder-2 {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
background-size: cover !important;
background-position: 50% 50% !important;
}
.image-holder {
width: 100%;
float: left;
}
.image-holder.less-width-1 {
width: 80%;
}
.image-holder.less-width-2 {
width: 75%;
}
.image-holder.less-width-3 {
width: 70%;
}
.image-left {
color: #fff;
float: left;
margin: 0;
padding: 0 20px 0 0;
transition: all 0.3s ease-out 0s;
}
.img-align-left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.nodisplay-image {
display: none;
}
/* image overflow hidden
------------------------------ */
.overflow-hidden {
overflow: hidden;
}

/*============ Lists ============ */

.iconlist {
width: 100%;
padding: 0px;
margin: 0px;
}
.iconlist li {
padding: 0px;
margin: 0 0 15px 0;
display: block;
line-height: 23px;
}
.iconlist li i {
color: #ecae3d;
padding: 0 15px 0 0;
}
.iconlist.gyellow li i {
color: #ecae3d;
padding: 0 15px 0 0;
}
.iconlist.dark li i {
color: #101010;
}
.iconlist.less-margin li {
margin: 0 0 13px 0;
}
.iconlist.white li i {
color: #fff;
}
.iconlist.white-2 li {
color: #fff;
}
.iconlist.medium li i {
color: #727272;
}


/* icon list style 2
------------------------------ */
.iconlist-2 {
width: 100%;
padding: 0px;
margin: 0px 0px 10px 0px;
float: left;
}
.iconlist-2 .icon {
width: 18px;
height: 18px;
padding: 0px;
margin: 3px 15px 0px 0px;
float: left;
font-size: 14px;
text-align: center;
line-height: 15px;
color: #bd5151;
border-radius: 100%;
}
.iconlist-2 .text {
padding: 0px 0 0 28px;
margin: 0px;
display: block;
}

.iconlist-2 .icon.dark {
color: #101010;
}
.iconlist-2 .icon.light {
color: #f5f5f5;
}
.iconlist-2 .icon.white {
color: #fff;
}
.iconlist-2 .icon.gyellow {
color: #ecae3d;
}
/*  icon sizes 
------------------------------ */

.iconsize, i.iconsize {
font-size: 5px;
}
.iconsize1, i.iconsize1 {
font-size: 16px;
}
.iconsize2, i.iconsize2 {
font-size: 20px;
}
.iconsize3, i.iconsize3 {
font-size: 25px;
}
.iconsize4, i.iconsize4 {
font-size: 30px;
}
.iconsize5, i.iconsize5 {
font-size: 40px;
}

/* =========== client logos ============= */

.clients-list.grid-cols-2 li {
width: 50%;
}
.clients-list.grid-cols-3 li {
width: 33.33%;
}
.clients-list.grid-cols-4 li {
width: 25%;
}
.clients-list.grid-cols-5 li {
width: 20%;
}
.clients-list.grid-cols-6 li {
width: 16.66%;
}

.clients-list {
padding-left:0px;
overflow: hidden;
}
.clients-list li {
position: relative;
width: 20%;
float: left;
padding: 25px 0;
transition: all 0.3s ease-out 0s;   
}
.clients-list li a img {
width: 100%;
}
.clients-list li a, .clients-list li img {
display: block;
margin:0 auto;
width: 75%;
}
.clients-list li::before, .clients-list li::after {
content: "";
position: absolute;
}
.clients-list li::before {
height: 100%;
top: 0;
left: -1px;
border-left: 1px solid #e9e9e9;
}
.clients-list li::after{
width: 100%;
height: 0;    
left: 0;
top: auto;
bottom: -1px;
border-bottom: 1px solid #e9e9e9;
}
.clients-list.border-dark li::before {
border-left: 1px solid #333333;
}
.clients-list.border-dark li::after{
border-bottom: 1px solid #333333;
}
.clients-list.noborder li::after{
border-bottom: none;
}
.clients-list.noborder li::before{
border-left: none;
}
/* logo hover styles
------------------------------ */

.clients-list.hover-1 li:hover {
background-color:#f5f5f5;
}
.clients-list.hover-2 li:hover {
background-color:#f5f5f5;
}
.clients-list.hover-3 li:hover {
background-color:#f5f5f5;
}
.clients-list.hover-4 li a {
opacity:0.4;
}
.clients-list.hover-4 li a:hover {
opacity:1;
}
.clients-list.hover-5 li a {
opacity:0.8;
}
.clients-list.hover-5 li a:hover {
opacity:1;
}
.clients-list.hover-6 li {
opacity:0.8;
}
.clients-list.hover-6 li:hover {
background-color:#f5f5f5;
}
/* side navigation list
------------------------------ */
.side-nav-list {
width: 100%;
padding: 0px;
margin: 0px;
float: left;
}
.side-nav-list li {
width: 100%;
padding: 0px;
margin: 0 0 2px 0;
float: left;
}
.side-nav-list li a {
width: 100%;
padding: 15px 25px;
margin: 0px;
font-weight: normal;
float: left;
background-color: #f6f6f6;
}
.side-nav-list li a:hover, .side-nav-list li a.active {
color: #fff;
background-color: #ecae3d;
}
/* side navigation list
------------------------------ */
.category-links {
width: 100%;
padding: 0px;
margin: 0px;
float: left;
}
.category-links li {
width: 100%;
padding: 10px 0;
margin: 0 0 0 0;
float: left;
border-bottom: 1px solid #eeeeee;
}
.category-links li a:hover, .category-links li a.active {
color: #ecae3d;
}
.category-links li:last-child {
border-bottom: none;
}

/* blog1 tags
------------------------------ */	
.tags {
padding: 0px;
margin: 0px;
}
.tags li {
padding: 0px;
margin: 0;
}
.tags li a {
padding: 5px 15px 5px 15px;
margin: 0 10px 10px 0;
float: left;
color: #727272;
background-color: #e7e7e7;
}
.tags li a:hover, .tags li a.active {
color: #fff;
background-color: #dbdc33;
}

.tags.two li a {
color: #323335;
background-color: #fff;
border:1px solid #e4e4e4;
}
.tags.two li a:hover, .tags.two li a.active {
color: #fff;
background-color: #42d1aa;
border:1px solid #42d1aa;
}

/*tags 2
------------------------------ */	
.tags-2 {
padding: 0px;
margin: 0px;
}
.tags-2 li {
padding: 0px;
margin: 0;
}
.tags-2 li a {
padding: 5px 15px 5px 15px;
margin: 0 10px 10px 0;
float: left;
color: #727272;
border:1px solid #e4e4e4;
background-color: #fff;
}
.tags-2 li a:hover, .tags-2 li a.active {
color: #fff;
border:1px solid #ecae3d;
background-color: #ecae3d;
}


/* sidebar works list
------------------------------ */	
.sidebar-works {
width: 100%;
padding: 0px;
margin: 0px;
}
.sidebar-works li {
width:32%;
padding: 0px;
margin: 4px 4px 0 0;
float: left;
}
.sidebar-works li a img {
width:100%;
}
.sidebar-works li:last-child {
margin: 4px 0 0 0;
}

/*============ Menu Backgrounds ============ */

/* Sticky bg
------------------------------ */
#header {
position: relative;
background: #101010;
padding: 0;
width: 100%;
z-index: 999;
}


/*============ Topbar Styles ============ */

/* Topbar
------------------------------ */

.topbar {
float: left;
width: 100%;
padding: 0;
margin: 0px;
}
.topbar.white {
background-color: #fff;
border-bottom: 1px solid #efefef;
}
.topbar.light {
background-color: #fff;	
}
.topbar.dark {
background-color: #323335;
}
.topbar.fulldark {
background-color: #252628;
}
.topbar.gyellow {
background-color: #ecae3d;
}
.topbar.more-padding {
padding: 20px 0 80px 0;
}
.topbar.primary {
background-color: #bd5151;
}
.topbar.secondary {
background-color: #bd5151;
}

.topbar-transparent {
position:relative;
float: left;
width: 100%;
padding: 0;
margin: 0px;
z-index:99;
}
.topbar-transparent.min-height {
min-height:120px;
}
.topbar-transparent.dark {
background-color:#101010;
}
.topbar-transparent.bborder {
border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.topbar-transparent.light {
background-color:#f5f5f5;
}
.topbar-transparent.dark .toplist li a:hover {
color: #fff;
}
.topbar-transparent.text-white .toplist li, .topbar-transparent.text-white .toplist li a {
color: #fff;
}

.topbar.no-boder {
border-bottom:none;
}
.topbar.more-padd-1 {
padding: 25px 0;
}

.topbar .border-r {
/*padding-top:30px;*/padding-top:5%;
}
.topbar .padd-left {
/*padding-left:30px; padding-top:30px;*/
padding-left:20px; padding-top:5%;
}

.topbar .container {
padding: 0px;
margin: 0 auto;
}

/* Topbar list
------------------------------ */
.toplist {
float: right;
padding: 0px;
margin: 0px;
}
.toplist li {
float: left;
color: #ccc;
text-align: right;
font-size: 14px;
margin: 0px;
padding: 0 10px 0 0px;
}
.toplist li.lineright {
border-right: 1px solid #e4e4e4;
}
.toplist li a {
color: #ccc;
}
.toplist li a:hover {
color: #aaa;
}
.toplist.toppadding {
padding-top: 10px;
}
a.topbar-btn {
float: left;
color: #101010;
text-align: center;
font-size: 14px;
margin: 0px;
border-radius: 2px;
padding: 5px 15px;
background-color: #fff;
}
.topbar-padding {
padding: 3px 0 12px 0;
}
.topbar-left-items {
float: left;
margin: 0;
padding: 0;
width: 37%;
}
.topbar-middle-logo {
float: left;
margin: 0;
padding: 10px 0;
width: 26%;
text-align: center;
background-color: #ecae3d;
}
.topbar-middle-logo.no-bgcolor {
background:none;
}
.topbar-right-items {
float: left;
margin: 0;
padding: 0;
width: 37%;
}

.topbar.light .toplist li {
color: #575859;
}
.topbar.light .toplist li a {
color: #575859;
}
.topbar.light .toplist li a:hover {
color: #575859;
}

/* topbar dark list color
------------------------------ */
.topbar.dark .toplist li a:hover {
color: #fff;
}
.topbar.fulldark .toplist li a:hover {
color: #fff;
}
.topbar.dark .toplist li.lineright {
border-right: 1px solid #727272;
}
.topbar.fulldark .toplist li.lineright {
border-right: 1px solid #3a3a3a;
}
.topbar.white .toplist li a:hover {
color: #101010;
}
/* topbar logo middle
------------------------------ */
.topbar-middle-logo.nobg {
background: none;
}
/* topbar btn
------------------------------ */
a.topbar-btn:hover, a.topbar-btn.active {
color: #FFF !important;
background-color: #ecae3d;
}

/* topbar white top list color
------------------------------ */
.topbar.white .toplist li a {
color: #727272;
}
.topbar.white .toplist li {
color: #727272;
}
/* topbar orange toplist color
------------------------------ */
.topbar.gyellow .toplist li {
color: #ecae3d;
}
.topbar.gyellow .toplist li a {
color: #ecae3d;
}
/* topbar right items two
------------------------------ */
.topbar-right-items.two {
width: 50%;
}

/*============ Section Titles ============ */

/* title container
------------------------------ */

.title{
transition: all 0.3s ease-out 0s;
}

/* title container
------------------------------ */
.sec-title-container {
width:100%;
float:left;
padding-bottom:70px;
}

.sec-title-container {
width:100%;
float:left;
padding-bottom:70px;
}
.sec-title-container.less-padding-1 {
padding-bottom:60px;
}
.sec-title-container.less-padding-2 {
padding-bottom:50px;
}
.sec-title-container.less-padding-3 {
padding-bottom:40px;
}
.sec-title-container.less-padding-4 {
padding-bottom:30px;
}
.sec-title-container.less-padding-5 {
padding-bottom:20px;
}
.sec-title-container.less-padding-6 {
padding-bottom:15px;
}
/* page title
------------------------------ */
.section-title {
font-weight: 400;
}
/* subtitle
------------------------------ */
.sub-title {
width: 48%;
font-size: 16px;
margin: 0 auto 70px auto;
}
/* title line
------------------------------ */
.title-line-1 {
width: 125px;
height:4px;
margin:12px auto 0 auto;
border-bottom:1px solid #e7e7e7;
}
.title-line-1.align-left {
width: 125px;
margin:12px auto 0 0;
}
.title-line-1.transp {
border-bottom:1px solid rgba(255, 255, 255, 0.3);
border-top:1px solid rgba(255, 255, 255, 0.3);
}
.title-line-2 {
width:260px;
height:1px;
margin:12px auto 0 auto;
background-color:#e7e7e7;
}
.title-line-2.align-left {
width: 260px;
margin:12px auto 0 0;
}
.title-line-3 {
width: 125px;
height:4px;
float:right;
border-bottom:1px solid #e7e7e7;
text-align:right;
}
.title-line-5 {
width: 35px;
height:4px;
border-bottom:1px solid #e7e7e7;
text-align:left;
float:left;
margin:auto auto;
}
.title-line-6 {
width: 34px;
height: 2px;
float: left;
padding: 0px;
margin: 0 auto;
background-color: #f3f3f3;
}
.title-line-7 {
width: 35px;
margin:12px auto 0 auto;
border-bottom:2px solid #e1e1e1;
}
.title-line-9 {
width:30px;
border-bottom:3px solid #bd5151;
text-align:center;
}
.title-line-10 {
width:70px;
border-bottom:3px solid #bd5151;
text-align:center;
}
/* featurebox title line
------------------------------ */
.feabox-title-line {
width:60px;
height:2px;
margin:0 auto 0 0;
background-color:#101010;
}
.feabox-title-line.center {
width:60px;
height:2px;
margin:0 auto;
background-color:#101010;
}

/*============ Footer Styles Sections ============ */

/* footer section
------------------------------ */ 
.fo-map {
width: 100%;
float:left;
background:url(../imagesfo-map.png) left 100px no-repeat;
}
.fo-map {
background-size:100%;
}
.fo-sec-1 {
position:relative;
width: 100%;
padding: 110px 0 0 0;
margin:0;
float: left;
}
.fo-sec-1 .newsletter-box{
position: absolute;
width:100%;
float:left;
left:0px;
top:-238px;
padding:70px;
background-color:#ecae3d;
}
.fo-sec-1 .newsletter-box input{
width:80%;
height:60px;
float:left;
padding:15px;
border:1px solid #fff;
background-color:#fff;
}
.fo-sec-1 .newsletter-box .submit-btn{
width:20%;
height:60px;
float:left;
padding:0px;
border:1px solid #101010;
background-color:#101010;
}

/* footer section 2
------------------------------ */ 
.fo-sec-2 {
position:relative;
width: 100%;
padding: 30px 0 0 0;
margin:0;
float: left;
}
.fo-sec-2 .social-iconbox {
position: absolute;
width:265px;
float:left;
left:40%;
top:-107px;
padding: 0px;
margin: 0px;
z-index:2;
background-color:#fff;
}
.fo-sec-2 .social-iconbox .side-shape1 {
position: absolute;
width:13px;
height:28px;
float:left;
left: -13px;
top: -1px;
padding: 0px;
margin: 0px;
}
.fo-sec-2 .social-iconbox .side-shape1.right-icon {
left: 265px;
top: -1px;
}
.fo-sec-2 ul.sc-icons{
width:100%;
margin:0px;
padding:0px;
text-align:center;
}
.fo-sec-2 .sc-icons li{
display:inline-block;
}
.fo-sec-2 .sc-icons li a{
padding:15px 10px;
display:inline-block;
}

/* footer section 3
------------------------------ */ 
.fo-sec-3 {
position:relative;
width: 100%;
padding: 110px 0 0 0;
margin:0;
float: left;
}
.fo-sec-3 .primary-box{
position: absolute;
width:100%;
float:left;
left:0px;
top:-150px;
padding:50px;
background-color:#ecae3d;
}


/* footer latest posts
------------------------------ */ 
.fo-posts {
width: 100%;
padding: 0px;
margin: 0 0 25px 0;
float: left;
}
.fo-posts .post-info {
font-size: 12px;
color: #727272;
}
.fo-posts-info {
font-size: 12px;
color: #727272;
}
.fo-posts a:hover, .fo-posts a.active {
color: #ecae3d;
}
.fo-posts .post-info.text-light {
color: #d0d0d0;
}
/* footer title bottom line
------------------------------ */ 
.fo-title-bottom-line {
width: 34px;
height: 2px;
color: #fff;
float: left;
display: block;
margin-bottom: 40px;
background-color: #fff;
} 
.fo-title-bottom-line.dark {
background-color: #101010;
}
.fo-title-bottom-line.white {
background-color: #fff;
}
.fo-title-bottom-line.gyellow {
background-color: #ecae3d;
} 

/* footer newsletter
------------------------------ */ 
.fo-newsletter-1 {
border: 1px solid #3b3b3b;
border-width: 1px 0 1px 1px;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 50px;
line-height: 39px;
padding: 0 7px;
width: 70%;
background-color:transparent;
}
.fo-newsletter-submit-1 {
background-color: #3b3b3b;
border: 1px solid #3b3b3b;
float: left;
height: 50px;
margin: 0;
padding: 5px 10px;
}
.fo-newsletter-submit-1.gyellow {
color:#fff;
background-color: #ecae3d;
border: 1px solid #ecae3d;
}
/* footer newsletter 2
------------------------------ */ 
.fo-newsletter-2 {
border: 1px solid #101010;
border-width: 1px 0 1px 1px;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 50px;
line-height: 39px;
padding: 0 7px;
width: 66%;
background-color:transparent;
}
.fo-newsletter-submit-2 {
background-color: #101010;
border: 1px solid #101010;
float: left;
height: 50px;
margin: 0;
padding: 5px 20px;
}

/* footer appointment form
------------------------------ */ 
.fo-appointment-form {
padding: 0px;
width: 100%;
float:left;
}
.fo-appointment-form input {
border: 1px solid #212121;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 35px;
line-height: 39px;
padding: 0 7px;
width: 100%;
margin:0 0 15px 0;
background-color:transparent;
}
.fo-appointment-form textarea {
border: 1px solid #212121;
color: #727272;
float: left;
font-size: 13px;
font-weight: normal;
height: 70px;
min-height:70px;
resize: none;
line-height: 39px;
padding: 0 7px;
width: 100%;
margin:0 0 15px 0;
background-color:transparent;
}
.fo-appointment-form .submit-btn {
background-color: #ecae3d;
border: 1px solid #ecae3d;
float: left;
height: 40px;
margin: 0;
color:#fff;
padding: 0 10px;
}
/* Footer title
------------------------------ */

.footer-title {
color: #fff;
float: left;
}
.footer-title-bottomstrip {
width: 10%;
height: 3px;
margin-right: 95%;
color: #fff;
float: left;
display: block;
margin-bottom: 40px;
background-color: #fff;
}
.footer-title-bottomstrip.gyellow {
background-color: #ecae3d;
}
.footer-title-bottomstrip-2 {
width: 34px;
height: 2px;
color: #fff;
float: left;
display: block;
margin-bottom: 40px;
background-color: #fff;
}
.footer-title-bottomstrip-3 {
width: 34px;
height: 2px;
color: #fff;
float: left;
display: block;
margin-bottom: 30px;
background-color: #101010;
}
.footer-title-bottomstrip.dark {
background-color: #101010;
}
.footer-title-bottomstrip-2.dark {
background-color: #101010;
}
.footer-title-bottomstrip-2.gyellow {
background-color: #ecae3d;
}
/* ---------- Footer quick links ---------- */

.footer-quick-links {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
}
.footer-quick-links li {
padding: 25px 15px;
margin: 40px 0 10px 0;
display: inline-block;
}
.footer-quick-links li a {
padding:3px 0;
margin:0;
color: #727272;
float: left;
display: inline-block;
}
.footer-quick-links li a:hover {
color: #fff;
}
.footer-quick-links li a i {
padding:0 10px 0 0;
}
/* ---------- Footer quick links ---------- */

.footer-quick-links-2 {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
}
.footer-quick-links-2 li {
padding: 0px;
margin: 0px;
display: inline-block;
}
.footer-quick-links-2 li a {
padding: 0 35px 20px 0;
margin:0;
color: #727272;
float: left;
display: inline-block;
}
.footer-quick-links-2 li a:hover {
color: #fff;
}
.footer-quick-links-2 li a i {
padding:0 10px 0 0;
}
.footer-quick-links-2.top-padding {
padding: 60px 0 0 0;
}
/* ---------- Footer quick links 3 ---------- */

.footer-quick-links-3 {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
display:block;
}
.footer-quick-links-3 li {
width: 100%;
padding: 0px;
margin: 0px;
float:left;
display:block;
}
.footer-quick-links-3 li a {
padding:3px 0;
margin:0;
color: #727272;
float: left;
display:block;
}
.footer-quick-links-3 li a:hover {
color: #101010;
}
.footer-quick-links-3 li a i {
padding:0 10px 0 0;
}
.footer-quick-links-3.top-padding {
padding: 60px 0 0 0;
}

/* ---------- Footer quick links 4---------- */

.footer-quick-links-4 {
width: 100%;
padding: 0 0 0 0;
margin: 0px;
}
.footer-quick-links-4 li {
width:100%;
padding:0px;
margin:0;
display: inline-block;
}
.footer-quick-links-4 li a {
padding:3px 0;
margin:0;
color: #727272;
float: left;
display: inline-block;
}
.footer-quick-links-4 li a:hover {
color: #fff;
}
.footer-quick-links-4 li a i {
padding:0 10px 0 0;
}
.footer-quick-links-4.dark-hover li a:hover {
color: #101010;
}
/* ---------- Footer social links ---------- */
.footer-social-icons {
width: 100%;
padding: 0px;
margin: 0px;
}
.footer-social-icons li {
padding: 0px;
margin: 0px;
display: inline-block;
}
.footer-social-icons li a {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
display: inline-block;
padding: 0px;
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
}
.footer-social-icons.round li a {
border-radius:100%;
}
.footer-social-icons li a:hover, .footer-social-icons li a.active {
color: #999;
background-color: #fff;
}

/* ---------- Footer social links 2 ---------- */
.footer-social-icons-2 {
width: 100%;
padding: 0px;
text-align: center;
margin:20px 0 20px 0;
}
.footer-social-icons-2 li {
padding: 0px;
margin: 0px;
display: inline-block;
}
.footer-social-icons-2 li a {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
padding: 0px;
font-size:16px;
color: #101010;
border:1px solid #e4e4e4;
background-color: #fff;
}
.footer-social-icons-2 li a:hover {
color: #fff;
border:1px solid #ecae3d;
background-color: #ecae3d;
}
.footer-social-icons-2 li a:hover, .footer-social-icons-2 li a.active {
color: #fff;
border:1px solid #ecae3d;
background-color: #ecae3d;
}
.footer-social-icons-2.dark-hover li a:hover, .footer-social-icons-2.dark-hover li a.active {
color: #fff;
border:1px solid #101010;
background-color: #101010;
}

/* ---------- Footer flickr gallery ---------- */

ul.footer-flickr {
width: 100%;
padding:0;
margin: 0px;
}
.footer-flickr li {
width:80px;
padding:0;
margin:0 0 11px 0;
float:left;
}
.footer-flickr li.mar-r {
margin-right:11px;
}

/* ---------- Footer opening list ---------- */
.fo-opening-list {
float: left;
padding: 0;
width: 100%;
}
.fo-opening-list li {
color: #727272;
float: left;
padding: 8px 0;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fo-opening-list li:first-child {
padding-top: 0px;
}
.fo-opening-list li:last-child {
border-bottom: none;
}

/*============ css arrows ============ */

/*.arrow-down {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fd602c;
}
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-right {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 60px solid green;
}
.arrow-left {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid #fff;
}*/

/*============ Page Section Styles ============ */

/* section background dark
------------------------------ */
.ftr-bg{
background: none repeat scroll 0px 0px #263D4F;
opacity: 0.9;
}
.section-dark {
/*background-color: #090045;*/background-color: #02519a;
}
.section-dark.two {
/*background-color: #211665;*/ background-color: #233e54;
}
.section-dark.three {
background-color: #1d2025;
}
.section-medium-dark {
background-color: #404142;
}
.section-fulldark {
background-color: #18191b;
}
.section-white {
background-color: #fff;
}

/* section background light
------------------------------ */
.section-light {
background-color: #fff;
}

/* section background light
------------------------------ */
.section-lightdark {
background-color: #e1e1e1;
}
/* section background white
------------------------------ */
.section-white {
background-color: #fff;
}

/* section background color
------------------------------ */
.section-primary {
background-color: #bd5151;
}
.section-secondary {
background-color: #bd5151;
}
.section-blue {
background-color: #0076db;
}
.section-rose {
background-color: #f62459;
}
.bg-color-seagreen {
background: #90C695;
}
.bg-color-primary {
background: #bd5151;
}
.bg-color-secondary {
background: #bd5151;
}
.bg-color-spray {
background: #81cfe0;
}
.bg-color-turquoise {
background: #4ecdc4;
}
/* section copyright
------------------------------ */
.section-copyrights {
margin: 0;
text-align: center;
background-color: #1a1a1a;
}
/* section big map
------------------------------ */
.section-big-map {
width: 100%;
margin: 0;
text-align: center;
background: #161616 url(../imagessite-img46.html) center 150px no-repeat;
}
/* section pattren 1
------------------------------ */
.section-pattren-1 {
width: 100%;
height: 100%;
margin: 0;
background: url(../imagespattren1.html) 0 0 repeat;
}


/* Section Paddings
------------------------------ */
.sec-padding {
/*padding: 90px 0 90px 0;*/
padding: 25px 0 7px 0;
}
.sec-more-padding-1 {
/*padding: 120px 0 120px 0;*/
padding: 80px 0 80px 0;
}
.sec-more-padding-2 {
padding: 150px 0 150px 0;
}
.sec-more-padding-3 {
padding: 117px 0 117px 0;
}
.sec-more-padding-4 {
padding: 140px 0 180px 0;
}
.sec-bpadding-1 {
padding-bottom: 40px;
}
.sec-bpadding-2 {
padding-bottom: 80px;
}
.sec-tpadding-2 {
padding-top: 80px;
}
.sec-tpadding-2.less-padding {
padding-top: 20px;
}
.sec-tpadding-3 {
padding-top: 120px;
}
.sec-bpadding-3 {
padding-bottom: 120px;
}
.sec-tpadding-4 {
padding-top: 150px;
}
.sec-bpadding-4 {
padding-bottom: 150px;
}
.sec-bpadding.less-padding {
padding-bottom: 30px;
}

.section-xmore-padding {
padding: 150px 0 150px 0;
}
.section-less-padding {
padding: 50px 0 50px 0;
}
.section-less-padding-2 {
padding: 30px 0 30px 0;
}
.sec-moreless-padding {
/*padding: 30px 0 30px 0;*/
padding: 15px 0 15px 0;
}
.sec-dummy-top-padding {
padding-top: 0px;
}
.sec-less-padding {
padding: 50px 0 50px 0;
}
.sec-mid-padding {
padding: 75px 0 70px 0;
}

/* Section minus margins
------------------------------ */
.sec-m-margin-1 {
margin-top:0px;
}
/*============ Page Section pattrens ============ */

.sec-pattren-1{
width:100%;
background:url(../imagesbg-pattrens/pattren1.jpg) repeat;
}
.sec-pattren-2{
width:100%;
background:url(../imagesbg-pattrens/pattren2.jpg) repeat;
}
.sec-pattren-3{
width:100%;
background:url(../imagesbg-pattrens/pattren3.jpg) repeat;
}
.sec-pattren-4{
width:100%;
background:url(../imagesbg-pattrens/pattren4.jpg) repeat;
}
.sec-pattren-5{
width:100%;
background:url(../imagesbg-pattrens/pattren5.jpg) repeat;
}

/*============ Footer Styles ============ */

.footer-logo {
margin-bottom: 20px;
}

/* Footer Useful Links
------------------------------ */

.fo-usefull-links {
padding: 0px;
margin: 0px;
}
.fo-usefull-links li {
padding: 0px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid #2e2e2e;
}
.fo-usefull-links li a {
padding: 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
}
.fo-usefull-links li a:hover {
color: #fff;
}
.fo-usefull-links li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-usefull-links li:last-child {
border-bottom:none;
}

/* useful links 2
------------------------------ */
.fo-usefull-links-2 {
padding: 0px;
margin: 0px;
}
.fo-usefull-links-2 li {
padding: 0px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid #e4e4e4;
}
.fo-usefull-links-2 li a {
padding: 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
}
.fo-usefull-links-2 li a:hover {
color: #323335;
}
.fo-usefull-links-2 li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-usefull-links-2 li:last-child {
border-bottom:none;
}
.fo-usefull-links-2.no-border li {
border-bottom:none;
}
/* useful links 3
------------------------------ */
.fo-usefull-links-3 {
padding: 0px;
margin: 0px;
}
.fo-usefull-links-3 li {
padding: 0px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.fo-usefull-links-3 li a {
padding: 0px;
margin: 0 0 10px 0;
display: block;
color: #fff;
line-height: 23px;
}
.fo-usefull-links-3 li a:hover {
color: #323335;
}
.fo-usefull-links-3 li i {
color: #fff;
padding: 0 10px 0 0;
}
.fo-usefull-links-3 li:last-child {
border-bottom:none;
}
.fo-usefull-links-3.no-border li {
border-bottom:none;
}
/* Footer Address
------------------------------ */

.fo-address-info {
padding: 0px;
margin: 0px;
}
.fo-address-info li {
width:100%;
padding: 0px 0px 10px 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
border-bottom:1px solid #282828;
}
.fo-address-info.border-light li {
border-bottom:1px solid #f0f0f0;
}
.fo-address-info li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-address-info li:last-child {
border-bottom:none;
}
.fo-address-info.no-border li {
border-bottom:none;
}
/* Footer Address 2
------------------------------ */

.fo-address-info-2 {
padding: 0px;
margin: 0px;
}
.fo-address-info-2 li {
padding: 0px 0px 10px 0px;
margin: 0 0 10px 0;
display: block;
color: #727272;
line-height: 23px;
border-bottom: 1px solid #e4e4e4;
}
.fo-address-info-2 li i {
color: #727272;
padding: 0 10px 0 0;
}
.fo-address-info-2 li:last-child {
border-bottom:none;
}
.fo-address-info-2.no-border li {
border-bottom:none;
}

/* Footer Address 3
------------------------------ */

.fo-address-info-3 {
padding: 0px;
margin: 0px;
}
.fo-address-info-3 li {
padding: 0px 0px 10px 0px;
margin: 0 0 10px 0;
display: block;
color: #fff;
line-height: 23px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.fo-address-info-3 li i {
color: #fff;
padding: 0 10px 0 0;
}
.fo-address-info-3 li:last-child {
border-bottom:none;
}
.fo-address-info-3.no-border li {
border-bottom:none;
}


/* Footer Tags
------------------------------ */	

.footer-tags {
padding: 0px;
margin: 0px;
}
.footer-tags li {
padding: 0px;
margin: 0;
}
.footer-tags li a {
padding: 5px 15px 5px 15px;
margin: 0 10px 10px 0;
float: left;
color: #727272;
border: 1px solid #2e2e2e;
}
.footer-tags li a:hover, .footer-tags li a.active {
border: 1px solid #ecae3d;
color: #ecae3d;
}
.footer-tags.border-light li a {
border: 1px solid #ebebeb;
}

/* Footer Posts
------------------------------ */
.footer-post-info {
padding: 0px;
}
.footer-post-info span {
font-size: 13px;
color: #494747;
margin-right: 5px;
}
.fo-postimg-inner {
width: 80px;
height: 80px;
padding: 0px;
margin: 0px;
float: left;
border-radius: 100%;
}
.opening-list {
float: left;
padding: 0;
width: 100%;
}
.opening-list li {
color: #727272;
float: left;
padding: 8px 0;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.opening-list li:first-child {
padding-top: 0px;
}
.opening-list li:last-child {
border-bottom: none;
}
.opening-list.dark-border li {
border-bottom: 1px solid #f1f1f1;
}
/* Footer copyright box
------------------------------ */	

.fo-copyright-holder {
position:relative;
width:100%;
float:left;
padding: 0px;
margin: 0px;
}
.fo-copyright-holder .social-iconbox {
position: absolute;
width:265px;
float:left;
left:40%;
top:-57px;
padding: 0px;
margin: 0px;
background-color:#fff;
}
.fo-copyright-holder .social-iconbox.bg-dark {
background-color:#101010;
}
.fo-copyright-holder .social-iconbox .side-shape1 {
position: absolute;
width:13px;
height:28px;
float:left;
left: -13px;
top: -1px;
padding: 0px;
margin: 0px;
}
.fo-copyright-holder .social-iconbox .side-shape1.right-icon {
left: 265px;
top: -1px;
}
.fo-copyright-holder .sc-icons{
width:100%;
float:left;
padding: 0px;
margin: 0px;
}
.fo-copyright-holder .sc-icons li{
padding: 0px;
margin: 0px;
display:inline-block;
}
.fo-copyright-holder .sc-icons li a{
float:left;
font-size:15px;
padding: 15px 10px;
margin: 0px;
display:inline-block;
}

/* Footer contact info with big icons
------------------------------ */	

.contact-info-holder {
position: relative;
width: 100%;
padding: 0px;
}
.contact-info-holder .iconbox-xmedium {
color: #ecae3d;
}
.contact-info-holder:hover .iconbox-xmedium, .contact-info-holder.active .iconbox-xmedium {
color: #fff;
background-color: #ecae3d;
}


/*============ Overlay Styles ============ */
.section-overlay {
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
float: left;
z-index: 2;
}
.video-overlay {
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
float: left;
z-index: 2;
}
.overlay {
position: absolute;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
float: left;
z-index: 10;
}

/*video padding
------------------------------ */
.video-tpadd {
padding-top: 150px;
}
.video-bpadd {
padding-bottom: 150px;
}

/* Overlay opacity styles
------------------------------ */

.bg-opacity-1 {
background-color: rgba(50, 51, 53, 0.1);
}
.bg-opacity-2 {
background-color: rgba(50, 51, 53, 0.2);
}
.bg-opacity-3 {
background-color: rgba(50, 51, 53, 0.3);
}
.bg-opacity-4 {
background-color: rgba(50, 51, 53, 0.4);
}
.bg-opacity-5 {
background-color: rgba(50, 51, 53, 0.18);
}
.bg-opacity-6 {
background-color: rgba(50, 51, 53, 0.6);
}
.bg-opacity-7 {
background-color: rgba(50, 51, 53, 0.7);
}
.bg-opacity-8 {
background-color: rgba(50, 51, 53, 0.8);
}
.bg-opacity-9 {
background-color: rgba(50, 51, 53, 0.9);
}
/* Overlay Background colors
------------------------------ */
/* Background light
------------------------------ */
.section-overlay.light {
background-color: rgba(246, 246, 246, 0.9);
}
.section-overlay.light-2 {
background-color: rgba(246, 246, 246, 0.8);
}
.section-overlay.light-3 {
background-color: rgba(246, 246, 246, 0.7);
}
.section-overlay.light-4 {
background-color: rgba(246, 246, 246, 0.6);
}
.section-overlay.light-5 {
background-color: rgba(246, 246, 246, 0.5);
}
/* Overlay Background dark
------------------------------ */
.section-overlay.dark {
background-color: rgba(0, 0, 0, 0.7);
}
.section-overlay.dark-2 {
background-color: rgba(0, 0, 0, 0.3);
}
.section-overlay.dark-3 {
background-color: rgba(0, 0, 0, 0.9);
}
.section-overlay.dark-4 {
background-color: rgba(0, 0, 0, 0.4);
}
/* Overlay Background golden yellow
------------------------------ */
.section-overlay.gyellow {
background-color: rgba(236, 174, 61, 0.9);
}
.parallax-overlay.primary {
background-color: rgba(101, 216, 53, 0.7);
}
.parallax-overlay.secondary {
background-color: rgba(29, 109, 162, 0.8);
}

.parallax-overlay.light {
background-color: rgba(246, 246, 246, 0.9);
}
.parallax-overlay.light-2 {
background-color: rgba(246, 246, 246, 0.8);
}
.parallax-overlay.light-3 {
background-color: rgba(246, 246, 246, 0.7);
}
.parallax-overlay.light-4 {
background-color: rgba(246, 246, 246, 0.6);
}
.parallax-overlay.light-5 {
background-color: rgba(246, 246, 246, 0.5);
}
/*============ Social Links ============ */	

.social-icons-1 {
width: 100%;
margin: 30px 0 0 0;
list-style-type: none;
}
.social-icons-1 li {
display:inline-block;
}
.social-icons-1 li a {
font-size: 16px;
padding: 0 20px 0 0;
color: #fff;
display:inline-block;
}
.social-icons-1 li a:hover, .social-icons-1 li a.active {
color: #ecae3d;
}

/* social icons 2
-----------------------------------------------*/

.social-icons-2 {
width: 100%;
margin: 30px 0 0 0;
list-style-type: none;
}
.social-icons-2 li {
display:inline-block;
}
.social-icons-2 li a {
width: 36px;
height: 36px;
text-align: center;
line-height: 40px;
display: inline-block;
padding: 0px;
color: #101010;
background-color: #fff;
}
.social-icons-2 li a:hover, .social-icons-2 li a.active {
color: #ecae3d;
}

/* social icons 3
-----------------------------------------------*/

.social-icons-3 {
width: 100%;
margin: 30px 0 0 0;
list-style-type: none;
}
.social-icons-3.margin-left {
margin: 10px 0 0 -40px;
}
.social-icons-3 li {
display:inline-block;
}
.social-icons-3 li a {
width: 36px;
height: 36px;
text-align: center;
line-height: 37px;
display: inline-block;
padding: 0px;
color: #101010;
border:1px solid #e4e4e4;
background-color: #fff;
}
.social-icons-3 li a:hover, .social-icons-3 li a.active {
color: #fff;
border:1px solid #101010;
background-color: #101010;
}



/*============ Blog Posts ============ */

/* post image holder
-----------------------------------------------*/

.blog-img-holder {
width: 100%;
padding: 0px;
margin: 0px;
}
/* post date boxes
-----------------------------------------------*/

.post-date-box {
position: absolute;
width: 90px;
height: 90px;
float: left;
font-size: 25px;
color: #fff;
padding: 22px 0 0 0;
margin: 0;
z-index: 2;
text-align: center;
background-color: #bd5151;
transition: all 0.3s ease-out 0s;
}
.post-date-box span {
font-size: 13px;
color: #fff;
display: block;
}
.post-date-box .arrow-down {
position: absolute;
left: 25px;
top: 81px;
float: left;
z-index: 3;
border-top: 20px solid #bd5151;
}
/* Date box colors
-----------------------------------------------*/	
.post-date-box.gyellow {
background-color: #ecae3d;
}
/* post author image holder
-----------------------------------------------*/	

.post-author-image {
position: absolute;
width: 80px;
height: 80px;
right: 35px;
top: 247px;
float: left;
}
.post-author-image.round {
border-radius: 100%;
border: 5px solid #fff;
text-align: center;
}
/* post info icons
-----------------------------------------------*/

.post-infoicon {
padding: 3px 12px 3px 12px;
margin: 0 5px 0 0;
color: #fff;
float: left;
font-size: 12px;
border-radius: 20px;
background-color: #ecae3d;
}
.post-infoicon.dark {
background-color: #161616;
}


/*============ Footer Newsletter ============ */

.newsletter .email-input {
background-color: #FFF;
border: 0px none;
color: #999;
float: left;
font-size: 13px;
font-weight: normal;
height: 39px;
line-height: 39px;
padding: 0px 7px;
width: 75%;
}
.newsletter .email-input.dark {
background-color: #2d2d2d;
color: #727272;
}
.newsletter .input-submit {
background-color: #fd602c;
border: 0px none;
color: #FFF;
cursor: pointer;
float: left;
height: 39px;
padding: 0px 20px;
}
.newsletter .input-submit.gyellow {
background-color: #ecae3d;
}
.newsletter .input-submit.white {
color: #161616;
background-color: #fff;
}
.newsletter .input-submit.dark {
color: #727272;
background-color: #2d2d2d;
}

/*============ Video wrapers ============ */

.video-wrapper {
overflow: hidden;
width: 100%;
padding:0px;
height: auto;
}
.video-wrapper video {
width: 100%;
}

/*video padding
------------------------------ */
.video-padding-top {
padding-top: 150px;
}
.video-padding-bottom {
padding-bottom: 150px;
}

/*============ Progress bar ============ */

/*style 1
------------------------------ */
.progressbar-style1 {
margin-top: 10px;
margin-bottom: 38px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 10px;
color: #fff;
background: #fff;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style1 .progress-bar {
position: relative;
overflow: visible;
background-color: #101010;
font-size: 13px;
color: #ecae3d;
line-height:44px;
padding: 0px 0 0 0px;
text-align: left;
border:2px solid #fff;
}
.progressbar-style1 .progress-bar.yellow-3 {
background-color: #f7c800;
}

/*style 2
------------------------------ */
.progressbar-style2 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 3px;
color: #161616;
background: #ccc;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style2 .progress-bar {
position: relative;
overflow: visible;
background-color: #161616;
font-size: 13px;
color: #161616;
padding: 3px 0 0 0;
text-align: left;
}

/*style 3
------------------------------ */
.progressbar-style3 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #fff;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style3 .progress-bar {
position: relative;
overflow: visible;
background-color: #e9b444;
font-size: 13px;
color: #fff;
padding: 8px 0 0 0;
text-align: left;
}
/*style 4
------------------------------ */
.progressbar-style4 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #e7e7e7;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style4 .progress-bar {
position: relative;
overflow: visible;
background-color: #ff9320;
font-size: 13px;
color: #727272;
padding: 8px 0 0 0;
text-align: left;
}
/*style 5
------------------------------ */
.progressbar-style5 {
margin-top: 10px;
margin-bottom: 45px;
font-weight: 400;
letter-spacing: 1px;
overflow: visible;
height: 8px;
color: #161616;
background: #f5f5f5;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.progressbar-style5 .progress-bar {
position: relative;
overflow: visible;
background-color: #101010;
font-size: 13px;
color: #101010;
padding: 8px 0 0 0;
text-align: left;
}
/*============ Newsletter ============ */

.email-input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
float: left;
font-size: 14px;
font-weight: normal;
height: 65px;
line-height: 39px;
padding: 0 15px;
width: 87%;
}
.email-submit {
background-color: #fff;
border: 1px solid #fff;
color: #323335;
float: left;
margin: 0px;
padding: 20px 30px;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
}
.email-submit:hover {
background-color: #323335;
border: 1px solid #323335;
color: #fff;
}

/*============ css progress circles ============ */

.knob {
display: none;
}
div.demo {
position: relative;
text-align: center;
width: 280px;
float: left
}
div.demo > p {
font-size: 20px
}
div.demo .title {
position: absolute;
text-align: center;
width: 100%;
font-size: 40px;
float: left;
top: 60px;
}
div.demo .title span {
text-align: center;
width: 100%;
font-size: 20px;
float: left;
margin-top: 10px;
}

/*============ Page Scroll to Top ============ */

.scrollup{
width:40px;
height:40px;
opacity:1;
position:fixed;
bottom:22px;
right:20px;
display:none;
text-indent:-9999px;
background: url(../images/scroll-top-arrow.png) no-repeat left top;
z-index: 9001;
}

/*============ google maps ============ */
.map{
width: 100%;
height: 300px;
border: 1px solid #e4e4e4;
}
.map p{
margin: 10px;
color: #333;
}

/*============ blog ============ */

.blog-post-info {
width: 100%;
}
.blog-post-info span {
font-size: 13px;
color: #b9b9b9;
margin-right: 15px;
}

/*============ onepage sidebar content holder ============ */
.wrapper-main {
padding-left: 300px;
background-color: #fff;
}


/*============ header inner ============ */

.header-inner-tmargin {
width: 100%;
float: left;
margin-top: -145px;
}
.header-inner-tmargin.less-mar {
margin-top: -41px;
}
.header-inner {
position:relative;
width: 100%;
height: 500px;
float: left;
overflow:hidden;
}
.header-inner.less-height {
height: 430px;
}
.header-inner .overlay {
position:absolute;
width: 100%;
height: 100%;
float: left;
overflow:hidden;
z-index:2;
background-color:rgba(0, 0, 0, 0.7);
}
.header-inner .text {
position: absolute;
width: 100%;
height:1000px;
padding:16% 0 0 0;
top:0px;
margin: 0px;
float: left;
z-index: 3;
}
.header-inner .text .title {
font-size:30px;
font-weight:600;
}
.header-inner .text .sub-title {
width:100%;
font-size:18px;
}

/* less height
------------------------------ */
.header-inner.less-height {
height: 335px;
}
.header-inner.less-height .text {
height: 300px;
padding:9% 0 0 0;
}

/*============ pagenation ============ */
.pagenation-holder {
border-bottom: 1px solid #f0f0f0;
float: left;
margin: 0;
padding: 25px 0 10px;
width: 100%;
}
.pagenation-holder .breadcrumb {
float:right;
margin-bottom:0px;
background-color:#fff;
}
.pagenation-holder .breadcrumb li {
display: inline;
}
.pagenation-holder .breadcrumb li.current a {
color:#ecae3d;
}
.pagenation-holder .breadcrumb li+li:before {
content:"» ";
}


/*============ 5 and 7 custom cols ============ */

.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 14.2857%;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
width: 20%;
}



/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {	
.col-divider-margin {
margin-top: 30px;
}
.text-box-right {
padding: 0px 0px 0px 100px;
}
.wrapper-main {
width:100%;
padding-left:230px;
background-color: #fff;
}
.wrapper-main .container {
width:100%;
}
.header-inner.less-height .text {
padding: 13% 0 0;
}
.header-inner .text {
padding: 25% 0 0;
}





}

@media screen and (max-width: 1000px) {

.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.sec-m-margin-1 {
margin-top: 0px;
}
.topbar-transparent {
background-color:#101010;
}
.wrapper-main {
padding-left:0px;
}
.header-inner-tmargin {
margin-top: 0px;
}







}	



/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
.margin-bottom {
margin-bottom:10px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.header-inner {
height: 385px;
}
.header-inner.less-height {
height: 385px;
}
.header-inner.less-height .text {
padding: 16% 0 0;
}
.header-inner .text {
padding: 16% 0 0;
}

















}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {

.margin-bottom {
margin-bottom: 30px;
}	
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}	
.col-divider-margin {
margin-top: 20px;
}	
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}	
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}	
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}	
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}	
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}	
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}	
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 60px 0 60px 0;
}
.sec-more-padding-1 {
padding: 60px 0 60px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 60px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 60px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 60px 0 60px 0;
}
.sec-moreless-padding {
padding: 60px 0 60px 0;
}
.thumbs li {
width: 10%;
}
.fo-copyright-holder .social-iconbox {
left: 33%;
top: -87px;
}
.fo-sec-3 {
padding: 244px 0 0 0;
}
.header-inner {
height: 310px;
}
.header-inner.less-height {
height: 310px;
}






}



/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {

.margin-bottom {
/*margin-bottom: 30px;*/margin-bottom:10px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 60px 0 60px 0;
}
.sec-more-padding-1 {
padding: 60px 0 60px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 60px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 60px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 60px 0 60px 0;
}
.sec-moreless-padding {
padding: 60px 0 60px 0;
}
.fo-copyright-holder .social-iconbox {
left: 33%;
top: -87px;
}
.header-inner {
height: 325px;
}
.header-inner.less-height {
height: 325px;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
width: 100%;
}














}



/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {

.margin-bottom {
margin-bottom: 30px;
}	
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}	
.col-divider-margin {
margin-top: 20px;
}	
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}		
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}

}


@media screen and (max-width: 640px) {
.margin-bottom {
margin-bottom: 30px;
}	
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 40px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 40px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 40px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 40px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 40px 0 40px 0;
}
.sec-more-padding-1 {
padding: 40px 0 40px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 40px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 40px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 40px 0 40px 0;
}
.sec-moreless-padding {
padding: 40px 0 40px 0;
}
#style-customizer{ 
display:none;
}
.text-box.sbox-padd-left {
padding-left:80px;
}
.fo-sec-1 .newsletter-box {
top: 0;
}
.fo-sec-1 {
top:0px;
padding: 315px 0 0 0;
}
.fo-copyright-holder .social-iconbox {
left: 29%;
top: -67px;
}
.section-side-image .text-inner-5 {
padding: 40px 40px 40px 40px;
}
.header-inner {
height: 270px;
}
.header-inner.less-height {
height: 270px;
}

}



@media screen and (max-width: 480px) {
.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 30px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 30px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 30px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 30px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.topbar .border-r {
border-right: none;
}
.topbar .padd-left {
padding-left: 65px;
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 40px 0 40px 0;
}
.sec-more-padding-1 {
padding: 40px 0 40px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 40px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 40px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 40px 0 40px 0;
}
.sec-moreless-padding {
padding: 40px 0 40px 0;
}
#style-customizer{ 
display:none;
}
.fo-copyright-holder .social-iconbox {
left: 12%;
top: -67px;
}
.fo-sec-3 {
padding: 287px 0 0 0;
}
.section-side-image .text-inner-5 {
padding: 40px 40px 40px 40px;
}
.header-inner .text .title {
font-size: 20px;
}
.header-inner .text .sub-title {
font-size: 14px;
}
.header-inner {
height: 225px;
}
.header-inner.less-height {
height: 225px;
}
.clients-list.grid-cols-6 li {
width: 50%;
}

}



/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 25px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 25px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 25px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
margin: 0px 0px 20px 0px;
}
.imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
float: left;
margin: 0px 0 20px 0px;
}
.text-box-right {
width:100%;
padding: 0 0 0 0;
}
.text-box-left {
width:100%;
padding: 0 0 0 0;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 25px;
}
.text-box-left.more-padding-1, .text-box-left.more-padding-2, .text-box-left.less-padding-1, .text-box-left.less-padding-2 {
padding: 0px 0px 0px 0px;
}
.text-box-right.more-padding-1, .text-box-right.more-padding-2, .text-box-right.more-padding-3, .text-box-right.more-padding-4, .text-box-right.less-padding-1, .text-box-right.less-padding-2, .text-box-right.less-padding-3 {
padding: 0px 0px 0px 0px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.btn.btn-large {
padding: 15px 30px;
}
.section-side-image .text-inner-2 {
padding: 40px;
}
.section-side-image .text-inner {
padding: 40px 40px 40px 0;
}
.section-side-image .text-inner.two {
padding: 0px 40px 0px 0;
}
.section-side-image-2 .background-imgholder-2.top-padd {
padding-top: 40px;
}
.section-side-image-2 .text-inner.two {
padding: 0px 40px 0px 0;
}
.section-side-image .text-inner-5 {
padding: 40px 40px 40px 40px;
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 10px;
}
.sec-padding {
padding: 40px 0 40px 0;
}
.sec-more-padding-1 {
padding: 40px 0 40px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 40px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 40px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 40px 0 40px 0;
}
.sec-moreless-padding {
padding: 40px 0 40px 0;
}
.fo-copyright-holder .social-iconbox {
left: 5%;
}
.fo-sec-1 .newsletter-box {
padding: 35px;
}
.fo-sec-2 .social-iconbox {
left: 14%;
top: -67px;
}
.section-side-image .text-inner-3 {
padding: 30px 30px 0px 30px;
}
.fo-sec-3 {
padding: 328px 0 0 0;
}
.text-box-right {
width: 100%;
padding: 0 0 0 0;
float: left;
}
.text-box-right.less-padding-4 {
padding: 0px 0px 0px 0px;
}
.header-inner {
height: 195px;
}
.header-inner.less-height {
height: 195px;
}









}


/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
.margin-bottom {
margin-bottom: 30px;
}
.margin-bottom-4, .margin-bottom-5 {
margin-bottom: 20px;
}	
.margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
margin-top: 20px;
}
.col-divider-margin {
margin-top: 20px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
margin-top: 20px;
}
.margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
margin-left:0px;
}
.padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
padding-top: 20px;
}
.padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
padding-left: 20px;
}
.padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
padding-right: 20px;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5{
letter-spacing:0px;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
margin: 0px 0px 20px 0px;
}
.imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
float: left;
margin: 0px 0 20px 0px;
}
.text-box-right {
width:100%;
padding: 0 0 0 0;
}
.text-box-left {
width:100%;
padding: 0 0 0 0;
}
.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
padding: 20px;
}
.text-box-right.more-padding-1, .text-box-right.more-padding-2, .text-box-right.more-padding-3, .text-box-right.more-padding-4, .text-box-right.less-padding-1, .text-box-right.less-padding-2, .text-box-right.less-padding-3 {
padding: 0px 0px 0px 0px;
}
.btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
margin-left:0px
}
.btn.btn-large {
padding: 15px 30px;
}
.section-side-image .text-inner {
padding: 40px 40px 40px 0;
}
.section-side-image .text-inner.two {
padding: 0px 40px 0px 0;
}
.section-side-image-2 .background-imgholder-2.top-padd {
padding-top: 40px;
}
.section-side-image-2 .text-inner.two {
padding: 0px 40px 0px 0;
}
.sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4,
.sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
padding-bottom: 30px;
}
.sec-padding {
padding: 30px 0 30px 0;
}
.sec-more-padding-1 {
padding: 30px 0 30px 0;
}
.sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
padding-bottom: 30px;
}
.sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
padding-top: 30px;
}
.section-xmore-padding, .section-less-padding, .section-less-padding-2 {
padding: 30px 0 30px 0;
}
.sec-moreless-padding {
padding: 30px 0 30px 0;
}
.fo-copyright-holder .social-iconbox {
left: 16%;
top: -59px;
}

.fo-copyright-holder .social-iconbox {
width: 71%;
}
.fo-copyright-holder .social-iconbox .side-shape1.right-icon {
left: 213px;
}
.fo-sec-2 .social-iconbox {
left: 9%;
top: -57px;
}
.fo-sec-3 {
padding: 409px 0 0 0;
}
.fo-copyright-holder .social-iconbox .side-shape1 {
left: -13px;
top: 1px;
}
.fo-copyright-holder .social-iconbox .side-shape1.right-icon {
left: 205px;
top: 1px;
}
.header-inner {
height: 170px;
}
.header-inner.less-height {
height: 170px;
}
.sec-title-container {
padding-bottom: 35px;
}

}














/* added new styles */
h1.less-mar-3 {
margin-bottom: 18px;
}
a.white {
color: #fff;
}
a.primary {
color: #bd5151;
}
a.primary:hover {
color: #101010;
}
a.secondary {
color: #bd5151;
}
a.secondary:hover {
color: #101010;
}
.text-small {
font-size: 12px;
}
.text-small2 {
font-size: 13px;
}
.text-small3 {
font-size: 27px;
}
.height-full {
height: 100vh;
}
.text-box-white {
background-color: #fff;
}
.text-box-light {
background-color: #f3f3f3;
}
.text-box-dark {
background-color: #323335;
}

.text-box.padding-top-less1 {
padding: 30px 40px 40px 40px;
}

.icon-plain-smedium {
font-size: 50px;
color: #2e2f31;
transition: all 0.3s ease-out 0s;
}

.linkcaps {
text-transform: uppercase !important;
}
.roboto {
font-family: 'Roboto', sans-serif;
}
.lspace-6{
letter-spacing:1px;
}
.lspace-7{
letter-spacing:2px;
}

.line-height-2{
line-height:25px;
}
.line-height-3{
line-height:27px;
}
.line-height-4{
line-height:30px;
}
.line-height-5{
line-height:35px;
}
.line-height-6{
line-height:40px;
}
.line-height-7{
line-height:46px;
}
.line-height-8{
line-height:96px;
}

.imgbox-smedium .vtalign {
line-height: 90px;
vertical-align: middle;
}

.section-light.two {
background-color: #ddd;
}

.margin-bottom-1 {
margin-bottom: 10px;
}
.sec-bpadding-5 {
padding-bottom: 100px;
}
.sec-bpadding-6 {
padding-bottom: 30px;
}

.less1 {
width: 50% !important;
margin: 0 auto;
}
.less2 {
width: 60% !important;
margin: 0 auto;
}
.less3 {
width: 70% !important;
margin: 0 auto;
}
.less4 {
width: 80% !important;
margin: 0 auto;
}
.less5 {
width: 90% !important;
margin: 0 auto;
}
.less6 {
width: 75% !important;
margin: 0 auto;
}
.less7 {
width: 85% !important;
margin: 0 auto;
}
.less8 {
width: 65% !important;
margin: 0 auto;
}

@media screen and (max-width: 768px) {	
.less1,
.less2,
.less3,
.less4,
.less5,
.less6,
.less7 {
width: 90% !important;
}

.text-right.respo {
text-align: center;
}
.text-left.respo {
text-align: center;
}

}
a.opacity-link-dark {
color: #727272;
opacity: 0.5;
transition: all 0.3s ease;
}
a.opacity-link-dark:hover {
color: #727272;
opacity: 1;
}

a.opacity-link-light {
color: #fff;
opacity: 0.5;
transition: all 0.3s ease;
}
a.opacity-link-light:hover {
color: #fff;
opacity: 1;
}

hr.divider-line.light-2 {
border-top-color:#e5e5e5;
}
a.animated-button.thar-one {
color: #bd5151;
text-align: center;
padding: 10px 36px;
font-weight: bold;
border:solid 1px #bd5151;
border-radius: 30px;
transition: all 0.5s ease;
}
a.animated-button.thar-one:hover {
color: #fff;
box-shadow: inset 270px 0px 0 0px #bd5151;
}

a.animated-button.thar-green {
color: #fff;
position: relative;
border:solid 1px #bd5151;
border-radius: 30px;
padding: 10px 36px;
transition: all 0.5s ease;
}
a.animated-button.thar-green:hover {
color: #fff;
box-shadow: inset 270px 0px 0 0px #bd5151;
}



.slider-button-1 a {
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding: 14px 25px 14px 30px;
border-radius: 25px;
border: 1px solid #fff;
transition: all 0.3s ease;
}
.slider-button-1:hover a {
padding-left: 35px;
margin-left: -5px;
}
.slider-button-1 i {
opacity: 0;
margin-left: 0px;
width: 1px;
transition: all 0.3s ease;
}
.slider-button-1:hover i {
opacity: 1;
margin-right: 8px;
}

.slider-button-1.sty2 a {
color: #323335;
border: 1px solid #fff;
background: #fff;
}
.slider-button-1.sty3 a {
color: #fff;
border: 1px solid #bd5151;
background: #bd5151;
}

.slider-button-2 a {
color: #323335;
text-align: center;
padding: 16px 27px;
font-weight: bold;
background: #fff;
transition: all 0.5s ease;
}
.slider-button-2 a:hover {
color: #fff;
box-shadow: inset 250px 0 0 0px #bd5151;
}

.slider-button-3 {
color: #fff;
padding: 18px 30px 18px 36px;
border-radius: 30px;
background: #0090ff;
border: 1px solid #0090ff;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.slider-button-3:hover {
border-radius: 3px;
background: none;
border: 1px solid #fff;
}
.slider-button-3 i {
transition: all 0.3s ease;
}
.slider-button-3:hover i {
padding-left: 7px;
}

@media screen and (max-width: 768px) {	
a.animated-button.thar-one,
a.animated-button.thar-green {
padding: 5px 12px;
font-size: 10px;
}

.slider-button-1 a {
padding: 10px 18px 10px 18px;
}
.slider-button-1:hover a {
padding-left: 25px;
margin-left: -5px;
}
.slider-button-1:hover i {
margin-right: 5px;
}

.slider-button-2 a {
padding: 10px 16px;
font-size: 12px;
}

}

@media screen and (max-width: 450px) {	
a.animated-button.thar-one,
a.animated-button.thar-green {
padding: 4px 8px;
font-size: 9px;
}

.slider-button-1 a {
padding: 8px 10px 8px 10px;
}
.slider-button-1:hover a {
padding-left: 12px;
margin-left: -3px;
}
.slider-button-1:hover i {
margin-right: 3px;
}

.slider-button-2 a {
padding: 8px 10px;
font-size: 10px;
}

}

.but-stbutton-1 {
color: #fff;
border: 2px solid #fff;
padding: 18px 45px;
border-radius: 3px;
font-weight: 700;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-1:hover {
color: #2e2f31;
background: #fff;
}

.but-stbutton-2 {
color: #fff;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #bd5151;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-2:hover {
color: #fff;
box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.but-stbutton-3 {
color: #fff;
font-size: 13px;
border: 1px solid #fff;
padding: 8px 25px;
border-radius: 20px;
transition: all 0.3s ease;
}
.but-stbutton-3:hover,
.but-stbutton-3.active {
color: #bd5151;
background: #fff;
border: 1px solid #fff;
}

.but-stbutton-4 > a {
position: relative;
color: #bd5151;
text-align: center;
font-size: 13px;
}
.but-stbutton-4 > a:hover {
color: #bd5151;
}
.but-stbutton-4 > a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background-color: #bd5151;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.but-stbutton-4 > a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

.but-stbutton-5 {
color: #323335;
border: 2px solid #323335;
padding: 13px 27px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-5:hover {
color: #fff;
background: #323335;
}
.but-stbutton-6 {
color: #fff;
border: 2px solid #fff;
padding: 13px 27px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-6:hover {
color: #bd5151;
background: #fff;
}
.but-stbutton-7 {
color: #ff8e04;
border: 2px solid #ff8e04;
padding: 13px 27px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-7:hover {
color: #fff;
background: #ff8e04;
}
.but-stbutton-8 {
color: #bd5151;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #fff;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-8:hover {
color: #fff;
box-shadow: inset 200px 0px 0 0px #bd5151;
}
.but-stbutton-9 {
color: #fff;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #bd5151;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-9:hover {
color: #bd5151;
box-shadow: inset 200px 0px 0 0px #fff;
}
.but-stbutton-10 {
color: #fff;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #bd5151;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-10:hover {
color: #fff;
box-shadow: inset 200px 0px 0 0px #bd5151;
}
.but-stbutton-11 {
color: #bd5151;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #fff;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-11:hover {
color: #fff;
box-shadow: inset 200px 0px 0 0px #bd5151;
}
.but-stbutton-12 {
color: #fff;
font-size: 13px;
border: 1px solid #fff;
padding: 14px 25px;
border-radius: 4px;
transition: all 0.3s ease;
}
.but-stbutton-12:hover,
.but-stbutton-12.active {
color: #323335;
background: #fff;
border: 1px solid #fff;
}
.but-stbutton-13 {
color: #fff;
background: #bd5151;
padding: 14px 27px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-13:hover {
color: #bd5151;
background: #fff;
}


.but-stbutton-14 {
color: #fff;
background: #bd5151;
padding: 14px 27px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-14:hover {
color: #fff;
box-shadow: inset 200px 0px 0 0px #bd5151;
}
.but-stbutton-15 {
color: #323335;
border: 2px solid #ecf1f3;
padding: 11px 21px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-15:hover {
color: #fff;
background: #bd5151;
border: 2px solid #bd5151;
}

.but-stbutton-16 {
color: #bd5151;
border: 2px solid #bd5151;
padding: 8px 25px;
font-size:14px;
border-radius: 25px;
transition: all 0.3s ease;
}
.but-stbutton-16:hover {
color: #fff;
background: #bd5151;
border: 2px solid #bd5151;
}
.but-stbutton-17 {
color: #bd5151;
padding: 19px 45px;
border-radius: 4px;
background: #fff;
font-weight: 700;
text-align: center;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.but-stbutton-17:hover {
color: #bd5151;
background: #fff;
}
.but-stbutton-18 {
color: #323335;
border: 1px solid #ecf1f3;
padding: 10px 21px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-18:hover {
color: #fff;
background: #bd5151;
border: 1px solid #bd5151;
}
.but-stbutton-19 {
color: #bd5151;
border: 2px solid #bd5151;
padding: 13px 27px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-19:hover {
color: #fff;
background: #bd5151;
}
.but-stbutton-20 {
color: #fff;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #bd5151;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-20:hover {
color: #fff;
box-shadow: inset 200px 0px 0 0px #bd5151;
}
.but-stbutton-21 {
color: #fff;
background: #bd5151;
padding: 16px 27px;
border-radius: 3px;
text-align: center;
font-size:14px;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-21:hover {
color: #fff;
box-shadow: inset 300px 0px 0 0px #bd5151;
}

.but-stbutton-22 {
color: #fff;
border: 1px solid #fff;
padding: 10px 22px;
border-radius: 4px;
font-weight: 700;
font-size:13px;
font-weight:600;
text-align: center;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.but-stbutton-22:hover {
color: #2e2f31;
background: #fff;
}

.but-stbutton-23 {
color: #fff;
text-align: center;
padding: 14px 36px;
font-weight: bold;
background: #bd5151;
border-radius: 30px;
transition: all 0.4s ease;
}
.but-stbutton-23:hover {
color: #fff;
box-shadow: inset 600px 0px 0 0px #bd5151;
}

.but-stbutton-24 {
color: #bd5151;
font-size: 13px;
border: 1px solid #bd5151;
padding: 8px 25px;
border-radius: 20px;
transition: all 0.3s ease;
}
.but-stbutton-24:hover,
.but-stbutton-24.active {
color: #fff;
background: #bd5151;
border: 1px solid #bd5151;
}

.but-stbutton-25 {
color: #bd5151;
border: 1px solid #bd5151;
padding: 8px 25px;
font-size:14px;
border-radius: 4px;
transition: all 0.3s ease;
}
.but-stbutton-25:hover {
color: #fff;
background: #bd5151;
border: 1px solid #bd5151;
}
/* text boxe padding percent
------------------------------ */
.text-box.padding-percent {
padding: 5%;
}
.text-box.padding-percent-1 {
padding: 10%;
}
.text-box.padding-percent-2 {
padding: 15%;
}
.text-box.padding-percent-3 {
padding: 20%;
}
.text-box.padding-percent-4 {
padding: 25%;
}
.text-box.padding-percent-5 {
padding: 30%;
}


@media screen and (max-width: 768px) {
.text-box.padding-percent {
padding: 3%;
}
.text-box.padding-percent-1 {
padding: 8%;
}
.text-box.padding-percent-2 {
padding: 8%;
}
.text-box.padding-percent-3 {
padding: 8%;
}
.text-box.padding-percent-4 {
padding: 8%;
}
.text-box.padding-percent-5 {
padding: 8%;
}
}

/*============ box shadows ============ */
.box-shadow-1 {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
}
.box-shadow-2 {
-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
}
.box-shadow-3 {
-webkit-box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.7);
box-shadow: 0px 12px 30px 0px rgba(0,0,0,0.7);
background: rgba(0,0,0,0.5);
border: 1px solid rgba(255,255,255,0.8);
border-radius: 3px;
}
.box-shadow-4 {
-webkit-box-shadow: 0px 0px 0px 7px rgba(243,243,243,1);
-moz-box-shadow: 0px 0px 0px 7px rgba(243,243,243,1);
box-shadow: 0px 0px 0px 7px rgba(243,243,243,1);
}

.hover-shadow-1 {
transition: all 0.3s ease;
}
.hover-shadow-1:hover {
box-shadow: 0 20px 20px rgba(0,0,0,0.13);
-webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.13);
transition: all 0.3s ease-out 0s;
}
.hover-shadow-1.active {
box-shadow: 0 20px 20px rgba(0,0,0,0.13);
-webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.13);
transition: all 0.3s ease-out 0s;
}

.img-hover-text1 {
position: relative;
background: #bd5151;
}
.img-hover-text1 img {
opacity: 1;
display: block;
transition: all 0.3s ease;
}
.img-hover-text1:hover img {
opacity: 0.05;
}
.img-hover-text1 .distext {
position: absolute;
left: 50px;
right: 50px;
bottom: 0px;
text-decoration: none;
transition: all 0.3s ease;
}
.img-hover-text1:hover .distext {
bottom: 50px;
}
.img-hover-text1 .distext .hidtext {
opacity: 0;
transition: all 0.3s ease;
}
.img-hover-text1:hover .distext .hidtext {
opacity: 1;
}

.img-hover-text2 {
position: relative;
background: #323335;
}
.img-hover-text2 img {
opacity: 1;
display: block;
transition: all 0.3s ease;
}
.img-hover-text2:hover img {
opacity: 0.09;
}
.img-hover-text2 .distext {
position: absolute;
left: 16%;
right: 16%;
bottom: 0px;
text-decoration: none;
transition: all 0.3s ease;
}
.img-hover-text2:hover .distext {
bottom: 16%;
}
.img-hover-text2 .distext .hidtext {
opacity: 0;
transition: all 0.3s ease;
}
.img-hover-text2:hover .distext .hidtext {
opacity: 1;
}

@media screen and (max-width: 1024px) {	
.img-hover-text2 .distext {
left: 5%;
right: 5%;
}

}


/* alignments */
.float-left {
float: left;
}
.float-right {
float: right;
}

.link-hover-bline1 {
height: 1px;
width: 0px;
background-color: #fff;
transition: width 0.3s;
-webkit-transition: width 0.3s;
}
a:hover .link-hover-bline1 {
width: 100%;
}

.boxlight-hover-secondary {
background-color: #f3f3f3;
transition: all 0.3s ease;
}
.boxlight-hover-secondary:hover {
/*background-color: #FEC0C0;*/ 
background-color: #3A1906;
}
.boxlight-hover-secondary:hover p {
color: #fff;
}
.boxlight-hover-secondary:hover h5 {
color: #fff;
}

.boxlight-hover-light {
background-color: #f3f3f3;
transition: all 0.3s ease;
}

.boxlight-hover-secondary2 {
background-color: #fff;
transition: all 0.3s ease;
}
.boxlight-hover-secondary2:hover {
background-color: #bd5151;
}
.boxlight-hover-secondary2:hover p {
color: #fff;
}
.boxlight-hover-secondary2:hover h5 {
color: #fff;
}

.img-boder {
border: 3px solid #d3d3d3;
padding: 8px;
}

.imghvr *, .imghvr *:before, .imghvr *:after {
box-sizing: border-box;
transition: all .3s ease;
}

.imghvr {
position: relative;
display: inline-block;
background-color: #fff;
color: #fff;
overflow: hidden;
padding: 40px 40px;
text-align: center;
width: 19.8%;
float: left;
margin: 1px;
-webkit-box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.1);
}
.imghvr div {
vertical-align: top;
}
.imghvr figcaption {
background-color: #2e2f31;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
color: #fff;
text-align: center;
transform: translateY(-100%);
padding: 30px 40px 40px 40px;
}
.imghvr:hover figcaption {
transform: translate(0, 0);
}
.imghvr:hover div {
transform: translateY(100%);
}

@media screen and (max-width: 1024px) {	
.imghvr {
padding: 20px;
width: 49.5%;
}
.imghvr figcaption {
padding: 20px 30px 30px 30px;
}
}

@media screen and (max-width: 630px) {	
.imghvr {
padding: 20px;
width: 100%;
}
.imghvr figcaption {
padding: 10px 30px 30px 30px;
}
}

/* border opacity */
.border-all-opacity {
border: 1px solid rgba(255,255,255,0.12);
transition: all 0.3s ease;
}
.border-all-opacity2 {
border: 1px solid rgba(255,255,255,0.2);
transition: all 0.3s ease;
}
.border-all-opacity3 {
border: 1px solid rgba(255,255,255,0.3);
transition: all 0.3s ease;
}
.border-all-opacity4 {
border: 1px solid rgba(255,255,255,0.4);
transition: all 0.3s ease;
}
.border-all-opacity5 {
border: 1px solid rgba(255,255,255,0.5);
transition: all 0.3s ease;
}


/* pricing sections */
.price-sec-one {
transition: all 0.3s ease;
}
.price-sec-one .col-md-3,
.price-sec-one .col-md-4,
.price-sec-one .col-md-6{
transition: all 0.3s ease;
}
.price-sec-one .col-md-3:hover,
.price-sec-one .col-md-4:hover,
.price-sec-one .col-md-6:hover,
.price-sec-one .col-md-3.active,
.price-sec-one .col-md-4.active,
.price-sec-one .col-md-6.active {
background-color: rgba(255,255,255,0.3);
}


/* circles */
.circle {
border-radius: 100%;
}
.circle1 {
width: 10px;
height: 10px;
border-radius: 100%;
}
.circle2 {
width: 20px;
height: 20px;
border-radius: 100%;
}
.circle3 {
width: 30px;
height: 30px;
border-radius: 100%;
}
.circle4 {
width: 40px;
height: 40px;
border-radius: 100%;
}
.circle5 {
width: 50px;
height: 50px;
border-radius: 100%;
}
.circle6 {
width: 60px;
height: 60px;
border-radius: 100%;
}
.circle7 {
width: 70px;
height: 70px;
border-radius: 100%;
}
.circle8 {
width: 80px;
height: 80px;
border-radius: 100%;
}
.circle9 {
width: 90px;
height: 90px;
border-radius: 100%;
}
.circle10 {
width: 100px;
height: 100px;
border-radius: 100%;
}
.circle11 {
width: 120px;
height: 120px;
border-radius: 100%;
}
.circle12 {
width: 140px;
height: 140px;
border-radius: 100%;
}
.circle13 {
width: 160px;
height: 160px;
border-radius: 100%;
}
.circle14 {
width: 180px;
height: 180px;
border-radius: 100%;
}
.circle15 {
width: 200px;
height: 200px;
border-radius: 100%;
}
.circle16 {
width: 230px;
height: 230px;
border-radius: 100%;
}
.circle17 {
width: 250px;
height: 250px;
border-radius: 100%;
}

.circle1.center,
.circle2.center,
.circle3.center,
.circle4.center,
.circle5.center,
.circle6.center,
.circle7.center,
.circle8.center,
.circle9.center,
.circle10.center,
.circle11.center,
.circle12.center,
.circle13.center,
.circle14.center,
.circle15.center,
.circle16.center,
.circle17.center {
margin: 0 auto;
}

/* responsive image */
.img-responsive-1 {
max-width:75%;
height:auto;
}
.img-responsive-2 {
max-width:50%;
height:auto;
}
.img-responsive-3 {
max-width:25%;
height:auto;
}
.img-responsive-4 {
max-width:12.5%;
height:auto;
}
.img-responsive-5 {
max-width:33.3333333333%;
height:auto;
}





/* font sizes */
.iconsize,
i.iconsize {
font-size: 5px;
}
.iconsize1,
i.iconsize1 {
font-size: 16px;
}
.iconsize2,
i.iconsize2 {
font-size: 20px;
}
.iconsize3,
i.iconsize3 {
font-size: 25px;
}
.iconsize4,
i.iconsize4 {
font-size: 30px;
}
.iconsize5,
i.iconsize5 {
font-size: 40px;
}
.iconsize6,
i.iconsize6 {
font-size: 50px;
}
.iconsize7,
i.iconsize7 {
font-size: 60px;
}
.iconsize8,
i.iconsize8 {
font-size: 70px;
}
.iconsize9,
i.iconsize9 {
font-size: 80px;
}
.iconsize10,
i.iconsize10 {
font-size: 90px;
}
.iconsize11,
i.iconsize11 {
font-size: 100px;
}
.iconsize12,
i.iconsize12 {
font-size: 120px;
}
.iconsize13,
i.iconsize13 {
font-size: 9px;
}
.iconsize14,
i.iconsize14 {
font-size: 12px;
}
.iconsize15,
i.iconsize15 {
font-size: 14px;
}


/* page titles */
.page-title-1 {
float: left;
width: 100%;
text-transform:uppercase;
margin-top: -150px;
padding: 250px 0px 100px 0px;
background: url(../imagesbg-img-10.jpg) no-repeat center top;
}
.page-title-2 {
float: left;
width: 100%;
margin-top: -150px;
padding: 320px 0px 220px 0px;
background: url(../imagesbg-img-11.jpg) no-repeat center top;
}
.page-title-3 {
float: left;
width: 100%;
margin-top: -150px;
padding: 250px 0px 100px 0px;
background: url(../imagesbg-img-12.jpg) no-repeat center top;
}
.page-title-4 {
float: left;
width: 100%;
padding: 100px 0px 100px 0px;
background: url(../imagesbg-img-13.jpg) no-repeat center top;
}


@media screen and (max-width: 700px) {	
.page-title-1 {
padding: 180px 0px 70px 0px;
}
.page-title-2 {
padding: 180px 0px 70px 0px;
}
.page-title-3 {
padding: 180px 0px 70px 0px;
}
.page-title-4 {
padding: 50px 0px 50px 0px;
}
}

.page-title-1 {
float: left;
width: 100%;
text-transform: uppercase;
margin-top:0px;
padding: 30px 0px 100px 0px;
background: url(../imagesbuilding.jpg) no-repeat center top;
}
.ft-link li a:before {
content: "\f178";
font-family: "fontawesome";
line-height: 1;
/*color: #d3d2ce;*/
margin-right: 7px;
}
.ft-link ul li a:hover:before { color: #fff; margin-left:3px;  margin-right: 10px;}
.kk_ftr_pdr{padding-right:20px;}
/*------------ Login Popup ------------*/
.login-popup, .kk_popup  {
/*width:750px;*/width:85%;
top:1%;
}
.kk_map_popup{width:450px; top:2%;}
.kk_popup .modal-content {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);/*background:#fff;*/
position:relative;
display:inline-block;
width:100%;
border-radius:10px;
box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
top:13%;
padding:5px;
border:3px solid #0077bd
}
.kk_map_popup .modal-content {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);/*background:#fff;*/
position:relative;
display:inline-block;
width:100%;
border-radius:10px;
box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
top:13%;
padding:20px;
border:3px solid #006891
}
.kk_map_popup .modal-content {padding:10px!important;border:3px solid #006891!important;}
.login-popup .modal-content {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 1);/*background:#fff;*/
position:relative;
display:inline-block;
width:100%;
border-radius:10px;
box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
top:13%;
padding:30px 20px;
border:3px solid #006891
}
.login-popup .modal-content h1 {
font-size: 36px;

line-height:46px;
margin-bottom:20px;
font-weight:bold;
}
.login-popup .modal-content .left-img {
width:42.85%;
float:left;
}
.login-popup .modal-content .right-info {
width:54.54%;
float:right;
padding:0 20px 0 0;
}
.login-popup .modal-content .right-info h1 {
padding:11px 0 14px 0;
border-bottom:solid 1px #cccccc;
line-height:36px;
font-size:24px;
color:#333333;
margin-bottom:25px;

font-weight:bold;
}
.login-popup .right-info .sosal-midiyaLogin {
width:100%;
display:inline-block;
padding:20px 0 30px 0;
}
.login-popup .right-info .sosal-midiyaLogin .facebook-link {
width:50%;
float:left;
padding:0 10px 0 0;
position:relative;
}
.login-popup .right-info .sosal-midiyaLogin .facebook-link a {
border-bottom:solid 2px #16326e;
background:#3b5999;
line-height:35px;
padding:0 0 0 40px;
font-size:13px;
color:#ffffff;
display:block;
}
.login-popup .right-info .sosal-midiyaLogin .facebook-link a .icon {
position:absolute;
top:0px;
left:0px;
width:35px;
height:35px;
background:#354f88;
text-align:center;
color:#fff;
line-height:30px;
font-size:20px;
padding-top:5px;
}
.login-popup .right-info .sosal-midiyaLogin .google-link {
width:50%;
float:left;
padding:0 0 0 10px;
position:relative;
}
.login-popup .right-info .sosal-midiyaLogin .google-link a {
border-bottom:solid 2px #c62f15;
background:#de4c33;
line-height:35px;
padding:0 0 0 48px;
font-size:13px;
color:#ffffff;
display:block;
}
.login-popup .right-info .sosal-midiyaLogin .google-link a .icon {
position:absolute;
top:0px;
left:10px;
width:35px;
height:35px;
background:#ce3e26;
text-align:center;
color:#fff;
line-height:30px;
font-size:20px;
padding-top:5px;
}
.login-popup .right-info .or-text {
border-top:dashed 1px #d8d8d8;
width:100%;
text-align:center;
display:inline-block;
}
.login-popup .right-info .or-text span {
padding:0 10px;
background:#fff;
font-size:14px;
color:#333333;
top:-10px;
line-height:20px;
position:relative;
font-weight:600;
}
.login-popup .right-info .input-form {
border-bottom:solid 1px #ccc;
}
.login-popup .right-info .input-form .input-box {
padding:15px 0 10px 0;
position:relative;
}
.login-popup .right-info .input-form .input-box input {
width:100%;
border-radius:5px;
border:solid 1px #cccccc;
height:40px;
line-height:20px;
padding:9px 10px 9px 32px;
background:#fff;
font-size:14px;
color:#333333;
}
.login-popup .right-info .input-form .input-box .icon {
position:absolute;
top:15px;
left:0px;
width:30px;
line-height:42px;
text-align:center;
font-size:16px;
}
.login-popup .right-info .input-form .check-slide {
display:block;
padding:10px 0 0 0;
}
.login-popup .right-info .input-form .check-slide .check {
display:inline-block;
}
.login-popup .right-info .input-form .check-slide .check .label_check {
display:inline-block;
line-height:15px;
color:#666666;
font-size:12px;
font-weight:normal;
margin:0px;
background:url(../imageschack-img.png) no-repeat top left;
padding:0 0 0 25px;
}
.login-popup .right-info .input-form .check-slide .check input {
position:absolute;
left:-99999px;
}
.login-popup .right-info .input-form .check-slide .check .label_check.c_on {
background-position:left bottom;
}
.login-popup .right-info .input-form .check-slide a {
float:right;
width:auto;
line-height:15px;
color:#f15b22;
font-size:12px;
}
.login-popup .right-info .input-form .submit-slide {
margin:16px 0 16px 0;
}
.login-popup .right-info .input-form .submit-slide .btn {
padding:0 34px;
line-height:40px;
}
.login-popup .right-info .signUp-link {
display:block;
text-align:center;
padding:13px 0 8px 0;
font-size:12px;
line-height:18px;
color:#666666;
}
.login-popup .right-info .signUp-link a {
color:#f15b22;
}
.modal-content .close-icon {
position:absolute;
top:-8px;
right:-11px!important; /*top:-9px; right:-13px!important;*/
cursor:pointer;
}

@media (max-width: 991px) {
.login-popup {
width:100%;
max-width:810px;
padding:0 20px;
margin-left:0px;
}
.kk_popup {
width:100%;
max-width:810px;
padding:0 20px;
margin-left:0px;
}
.kk_map_popup{width:60%;}
}
@media (max-width: 767px) {
.login-popup .modal-content .left-img {
display:none;
}
.kk_popup .modal-content .left-img {
display:none;
}
.login-popup .modal-content .right-info {
width:100%;
padding:0 20px;
}
.kk_popup .modal-content .right-info {
width:100%;
padding:0 20px;
}
.kk_map_popup{width:100%;
padding:0 20px;}
}
.kk_dorder_4 {
border-bottom: 1px dashed #666;
}
.list_style_kk {
margin-bottom: 10px;
border-bottom: 1px dashed #DFDFDF;
padding-bottom: 10px;
}
.list_style_kk i {
float: left;
margin: 7px 20px 0px 0px;
color: #546A7B;
}
.kk_color_black {
color: #000;
}
.overflow_list_kk {
overflow: hidden;
text-align: justify; font-size:16px;
}
.kk_appreciation{font-size: 14px;margin-top:-20px;}
.text-box.kk-padd-left{padding-left: 80px;}
.kk_online_fee{position:absolute; top:2%; right:20px; z-index:999}
.kk_appreciation_thumb {width: 100%; height: auto;}
.banner_info_kk {
margin-bottom: 10px;
border-bottom: 1px dashed #dfdfdf;
padding-bottom: 10px;
}
.banner_info_kk i {
float: left;
margin: 7px 20px 0px 0px;
color: #233e54;
}
.overflow_h_kk {
overflow: hidden;
text-align: justify;
}
.kk_qp_pdlft_20{padding-left:20px;} .kk_cos_tp{font-size:22px; line-height:25px; text-transform:uppercase; font-weight:bold; color:#006891}
.acc_head h5{margin-bottom:5px; margin-top:5px;}
.kk_inpt{border-radius: 27.5px; width: 100%; height: 55px; font-size: 16px; color: #848484; line-height: 30px; padding: 12px 25px;border: 1px solid #006891; margin-bottom:30px;}
.btn.btn-kkgrn {background-image: linear-gradient(-180deg, #ff9d25 0%, #e17c02 70%); color: #fff;  border: medium none; font-size:16px!important;}
.btn-kkgrn:hover{ background-color:#000!important; color:#fff}
.kk_top_line{width:100%; position:relative; background-color:#233e54; height:5px}
@media only screen and (min-width:768px) and (max-width:1200px){
.kk_online_fee img{width:40px; height:auto;}
.kk_online_fee{top:10px;}
}
@media only screen and (min-width:768px) and (max-width: 1020 px){
.text-box.kk-padd-left{padding-left: 40px;}
}
@media only screen and (min-width:280px) and (max-width: 767px){
.kk-display1{display:none!important;}
.kk_appreciation{font-size: 12px;line-height: 18px;}
.text-box.kk-padd-left{padding-left:25px;}
/*.kk_online_fee{position: fixed; top:48%; left:0; z-index:999}*/
.kk_online_fee img{width:40px; height:auto;}
.kk_online_fee{top:10px;right:5px;}
.kk_qp_pdlft_20{padding-left:0px;}
.kk_cos_tp{font-size:16px; line-height:20px;}
.cnt_call_box {flex-direction: column!important; align-items: left!important;}
.cnt_call_box .cnt_cal_img{margin-bottom:15px}
.cnt_call_box .cnt_call_txt {text-align: center;}
}
@media screen and (max-width: 480px) {
.kk-display1{display:none;}
.uranus.tparrows:before {width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 20px !important;}
.uranus.tparrows{width: 30px !important; height: 30px !important; top:60% !important;}
}
/*@media only screen and (max-width: 1920px) and (min-width: 768px) {
.kk-topbar2{display:none}
}*/
@media only screen and (max-width: 767px) and (min-width: 280px) {
.kk-topbar1{display:none} 
.kk_sld_1{font-weight: 700; letter-spacing:1px !important; font-size: 9px !important; line-height: 29px !important; text-align:center !important; margin-bottom:30px !important;}
}