@charset "utf-8";

/*------------------------------------------------------------------

[Master Stylesheet]



Project:    Rhythm

Version:    2.2

Last change:    30.07.2015

Primary use:    MultiPurpose Template

-------------------------------------------------------------------*/


@font-face {
	font-family:'headerbrah';
	src: url('../fonts/GT-Walsheim-Pro-Medium.eot');
	src: url('../fonts/GT-Walsheim-Pro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GT-Walsheim-Pro-Medium.woff') format('woff'),
		url('../fonts/GT-Walsheim-Pro-Medium.ttf') format('truetype'),
		url('../fonts/GT-Walsheim-Pro-Medium.svg#GT-Walsheim-Pro-Medium') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}








/*------------------------------------------------------------------

[Table of contents]



1. Common styles

2. Page loader / .page-loader

3. Typography

4. Buttons

5. Forms fields

6. Home sections / .home-section

    6.1. Home content

    6.2. Scroll down icon

    6.3. Headings styles

7. Compact bar / .nav-bar-compact

8. Classic menu bar / .main-nav

9. Sections styles / .page-section, .small-section, .split-section

10. Alternative services / .alt-service-grid

11. Team / .team-grid

12. Features

13. Benefits (Process)

14. Counters

15. Portfolio / #portfolio

    15.1. Works filter

    15.2. Works grid

    15.3. Works full view

16. Banner section

17. Testimonial

    18.1. Logotypes

18. Post previews (news section)

19. Newsletter

20. Contact section

    20.1. Contact form

21. Bottom menu / .bot-menu

22. Google maps  /.google-map

23. Footer / .footer

24. Blog

    24.1. Pagination

    24.2. Comments

    24.3. Sidebar

25. Shop

26. Pricing

27. Shortcodes

    27.1. Owl Carousel

    27.2. Tabs

    27.3. Tabs minimal

    27.4. Alert messages

    27.5. Accordion

    27.6. Toggle

    27.7. Progress bars

    27.8. Font icons examples

    27.9. Intro page

28. Special demos

29. Bootstrap multicolumn grid





/*------------------------------------------------------------------

# [Color codes]



# Black (active elements, links, text) #000

# Gray (text) #7d7d7d

# Dark #000

# Dark Lighter #252525

# Gray BG #f4f4f4

# Gray BG Lighter #f8f8f8

# Mid grey #7d7d7d

# Borders #e9e9e9



# */





/*------------------------------------------------------------------

[Typography]



Body:               14px/1.6 "Open Sans", arial, sans-serif;

Headers:            Dosis, arial, sans-serif;

Serif:              "Times New Roman", Times, serif;

Section Title:      35px/1.3 "Open Sans", arial, sans-serif;

Section Heading:    24px/1.3 "Open Sans", arial, sans-serif;

Section Text:       15px/1.7 "Open Sans", arial, sans-serif;



-------------------------------------------------------------------*/





/* ==============================

   Common styles

   ============================== */



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

.align-left{ text-align:left !important;}

.align-right{ text-align:right !important; }

.left{float:left !important;}

.right{float:right !important;}

.relative{position:relative;}

.hidden{display:none;}

.inline-block{display:inline-block;}

.white{ color: #fff !important; }

.whiteparent { color: rgba(255, 255, 255, 0.6) !important;}

.darklink a {
	color: #000!important;
}
.darklink {
	color: #000 !important;
	
}

.darklink2 {
	color: #000 !important;
	
}

.darklink2:hover {
	color: #fff !important;
	
}

.darklink3 {
	color: #4A525A !important;
	
}

.darklink3:hover {
	color: #000 !important;
	
}

.sociallink {
	border: 2px solid;
    padding: 5px 20px;
    border-radius: 3px;
}

.sociallink:hover {
	background: #DCED31;
	color: #fff;
}

.darklink:hover {
	color:#DCED31!important;
}

.purple {
	color: #DCED31!important;
}
.dark{ color: #000 !important;}

.gray {color: #4A525A;
}

.dark a {
	
    -webkit-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.capitalize {
	text-transform: capitalize;
}


.blue{ color: #DCED31 !important; }
.pink {color:#DCED31!important;}
.green {color:#DCED31!important;}

.whitelink {
	color: #fff;
    -webkit-transition: all .27s cubic-bezier(.3,.1,.58,1);
    -moz-transition: all .27s cubic-bezier(.3,.1,.58,1);
    -o-transition: all .27s cubic-bezier(.3,.1,.58,1);
    -ms-transition: all .27s cubic-bezier(.3,.1,.58,1);
    transition: all .27s cubic-bezier(.3,.1,.58,1);

    }

.whitelink:hover {
	color: #DCED31;
	
}
.whiteparentlink {
	color: rgba(255, 255, 255, 0.6) !important;
	
}

.whiteparentlink:hover {
	color: #fff !important;
}

.image-fullwidth img{

    width: 100%;

}

.stick-fixed{

	position: fixed !important;

	top: 0;

	left: 0;

}

.round{

    -webkit-border-radius: 4px !important;

    -moz-border-radius: 4px !important;

    border-radius: 4px !important;

}



::-moz-selection{ color: #fff; background:#000; text-shadow: none;}

::-webkit-selection{ color: #fff; background:#000; text-shadow: none;}

::selection{ color: #fff; background:#000; text-shadow: none;}



.animate, .animate *{

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.no-animate, .no-animate *{

	-webkit-transition: 0 none !important;

    -moz-transition: 0 none !important;

	 -ms-transition: 0 none !important;

    -o-transition: 0 none !important;

    transition:0 none !important;

}



.shadow{

    -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);

    -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);

    box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);

}

.white-shadow{

    -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);

    -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);

    box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);

}



.clearlist, .clearlist li {

    list-style: none;

    padding: 0;

    margin: 0;

    background: none;

}



.full-wrapper {

    margin: 0 2%;

}

.full-wrapper2 {

    margin: 0 2.1%;

}

.container-fluid{

    max-width: 1170px;

    margin: 0 auto;

    padding: 0 20px;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html{

	overflow-y: scroll;

    -ms-overflow-style: scrollbar;

}

html, body{

	height: 100%;

	-webkit-font-smoothing: antialiased;

}

.page{

	/*overflow: hidden;*/

}



.body-masked{

	display: none;

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	background: #fff url(../images/loader.gif) no-repeat center center;

	z-index: 100000;

}



.mask-delay{

	-webkit-animation-delay: 0.75s;

	-moz-animation-delay: 0.75s;

	animation-delay: 0.75s;

}

.mask-speed{

	-webkit-animation-duration: 0.25s !important;

	-moz-animation-duration: 0.25s !important;

	animation-duration: 0.25s !important;

}

iframe{

    border: none;

}

a, b, div, ul, li{

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-tap-highlight-color: transparent;

	-moz-outline-: none;

}

a:focus,

a:active{

	-moz-outline: none;

	outline: none;

}

img:not([draggable]), embed, object, video{

    max-width: 100%;

    height: auto;


}

b, strong {
    font-weight: bold;
    font-family: inherit;

}







/* ==============================

   Page loader

   ============================== */





.page-loader{

 	display:block;

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	background: #000;

	z-index: 100000;

}



.loader{

  width: 200px;

  height: 200px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -100px 0 0 -100px;

  font-size: 10px;

  text-indent: -12345px;

  border-top: 1px solid rgba(0,0,0, 0.08);

  border-right: 1px solid rgba(0,0,0, 0.08);

  border-bottom: 1px solid rgba(0,0,0, 0.08);

  border-left: 2px solid #DCED31;



  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;



   -webkit-animation: spinner 700ms infinite linear;

   -moz-animation: spinner 700ms infinite linear;

   -ms-animation: spinner 700ms infinite linear;

   -o-animation: spinner 700ms infinite linear;

   animation: spinner 700ms infinite linear;



  z-index: 100001;

}



@-webkit-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-moz-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-o-keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes spinner {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}







/* ==============================

   Typography

   ============================== */



body{

	color: #000;

	font-size: 16px;
	font-weight: 300;

	font-family: 'headerbrah', sans-serif;

	line-height: 1.6;

	-webkit-font-smoothing: antialiased;

}



a{

	color: #DCED31;

	text-decoration: none;
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

a:hover{
	text-decoration: none;

	color: #000;

}



h1,h2,h3,h4,h5,h6{

    margin-bottom: 1.3em;

	line-height: 1.4;

	font-weight: 600;

	



}

h1{

	font-size: 32px;

}

h2{

	font-size: 28px;

}

h6{

    font-weight: 700;

}

p{

	margin: 0 0 2em 0;

}

ul, ol{

    margin: 0 0 1.5em 0;

}



.featurespics {

    width: 75%;

    margin: 0px auto;

}



.featuresgridbox1 {

	border-right: 2px solid #f4f4f4;

	border-bottom: 2px solid #f4f4f4;

	padding: 25px;

	min-height: 435px;

	background: #fff;

	border-radius: 10px 0px 0px 0px;

}



.featuresgridbox2 {

	border-right: 2px solid #f4f4f4;

	border-bottom: 2px solid #f4f4f4;

	padding: 25px;

	min-height: 435px;

	background: #fff;

}



.featuresgridbox3 {

	border-bottom: 2px solid #f4f4f4;

	padding: 25px;

	min-height: 435px;

	background: #fff;

	border-radius: 0px 10px 0px 0px;

}

.bg-white {
	background: #fff!important;
}

.bg-coloredboxes {



    padding: 25px;

    border-radius: 3px;

    min-height: 450px;

}

.rusty {
    width: 400px;
    float: right;
    margin: -60px 0 50px 50px;
    border-radius: 3px;
}

.bg-black {
	background: #000!important;
}

.bg-darkgray {
	background: #303030;
}


.boxshadowed {
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.bloggywrap {



}

.doodlepitch {
	float: right;
    width: 33%;
    margin: 0px 0px 50px 50px;
}

.doodlepitchbox {
	
}

.bg-colorednumbers {

    position: absolute;

    font-size: 20px;

    color: rgba(255, 255, 255, 0.6);

    left: 15px;

    padding: 10px 20px;

    border-radius: 0px 0px 5px 0px;

    border-right: 2px solid rgba(255, 255, 255, 0.15);

    border-bottom: 2px solid rgba(255, 255, 255, 0.15);

    font-weight: bold;

    margin: 2px 0px 0px 2px;

}



.featuresgridbox4 {

	border-right: 2px solid #f4f4f4;

	padding: 25px;

	min-height: 435px;

	background: #fff;

	border-radius: 0px 0px 0px 10px;

}



.featuresgridbox5 {

	border-right: 2px solid #f4f4f4;

	padding: 25px;

	min-height: 435px;

	background: #fff;

}



.featuresgridbox6 {

	padding: 25px;

	min-height: 435px;

	background: #fff;

	border-radius: 0px 0px 10px 0px;

}

.quote2f.owl-pagination {
    
}
.quote2:before {
    font-family: 'FontAwesome';
    content: '\f10d';
    font-size: 55px;
    position: absolute;
    left: 15px;
    top: 15px;
    color: rgba(0, 0, 0, 0.05);
    font-style: normal;
}

.quote {
    
}

.quote:before {
        font-family: 'FontAwesome';
    content: '\f10d';
    font-size: 55px;
    position: absolute;
    left: 35px;
    top: 50px;
    color: rgba(255, 255, 255, 0.1);
}




blockquote{
	margin: 0px 0px 35px 0px;
    font-style: normal;
    color: #000;
    border-left: 2px solid #DCED31;
    padding: 5px 25px;


}

blockquote p{

	font-size: 16px!important;
    
    color: #000!important;

}

blockquote footer{

	font-size: 11px;

    font-weight: 400;

    text-transform: uppercase;

    

}

dl dt{

	

}

dl dd{

	margin-bottom: 15px;

}

pre{

	background-color: #f5f5f5;

	border-color: #f5f5f5;



}

hr.top {
	background: #DCED31;
background: -moz-linear-gradient(-45deg,  #DCED31 0%, #c2f970 100%);
background: -webkit-linear-gradient(-45deg,  #DCED31 0%,#c2f970 100%);
background: linear-gradient(135deg,  #DCED31 0%,#c2f970 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCED31', endColorstr='#c2f970',GradientType=1 );
height: 3px;
border: 0px!important;
margin: 0px!important;
}

hr{

	border-top: 2px solid rgba(0, 0, 0, 0.1);

}

hr.pink{

	border-top: 2px solid #DCED31;

}



hr.white{
	border-top: 2px solid rgba(255, 255, 255, 0.5);


}

hr.black{

    border-color:rgba(0,0,0, .85);

    background: rgba(0,0,0, .85);

}

hr.blue {
	border-color:#DCED31;

    background: #DCED31;
}

.uppercase{

	text-transform: uppercase;

	

}

.font-alt{

    font-family: 'headerbrah', sans-serif;

    

}

.serif{

	font-family: 'galaxie', Times, serif!important;
	

	font-style: italic;

    font-weight: normal;

}

.normal{

	font-weight: normal;

}

.strong{

    font-weight: 600 !important;

}

.lead{

    font-size: 140%;

    line-height: 1.2;

    font-weight: 400;

}

.text{

	font-size: 16px;

	font-weight: 400;

	color: #7d7d7d;

	line-height: 1.8;

}

.text h1,

.text h2,

.text h3,

.text h4,

.text h5,

.text h6{

	color: #000;

}



.dropcap{

    float: left;

    font-size: 3em;

    line-height: 1;

    padding: 2px 8px 2px 0;

}





.big-icon{

	display: block;

	width: 90px;

	height: 90px;

	margin: 0 auto 20px;

	border: 3px solid #fff;

	text-align: center;

	line-height: 88px;

	font-size: 32px;

	color: rgba(255,255,255, .97);



	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.big-icon .fa-play{

	position: relative;

	left: 4px;

}

.big-icon.big-icon-rs{

    border: none;

    width: auto;

    height: auto;

    font-size: 96px;

}



.big-icon-link{

	display: inline-block;

	text-decoration: none;

}

.big-icon-link:hover{

    border-color: transparent !important;

}

.big-icon-link:hover .big-icon{

	border-color: #DCED31;
	background: #DCED31;
	color: #fff;



	-webkit-transition: 0 none !important;

    -moz-transition: 0 none !important;

	 -ms-transition: 0 none !important;

    -o-transition: 0 none !important;

    transition:0 none !important;

}

.big-icon-link:active .big-icon{

	-webkit-transform: scale(0.99);

	-moz-transform: scale(0.99);

	-o-transform: scale(0.99);

	-ms-transform: scale(0.99);

	transform: scale(0.99);

}



.wide-heading{

	display: block;

	margin-bottom: 10px;

	font-size: 48px;

	font-weight: 400;

	

	text-align: center;

	text-transform: uppercase;

	opacity: .9;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.big-icon-link:hover,

.big-icon-link:hover .wide-heading{

	color: #fff;

	text-decoration: none;

}

.sub-heading{

	font-size: 16px;

	font-style: italic;

	text-align: center;

	line-height: 1.3;

	color: rgba(255,255,255, .75);

}



.big-icon.black{

    color: #000;

    border-color: rgba(0,0,0, .75);

}

.big-icon-link:hover .big-icon.black{

    color: #000;

    border-color: #000;

}

.wide-heading.black{

    color: rgba(0,0,0, .87);

}

.big-icon-link.black:hover,

.big-icon-link:hover .wide-heading.black{

	color: #000;

	text-decoration: none;

}

.sub-heading.black{

	color: rgba(0,0,0, .75);

}







/* ==============================

   Buttons

   ============================== */

.btn-mod3,

a.btn-mod3{

    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 5px 18px;

  	color: #fff!important;

  	background: #DCED31;



	border: none;

	font-size: 12px;

	font-weight: 600;

	text-transform: uppercase;

	text-decoration: none;

	



	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

	min-width: 118px;

	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);


}

.btn-mod3:hover,

.btn-mod3:focus,

a.btn-mod3:hover,

a.btn-mod3:focus{
	-moz-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	color: #fff!important;

  	background: #000;



	text-decoration: none;

    outline: none;

    border-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

}


.btn-mod2,

a.btn-mod2{

    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 6px 18px;

  	color: #fff!important;

  	background: #DCED31;



	border: none;

	font-size: 12px;
    line-height: 19px;

	text-transform: capitalize;

	text-decoration: none;




	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;


	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	font-weight: 600;
}

.btn-mod2:hover,

.btn-mod2:focus,

a.btn-mod2:hover,

a.btn-mod2:focus{
	background:#DCED31;

		color: #fff!important;




	text-decoration: none;

    outline: none;

    border-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

}


.btn-mod,

a.btn-mod{

    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 4px 20px;

  	color: #fff!important;

  	background: #DCED31;


  	font-style: normal;
    font-family: 'headerbrah', sans-serif;
    

	border: none;

	font-size: 11px;

	font-weight: 600;


	text-decoration: none;

	



	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;



	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    text-shadow: none;

}

.btn-mod:hover,

.btn-mod:focus,

a.btn-mod:hover,

a.btn-mod:focus{
	background: #DCED31;
	color: #fff;


	text-decoration: none;

    outline: none;

    border-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.btn-mod:active{

	cursor: pointer !important;

    outline: none !important;

}



.btn-mod.btn-small{

    height: auto;

  	padding: 5px 16px;

	font-size: 16px;
	text-transform: none;
	border-radius: 100px;


}

.btn-mod.btn-medium{

    height: auto;
    padding: 8px 28px;
    font-size: 24px;
    border-radius: 100px;
}

.btn-mod.btn-medium2{
	height: auto;
    padding: 4px 24px;
    font-size: 18px;
    border-radius: 100px;
    }

.btn-mod.btn-large{

    height: auto;
    padding: 12px 50px;
    font-size: 36px;
    border-radius: 100px;

}

.btn-mod.btn-xlarge{

    height: auto;
    padding: 22px 36px;
    font-size: 24px;

}



.btn-mod.btn-glass{

  	color: rgba(255,255,255, .75);

  	background: rgba(0,0,0, .40);

}

.btn-mod.btn-glass:hover,

.btn-mod.btn-glass:focus{

  	color: rgba(255,255,255, 1);

  	background: rgba(0,0,0, 1);

}



.btn-mod.btn-border{

  	color: #000;

	border: 2px solid #000;

  	background: transparent;

}

.btn-mod.btn-border:hover,

.btn-mod.btn-border:focus{

  	color: #fff;

	border-color: transparent;

  	background: #000;

}



.btn-mod.btn-border-c{

  	color: #e41919;

	border: 2px solid #e41919;

  	background: transparent;

}

.btn-mod.btn-border-c:hover,

.btn-mod.btn-border-c:focus{

  	color: #fff;

	border-color: transparent;

  	background: #e41919;

}



.btn-mod.btn-border-w{

  	color: #fff;

	border: 2px solid #fff;

  	background: transparent;

}

.btn-mod.btn-border-w:hover,

.btn-mod.btn-border-w:focus{

  	color: #000!important;

	border-color: transparent;

  	background: #fff;

}


.btn-mod.btn-b{

  	color: #000!important;
    background: none;
    border: 1px solid #DCED31;

}

.btn-mod.btn-b:hover,

.btn-mod.btn-b:focus{



  	background: #DCED31;

  	color: #fff!important;

}

.btn-mod.btn-bpink2{
	color: #000 !important;
    background: none;
    border: 2px solid #DCED31;
    font-family: 'headerbrah';
    
    }
    
.btn-mod.btn-bpink2:hover,

.btn-mod.btn-bpink2:focus{



  	background: #DCED31;

  	color: #fff!important;

}    

.btn-mod.btn-bpink{

  	color: #DCED31!important;
    background: none;
    border: 2px solid #DCED31;

}

.btn-mod.btn-bpink:hover,

.btn-mod.btn-bpink:focus{



  	background: #DCED31;

  	color: #fff!important;

}

.btn-mod.btn-bdark{

  	color: #000!important;
    background: none;
    border: 1px solid #000;

}

.btn-mod.btn-bdark:hover,

.btn-mod.btn-bdark:focus{



  	background: #000;

  	color: #fff!important;

}


.btn-mod.btn-pink {
	color: #fff!important;
    background: none;
    border: 1px solid #DCED31;
}

.btn-mod.btn-pink:hover,
.btn-mod.btn-pink:hover {
	color: #fff!important;
    background: #DCED31;
    border: 1px solid #DCED31;
}

.btn-mod.btn-w{

  	color: #fff!important;
    background: none;
    border: 1px solid #fff;

}

.btn-mod.btn-w:hover,

.btn-mod.btn-w:focus{
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid #fff;
	color: #fff;
}



.btn-mod.btn-w-color{

  	color: #e41919;

  	background: #fff;

}

.btn-mod.btn-w-color:hover,

.btn-mod.btn-w-color:focus{

	color: #000;

  	background: #fff;

}



.btn-mod.btn-gray{

  	color: #7d7d7d;

  	background: #e5e5e5;

}

.btn-mod.btn-gray:hover,

.btn-mod.btn-gray:focus{

  	color: #444;

  	background: #d5d5d5;

}

.bg-transparent {
	background: rgba(0, 0, 0, 0.4);
}
.bg-pink {
	background: #DCED31;
}

.btn-mod.btn-color{

  	color: #000!important;

  	background: #fff;

}

.btn-mod.btn-color:hover,

.btn-mod.btn-color:focus{

	opacity: .8;
}

.btn-mod.btn-color2{

  	color: #fff;

  	background: #DCED31;
    

}

.btn-mod.btn-color2:hover,

.btn-mod.btn-color2:focus{
	color: #fff;
  	background: #000;
}

.btn-mod.btn-colorgradient {
	background: #DCED31;
	background: -moz-linear-gradient(top,  #DCED31 0%, #DCED31 100%);
	background: -webkit-linear-gradient(top,  #DCED31 0%,#DCED31 100%);
	background: linear-gradient(to bottom,  #DCED31 0%,#DCED31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCED31', endColorstr='#DCED31',GradientType=0 );
	box-shadow: inset 0 -2px 0 1px rgba(0,0,0,.25),inset 0 1px 0 0px rgba(255,255,255,.2) !important;

	font-family: 'headerbrah', sans-serif;
	
}

.btn-mod.btn-colorgradient:hover {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #fff 100%);
	background: -webkit-linear-gradient(top,  #fff 0%,#fff 100%);
	background: linear-gradient(to bottom,  #fff 0%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
	box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.25)!important;
	text-shadow: none;
	color: #000!important;
}

.btn-mod.btn-color3{

  	color: #fff;

  	background: #DCED31;
    

}

.btn-mod.btn-color3:hover,

.btn-mod.btn-color3:focus{
	color: #fff;
  	background: #000;
    box-shadow: none !important;
}



.btn-mod.btn-circle{

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

}

.btn-mod.btn-round{

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.btn-icon{

	position: relative;

    border: none;

    overflow: hidden;

}

.btn-icon.btn-small{

	overflow: hidden;

}

.btn-icon > span{

	width: 100%;

	height: 50px;

	line-height: 50px;

	margin-top: -25px;

	position: absolute;

	top: 50%;

	left: 0;

	color: #7d7d7d;

	font-size: 48px;

	opacity: .2;



	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.btn-icon:hover > span{

	opacity: 0;



    -webkit-transform: scale(2);

    -moz-transform: scale(2);

    -o-transform: scale(2);

    -ms-transform: scale(2);

    transform: scale(2);

}

.btn-icon > span.white{

    color: #fff;

}

.btn-icon > span.black{

    color: #000;

}

.btn-full{

	width: 100%;

}





/* ==============================

   Forms fields

   ============================== */



.form input[type="text"],

.form input[type="phone"],

.form input[type="email"],

.form input[type="number"],

.form input[type="url"],

.form input[type="search"],

.form input[type="tel"],

.form input[type="password"],

.form input[type="date"],

.form input[type="color"],

.form select{

    display: inline-block;

	height: 30px;

    vertical-align: middle;

	font-size: 14px!important;

	font-weight: 600;


	background: #f5f5f5;

	color: #7d7d7d;

	border: 1px solid rgba(0,0,0, .1);

    padding-left: 7px;

    padding-right: 7px;



    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;




    -moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;



    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);



    font-family: 'headerbrah', sans-serif;
    

}

.form select{

    font-size: 12px;

}

.form select[multiple]{

    height: auto;

}

.form input[type="text"]:hover,

.form input[type="phone"]:hover,

.form input[type="email"]:hover,

.form input[type="number"]:hover,

.form input[type="url"]:hover,

.form input[type="search"]:hover,

.form input[type="tel"]:hover,

.form input[type="password"]:hover,

.form input[type="date"]:hover,

.form input[type="color"]:hover,

.form select:hover{

	border-color: #DCED31;

}

.form input[type="text"]:focus,

.form input[type="phone"]:focus,

.form input[type="email"]:focus,

.form input[type="number"]:focus,

.form input[type="url"]:focus,

.form input[type="search"]:focus,

.form input[type="tel"]:focus,

.form input[type="password"]:focus,

.form input[type="date"]:focus,

.form input[type="color"]:focus,

.form select:focus{

	color: #000;

	border: #DCED31;



	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);

	-moz-box-shadow: 0 0 3px rgba(0,0,0, .3);

	box-shadow: 0 0 3px rgba(0,0,0, .3);

    outline: none;

}

.form input[type="text"].input-lg,

.form input[type="phone"].input-lg,

.form input[type="email"].input-lg,

.form input[type="number"].input-lg,

.form input[type="url"].input-lg,

.form input[type="search"].input-lg,

.form input[type="tel"].input-lg,

.form input[type="password"].input-lg,

.form input[type="date"].input-lg,

.form input[type="color"].input-lg,

.form select.input-lg{

	height: 40px;

    padding-left: 15px;

    padding-right: 15px;

    font-size: 13px;

}

.form-group{
	margin-bottom: 10px;
}

.input-lg {

    box-shadow: none;
    height: 61px;
    border: none;
    border-radius: 1px;

   
}


.form input[type="text"].input-md,

.form input[type="phone"].input-md,

.form input[type="email"].input-md,

.form input[type="number"].input-md,

.form input[type="url"].input-md,

.form input[type="search"].input-md,

.form input[type="tel"].input-md,

.form input[type="password"].input-md,

.form input[type="date"].input-md,

.form input[type="color"].input-md,

.form select.input-md{

	height: 37px;

    padding-left: 13px;

    padding-right: 13px;

    font-size: 12px;

}
.input-md{
	height: 40px;
    border-radius: 0px;
    border: 0px!important;
    }
.input-blog1 {
	font-size: 16px!important;background: #000!important;color: #fff!important;font-weight: bold;width: 50%;float: left;margin-right: 5px;
} 
.input-blog2 {
	font-size: 14px!important;background: #303030;color: rgba(255, 255, 255, 0.6)!important;font-weight: bold;width: 50%;float: left;margin-right: 5px;
}    

.form input[type="text"].input-sm,

.form input[type="phone"].input-sm,

.form input[type="email"].input-sm,

.form input[type="number"].input-sm,

.form input[type="url"].input-sm,

.form input[type="search"].input-sm,

.form input[type="tel"].input-sm,

.form input[type="password"].input-sm,

.form input[type="date"].input-sm,

.form input[type="color"].input-sm,

.form select.input-sm{

	height: 31px;

    padding-left: 10px;

    padding-right: 10px;

}

.input-sm {
	height: 33px;
    border-radius: 0px;
    border: 0px!important;
}

.form textarea{

	font-size: 12px;

	font-weight: 400;

	text-transform: uppercase !important;

	

	color: #7d7d7d;

	border-color: rgba(0,0,0, .1);

    outline: none;

	font-family: 'headerbrah', sans-serif;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.form textarea:hover{

	border-color: rgba(0,0,0, .2);

}

.form textarea:focus{

	color: #000;

	border-color: rgba(0,0,0, .7);

	-webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);

	-moz-box-shadow: 0 0 3px rgba(21,21,21, .3);

	box-shadow: 0 0 3px rgba(21,21,21, .3);

}



.form .form-group{

	margin-bottom: 10px;

}



.form input.error{

    border-color: #e41919;

}

.form div.error{

    margin-top: 20px;

    padding: 13px 20px;

    text-align: center;

    background: rgba(228,25,25, .75);

    color: #fff;

}

.form div.success{

    margin-top: 20px;

    padding: 13px 20px;

    text-align: center;

    background: rgba(50,178,95, .75);

    color: #fff;

}



.form-tip{

    font-size: 11px;

    color: #aaa;

}

.form-tip .fa{

    font-size: 12px;

}





/* ==============================

   Home sections

   ============================== */



/*

 * Header common styles

 */



.home-section{

	width: 100%;

	display: block;

	position: relative;

    overflow: hidden;

	background-repeat: no-repeat;

    background-attachment: fixed;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}



.home-content{

	display: table;

	width: 100%;

	height: 100%;

	text-align: center;

}





/* Home content */



.home-content{

	position: relative;

}

.home-text{

	display: table-cell;

	height: 100%;

	vertical-align: middle;

}

.home-text3 {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}

.home-text4 {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}



/* Scroll down icon */



@-webkit-keyframes scroll-down-anim {

	0%{ bottom: 2px; }

	50%{ bottom: 7px; }

	100%{ bottom: 2px; }

}

@-moz-keyframes scroll-down-anim {

	0%{ bottom: 2px; }

	50%{ bottom: 7px; }

	100%{ bottom: 2px; }

}

@-o-keyframes scroll-down-anim {

	0%{ bottom: 2px; }

	50%{ bottom: 7px; }

	100%{ bottom: 2px; }

}

@keyframes scroll-down-anim {

	0%{ bottom: 2px; }

	50%{ bottom: 7px; }

	100%{ bottom: 2px; }

}



.scroll-down{

	width: 40px;

	height: 40px;

	margin-left: -20px;

	position: absolute;

	bottom: 20px;

	left: 50%;

    text-align: center;

    text-decoration: none;



    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);



}



.scroll-down:before {

    display: block;

    content: "";

    width: 27px;

    height: 27px;

    margin: 0 0 0 -14px;

    position: absolute;

    bottom: 0;

    left: 50%;



    -webkit-border-radius: 200px;

    -moz-border-radius: 200px;

    border-radius: 200px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    z-index: 1;

}



.scroll-down:hover:before{




}





.scroll-down-icon {

    display: block;

    position: absolute;
	left: 8px;
    bottom: 0px;

    color: #000;

    font-size: 34px;

    -webkit-animation: scroll-down-anim 1s infinite;

    -moz-animation: scroll-down-anim 1s infinite;

    -o-animation: scroll-down-anim 1s infinite;

    animation: scroll-down-anim 1s infinite;

    z-index: 2;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

}

.scroll-down-icon:hover {
	 -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -o-transform: scale(1.25);

    -ms-transform: scale(1.25);

    transform: scale(1.25);

	color: #000;
}





/*

 * HTML5 BG VIdeo

 */



.bg-video-wrapper{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    z-index: 0;

}

.bg-video-overlay{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

}

.bg-video-wrapper video{

    max-width: inherit;

    height: inherit;

    z-index: 0;

}







/*

 * Headings styles

 */





.hs-wrap{

	max-width: 570px;

	margin: 0 auto;

	padding: 47px 30px 53px;

	position: relative;

	text-align: center;



	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;



	border: 1px solid rgba(255,255,255, .5);

}



.hs-wrap-1{

	max-width: 350px;

	margin: 0 auto;

	position: relative;

    text-align: center;



	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.hs-line-1{

    margin-top: 0;

	position: relative;

    text-transform: uppercase;

	font-size: 30px;

    font-weight: 400;

	

	color: #fff;

    opacity: .9;

}

.hs-line-2{

    margin-top: 0;

	position: relative;

	font-size: 72px;

	font-weight: 400;

	text-transform: uppercase;

	

	line-height: 1.3;

	color: rgba(255,255,255, .85);

}

.hs-line-3{

    margin-top: 0;

	position: relative;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	

	color: rgba(255,255,255, .7);

}



.hs-line-4{

    margin-top: 0;

    position: relative;

	font-size: 16px;

	font-weight: 400;

	text-transform: uppercase;

	

	color: rgba(255,255,255, .85);

}

.hs-line-5{

    margin-top: 0;

    position: relative;

	font-size: 62px;

	font-weight: 400;

    line-height: 1.2;

	text-transform: uppercase;

	

	opacity: .85;

}

.hs-line-6{

    margin-top: 0;

    position: relative;

	font-size: 19px;

	font-weight: 300;

    line-height: 1.2;

    opacity: .35;

}

.hs-line-6.no-transp{

    opacity: 1;

}

.hs-line-7{

    margin-top: 0;

    position: relative;

	font-size: 64px;

	font-weight: 600;

    text-transform: uppercase;

    

    line-height: 1.2;

}

.hs-line-8{


	font-size: 16px;

	

}



.hs-line-9{

    font-size: 26px;

}

.introtext {

	font-size: 20px;
}
.hs-line-10{

	
	line-height: 1.15;
	font-size: 22px;



}

.hs-line-13{
	margin-bottom: 0px;
    margin-top: 0;

    position: relative;

	font-size: 40px;

	font-weight: 300;
    

    line-height: 1.1!important;



}


.hs-line-12{
	margin-bottom: 10px;
    margin-top: 0;

    position: relative;

	font-size: 26px;

	font-weight: 300;
    

    line-height: 1.1;



}

.subhead {

    line-height: 1.6;

    font-size: 18px;



    color: #7d7d7d;
    

}

.subhead2 {

    line-height: 1.6;

    font-size: 20px;

    font-weight:300!important;

    color: #7d7d7d;

}



.subheadbig {

    line-height: 1.6;

    font-size: 26px;

    font-weight:300!important;

    color: #7d7d7d;

}

.subhead3 {

    line-height: 1.6;

    font-size: 18px;

    font-weight:400;

    color: #7d7d7d;

}



.source {
	font-family: 'headerbrah', sans-serif;
	letter-spacing: -.01px!important;
}



.headerbrah {
	font-family: 'headerbrah', sans-serif;
    font-weight: 200;
    line-height: 1.2;
    

}

.headerbrah2 {
	font-family: 'headerbrah', sans-serif;
    font-weight: 200;
    line-height: 1.618;
    

}

.headerbrah3 {

    font-weight: 300;
    line-height: 1.3;


}

.headerbrah4 {

    font-weight: 300;
    line-height: 1.5;


}






.hs-line-14{

    font-size: 64px;
    

    line-height: 1.15;

	


}






.fullwidth-galley-content{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 25;

}



/* ==============================

   Top bar

   ============================== */



.top-bar{

    min-height: 40px;

    background: #fbfbfb;

    border-bottom: 1px solid rgba(0,0,0, .05);

    font-size: 16px;

    

}



/*

 * Top links

 */



.top-links{

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 30px;
    font-family: 'headerbrah';
    

}

.top-links li{



}

.top-links li:last-child{



}

.top-links li .fa{

    font-size: 16px;

    position: relative;

    top: 1px;

}

.top-links li .tooltip{

    text-transform: none;

    letter-spacing: normal;

    z-index: 2003;



}

.top-links li a{

    display: block;

    min-width: 40px;

    height: 60px;

    line-height: 60px;

    padding: 0 10px;

    text-decoration: none;

    text-align: center;

    color: #fff;



    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;



    -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.top-links li a:hover{

    color: #555;

    background-color: rgba(0,0,0, .02);

}



/*

 * Top bar dark

 */
 
.bottom-bar-fixed {
	position: fixed;
    bottom: 23px;
    z-index: 100;
    width: 100%;
    
}
.bottom-bar.dark{
	
  

    height: 40px;
}


.bottombarnumber {
	padding: 8px 20px;
    line-height: 40px;
    margin-left: 43px;
    color: #fff;
    background: #000;
    border-radius: 0px 3px 3px 0px;
    font-size: 18px;
    border-bottom: none;
}

.bottombarnumber a {
	color: #fff;
}

.bottombaricon {
	background: #ff8580;
    text-align: center;
    margin: 0px 0px 0px;
    padding: 8px 14px;
    border-radius: 3px 0px 0px 3px;
    font-size: 24px;
    position: absolute;
    color: #fff;
    height: 39px;
}

.bottombaricon a {
	color: #fff;
}
.top-bar.dark{
	background: #000!important;
	border-bottom: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
    height: 70px;
    padding: 25px 0px;
}

.top-bar.dark .top-links li,

.top-bar.dark .top-links li:last-child{

    border-color: rgba(255,255,255, .07);

}

.top-bar.dark .top-links li a{

    color: #fff;

}

.top-bar.dark .top-links li a:hover{

    color: #fff;


}





/* ==============================

   Classic menu bar

   ============================== */





/* Logo (in navigation panel)*/



.nav-logo-wrap{

	float: left;

	margin: 0px;


}

.nav-logo-wrap .logo{

	display: table-cell;

	vertical-align: middle;
	max-width: 40px;

    height: 60px!important;

	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);


}


.nav-logo-wrap .logo:hover {
	-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.nav-logo-wrap .logo img{

	max-height: 100%;
	background: #202123;
    border-radius: 3px;
    padding: 4px;

}

.nav-logo-wrap .logo:before,

.nav-logo-wrap .logo:after{

	display: none;

}

.logo,

a.logo:hover{

    font-family: 'headerbrah', sans-serif;

	font-size: 18px;

	font-weight: 400 !important;

	text-transform: uppercase;

    

	text-decoration: none;

	color: rgba(0,0,0, .9);

}



/*

 * Desktop nav

 */



.main-nav{

	width: 100%;

	height: 60px !important;

	position: relative;

	top: 0;

	left: 0;

	text-align: left;

	-webkit-box-shadow: 0 0px 0px rgba(29,35,41, 0.1);

	-moz-box-shadow: 0 0px 0px rgba(29,35,41, 0.1);

	box-shadow:  0 0px 0px rgba(29,35,41, 0.1);



	z-index: 1030;



    -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.main-nav-light {

	background: #fff;

}





.small-height{

    height: 60px !important;

}

.small-height .inner-nav ul li a{

	height: 60px !important;

	line-height: 60px !important;

}

.inner-navleft {
    float: left !important;
    margin-left: 4em;
}

.inner-nav{

	display: inline-block;

	position: relative;

	float: right;

}

.inner-nav ul{

	float: right;

	margin: auto;

	font-size: 16px;

	font-weight: 400;


	text-align: center;

	line-height: 1.3;

}

.inner-nav ul li {
    float: left;
    position: relative;
}

.inner-nav ul li a{

	color: #fff;

    

	display: inline-block;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

	box-sizing: border-box;

	text-decoration: none;

	font-size: 14px;

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.inner-nav ul > li:first-child > a{



}

.inner-nav ul li a:hover,

.inner-nav ul li a.active{

	color: #000;

	text-decoration: none;

}


/* Menu sub */



.mn-sub{

	display: none;

	width: 160px;

	position: absolute;

	top: 100%;

	left: 60px;

	padding: 0;

	background: #fff;
    border-radius: 0px 0px;

}


.mn-sub li{

	display: block;

	width: 100%;

	margin: 0 !important;

}

.main-nav.light .inner-nav ul li .mn-sub li a{
	color: #000;
	padding: 15px;
    border-top: 1px solid #ddd;
    margin: 0px;
    font-size: 13px;
    text-align: left;
	    
	}
	
	
.main-nav.light .inner-nav ul li .mn-sub li a:hover{
	color: #DCED31;
	
	}

.inner-nav ul li .mn-sub li a{

	display: block;

	width: 100%;

	height: auto !important;

    line-height: 1.3 !important;

	position: relative;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0;

	padding-bottom: 30px;

    font-size: 16px;

	text-align: left;

	border-left: none;
	border-bottom: 0px;

	border-right: none;

    letter-spacing: 0;

	cursor: pointer;


}



.mobile-on .mn-has-multi > li:last-child > a{

 

}



.mn-sub li a:hover,

.inner-nav ul li .mn-sub li a:hover,

.mn-sub li a.active{



}



.mn-sub li ul{

    left: 100%;

	right: auto;

	top: 0;



}

.inner-nav > ul > li:last-child .mn-sub,

.inner-nav li .mn-sub.to-left{

	left: auto;

	right: 0;

}

.inner-nav li:last-child .mn-sub li ul,

.inner-nav li .mn-sub li ul.to-left{

	left: auto;

	right: 100%;

	top: 0;

    border-left: none;

    border-right: 1px solid rgba(255,255,255, .07);

}

.mobile-on .inner-nav li:last-child .mn-sub li ul{

	left: auto;

	right: auto;

	top: 0;

}



.mn-wrap{

    padding: 8px;

}



/* Menu sub multi */



.mn-has-multi{

    width: auto !important;

    padding: 15px;

    text-align: left;

    white-space: nowrap;

}



.mn-sub-multi{

    width: 250px !important;

    overflow: hidden;

    white-space: normal;

    float: none !important;

    display: inline-block !important;

    vertical-align: top;
    margin: 0px!important;

}


.mn-sub-multi > ul{

    width: auto;

    margin: 0;

    padding: 0;

    float: none;

}

.mn-group-title{

    margin-bottom: 15px !important;
    padding-bottom: 15px !important;

}

.mn-group-title:hover{

    background: none !important;

}



.mobile-on .mn-sub-multi > ul{

    left: auto;

    right: auto;

    border: none;

}

.mobile-on .mn-sub-multi{

    display: block;

    width: 100% !important;

}





.mobile-on .mn-sub-multi > ul > li:last-child > a{



}

.mobile-on .mn-sub > li:last-child > a{

    border: none !important;

}

.mobile-on .mn-sub-multi:last-child > ul{

    border-bottom: none !important;

}



/*

 * Mobile nav

 */


.mobile-on .desktop-nav{

	display: none;

	width: 100%;

	position: absolute;

	top: 60px;

	left: 0;

	padding: 0px;



	z-index: 100;

}

.mobile-on .full-wrapper .full-wrapper2 .desktop-nav{

    padding: 0;

}





.mobile-on .desktop-nav ul{

	width: 100%;

    float: none;

	background: #000;

    position: relative;

    overflow-x: hidden;

}

.mobile-on .desktop-nav > ul{

    overflow-y: auto;

}

.mobile-on .desktop-nav ul li{

	display: block;

	float: none !important;

    overflow: hidden;

}

.mobile-on .desktop-nav ul li ul{

	padding: 0;

    border-bottom: 1px solid rgba(255,255,255, .1);

}

.mobile-on .desktop-nav ul li a{

	display: block;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;
    text-align: left;
    border-left: 0;
    border-right: 0;
	border-bottom: 1px solid #ddd;
    cursor: pointer;
    margin-left: 0px!important;


	cursor: pointer;

}

.mobile-on .desktop-nav ul li a:hover,

.mobile-on .desktop-nav ul li a.active{

	


}



/* Menu sub */



.mobile-on .mn-has-sub > .fa{

	display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    text-align: center;

}

.mobile-on .js-opened > .mn-has-sub > .fa{

    border-color: rgba(255,255,255, .4);

    line-height: 14px;

}

.mobile-on .inner-nav li{

	margin: 0 !important;

}

.mobile-on .mn-sub{

	display: none;

	opacity: 0;

	position: relative;

    left: 0 !important;

    right: 0;

    top: 0;

    bottom: 0;

    border-left: none !important;

    border-right: none !important;

    border-top: none ;
    
    border-bottom: none;

	z-index: 10;

}

.mobile-on .mn-sub li{

	padding-left: 0px;

}





.inner-nav li.js-opened .mn-sub{

	opacity: 1;

}





.mobile-nav{

	display: none;

	float: right;

	vertical-align: middle;

	font-size: 30px;

	font-weight: 400;

	text-transform: uppercase;

	width: 0px!important;

	cursor: pointer;



	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);



	-webkit-transition-property: background, color;

    -moz-transition-property: background, color;

    -o-transition-property: background, color;

    transition-property:  background, color;

}

.mobile-nav:hover,

.mobile-nav.active{

	background: #fff;

	color: #7d7d7d;

}

.mobile-nav:active{

	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;

	-moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;

	box-shadow: 0 0 35px rgba(0,0,0,.05) inset;

}

.no-js .mobile-nav{

	width: 55px;

	height: 55px;

}

.mobile-on .mobile-nav{

	display: table;

}

.mobile-nav .fa{

	height: 100%;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	font-size: 32px;

}



/* Menu sub multi */



.mobile-on .mn-has-multi{

    width: auto;

    padding: 0;

    text-align: left;

    white-space: normal;



}

.mobile-on .mn-sub{

    width: 100%;

    float: none;

    position: relative;

    overflow-x: hidden;

}



/*

 * Dark panel style

 */


.main-nav.foundations {
	background: #0A2239!important;
}

.main-nav.authority {
	background: #2589BD!important;
}

.main-nav.ranked {
	background: #2CA58D!important;
}

.main-nav.localized {
	background: #394053!important;
}

.main-nav.ads {
	background: #4B3F72!important;
}

.main-nav.dripped {
	background: #3c153b!important;
}

.main-nav.dark{

	background: #000;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow:  none;
	-webkit-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.main-nav.dark .inner-nav ul > li > a{
	color: #fff;
    margin-left: 50px;
    font-family: 'headerbrah', sans-serif;
    
    font-size: 16px;
    

}



.main-nav.dark .inner-nav ul > li > a:hover,

.main-nav.dark .inner-nav ul > li > a.active{

	color: #DCED31;

}



.main-nav.dark .mobile-nav{

	background-color: transparent;

	border-color: transparent;

	color: rgba(255,255,255, .9);

}

.main-nav.dark .mobile-nav:hover,

.main-nav.dark .mobile-nav.active{

	color: #fff;

}



.main-nav.mobile-on.dark .inner-nav{



}



.main-nav.dark .logo,

.main-nav.dark a.logo:hover{

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

	text-decoration: none;

	color: rgba(255,255,255, .9);

}



.main-nav.dark .mn-sub{

    -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow:  none;
	background: #000;

}



.main-nav.dark .mn-soc-link{

    border: 1px solid rgba(255,255,255, .2);

}

.main-nav.dark .mn-soc-link:hover{

    border: 1px solid rgba(255,255,255, .3);
}



.main-nav.light{

	background: #000;
	-webkit-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    box-shadow: 0 5px 20px rgba(0,0,0,.1);



}

.main-nav.light:hover{

    
   
        
    }

.main-nav.light .inner-nav ul > li > a{
	color: rgba(255, 255, 255, 0.6);
    font-family: 'headerbrah',sans-serif;
    letter-spacing: 0px;
    font-size: 12px;
    min-width: 115px;
    text-align: center;
  

}

.nohover {
	background: none;
	padding-right: 0px!important;
	padding-left: 10px;
	line-height: 70px!important;
	margin-right: 0px!important;
}

.nohover:hover,
.nohover:active,
.nohover:focus{
	background: none!important;
}

.main-nav.light .inner-nav ul > li > a:hover,
.main-nav.light .inner-nav ul > li > a:active,
.main-nav.light .inner-nav ul > li > a:focus{
	color: #fff;

}



.main-nav.light .mobile-nav{
	background-color: transparent;
	border-color: transparent;
	color: #DCED31;

}

.main-nav.light .mobile-nav:hover,
.main-nav.light .mobile-nav.active{
	color: #DCED31;

}



.main-nav.mobile-on.light .inner-nav{

	border-top: 0px solid rgba(100,100,100, .4);

}



.main-nav.light .logo,

.main-nav.light a.logo:hover{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255,255,255, .9);

}



.main-nav.light .mn-sub{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
	box-shadow:0 7px 20px rgba(0,0,0,.1);
	padding: 0px;
	border-radius: 0px 0px 8px 8px;
}



.main-nav.light .mn-soc-link{

    border: 1px solid rgba(255,255,255, .2);

}

.main-nav.light .mn-soc-link:hover{

    border: 1px solid rgba(255,255,255, .3);

}



/*

 * Transparent panel style

 */



.main-nav.transparent{

    background: transparent !important;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow:  none;


	}

.main-nav.js-transparent{

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}





/*

 * Centered menu

 */



.mn-centered{

    text-align: center;

}

.mn-centered .inner-nav{

    float: none;

}

.mn-centered .inner-nav > ul{

    float: none;

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

}

.mn-centered .inner-nav > ul > li:first-child{

    margin-left: 0;

}

.mn-centered .mobile-nav{

    float: none;

    margin-left: auto;

    margin-right: auto;

}



/*

 * Aligned left menu

 */



.mn-align-left{



}

.mn-align-left .inner-nav{

    float: none;

    width: 100%;

}

.mn-align-left .inner-nav > ul{

    float: none;

    margin-left: auto;

    margin-right: auto;

}

.mn-align-left .inner-nav > ul > li:first-child{

    margin-left: 0;

}

.mn-align-left .mobile-nav{

    float: none;

    margin-left: auto;

    margin-right: auto;

}



/*

 * Menu social links

 */



.mn-soc-link{

    width: 34px;

    height: 34px;

    line-height: 33px;

    text-align: center;

    font-size: 12px;



    display: inline-block;

    border: 1px solid rgba(0,0,0, .1);



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.mn-soc-link:hover{

    border: 1px solid rgba(0,0,0, .25);

}

.main-nav .tooltip{

    font-size: 12x;

    text-transform: none;

    letter-spacing: 0;

}





/* ==============================

   Fullscreen menu

   ============================== */



 .fm-logo-wrap{

    position: absolute;

    top: 30px;

    left: 30px;

    height: 54px;

    z-index: 1030;

}

.fm-logo-wrap .logo{

    display: block;

    max-width: 200px;

    position: relative;

    top: 50%;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

    transform: translateY(-50%);



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}







.fm-button.colored span {

	background: #fff;

}



.fm-button.colored span:before, .fm-button.colored span:after {

	background: #fff;

}



.fm-button.colored.active span:before, .fm-button.colored.active span:after {

	background: #fff;

}

.phoneicon {
    padding: 22px 0 0 0;
    font-size: 24px;
    position: absolute;
    left: -27px;
}

.fm-button {
    display: block;
    position: fixed;
    right: 0em;
    width: 65px;
    height: 65px;
    top: 0;
    text-indent: -12345px;
    z-index: 1030;
    -webkit-transition: opacity .27s cubic-bezier(0.000,0,.58,1);
    -moz-transition: opacity .27s cubic-bezier(0.000,0,.58,1);
    -o-transition: opacity .27s cubic-bezier(0.000,0,.58,1);
    -ms-transition: opacity .27s cubic-bezier(0.000,0,.58,1);
    transition: opacity .27s cubic-bezier(0.000,0,.58,1);
    padding: 10px;
    background: #95e7df;
    background: -moz-linear-gradient(top,#95e7df 0,#DCED31 100%);
    background: -webkit-linear-gradient(top,#95e7df 0,#DCED31 100%);
    background: linear-gradient(to bottom,#95e7df 0,#DCED31 100%);
	border-radius: 0px 0px 0px 3px;

}

.fm-button:hover{

    background: #95e7df;
    background: -moz-linear-gradient(top,#95e7df 0,#95e7df 100%);
    background: -webkit-linear-gradient(top,#95e7df 0,#95e7df 100%);
    background: linear-gradient(to bottom,#95e7df 0,#95e7df 100%);

}

.fm-button2 span {
	color: #000;
}

.fm-button2 span {
	background: #000!important;
}

.fm-button2 span:before, .fm-button2 span:after {
	background: #000!important;
}

.fm-button2.active span {
    background: transparent!important;
}

.fm-button span{

    display: block;

    width: 45px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 48%;





    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.fm-button span:before,

.fm-button span:after{

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #000;

    position: absolute;

    top: -13px;

    left: 0;



    -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

}

.fm-button span:after{

    top: auto;

    bottom: -13px;

}



.fm-button span:before:hover,

.fm-button span:after:hover {

	top: -13px;

}



/* Active menu button */



.fm-button.active{



    z-index: 2001;

}

.fm-button.active span{

    background: transparent;

}

.fm-button.active span:before{

    top: 0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.fm-button.active span:after{

    bottom: 0;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



/* Menu wrapper */



.fm-wrapper{

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;


    overflow-x: hidden;

    overflow-y: auto;

    background: rgba(0, 0, 0, 0.75);
    z-index: 2000;



    -moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.fm-wrapper-sub{

    display: table;

    width: 100%;

    height: 100%;

    opacity: 0;
	background: #fff;
	float: right;


    -webkit-transform: translateY(30px);

    -moz-transform: translateY(30px);

	-o-transform: translateY(30px);

	-ms-transform: translateY(30px);

    transform: translateY(30px);



    -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.fm-wrapper-sub.js-active{

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

	-o-transform: translateY(0);

	-ms-transform: translateY(0);

    transform: translateY(0);

}



.fm-wrapper-sub-sub{

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.fm-menu-links,

.fm-menu-links ul{

	margin: 0;
    padding: 0;
    line-height: 0;
    text-align: center;
    display: table;
    width: 75%;
    float: right;
    background-color: #000;
    background-image: repeating-linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(60deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 1px,transparent 1px,transparent 60px),linear-gradient(60deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.15)),linear-gradient(120deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.15));
    background-size: 70px 120px;
    background-repeat: repeat;


}

.fm-menu-links ul.fm-sub{

	padding: 0;

}

.fm-menu-links a{
	
	font-size: 68px;
    display: table-cell;
    vertical-align: middle;
    text-align: middle;
    padding: 0px 1em;
    width: 100%;
    
    line-height: 1;
    position: relative;
    margin: 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Headerbrah',sans-serif;
    -webkit-tap-highlight-color: rgba(255,255,255,.1);
    -webkit-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .27s cubic-bezier(0.000,0,.58,1);
    transition: all .27s cubic-bezier(0.000,0,.58,1);
    z-index: 11;
    
}


.no-touch .fm-menu-links a:hover,

.fm-menu-links a:active,

.fm-menu-links li.js-opened > a{
	color: #DCED31;

	transform: scale(1.17);
	-webkit-transform: scale(1.17);
	-moz-transform: scale(1.17);
	-o-transform: scale(1.17);
	-ms-transform: scale(1.17);
}

.fm-menu-links li{

	margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid rgba(255,255,255,.25);
    display: table-row;
    height: 20vh;
    width: 100%;

}

.fm-menu-links li:last-child{
	border-bottom: 0px solid rgba(255, 255, 255, 0.25);
}

.fm-menu-links li > a:active,

.fm-menu-links li.active > a,

.fm-menu-links li a.active{

    color: #fff;

}

.fm-menu-links li.js-opened:before{

	display: none;

}

.no-touch .fm-menu-links li.js-opened > a:hover,

.fm-menu-links li.js-opened > a:active{



}



.fm-has-sub{



}

.fm-has-sub .fa{



}

.js-opened > .fm-has-sub > .fa{



}

.fm-sub{

	display: none;

	opacity: 0;

	position: relative;

}

.fm-sub > li > a{

	padding-left: 20px;

    padding-right: 20px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 18px;

    font-weight: 600;

}



.fm-menu-links li.js-opened .fm-sub{

	opacity: 1;

}

.fm-search{

    width: 320px;

}

.fm-search input.search-field{

    background: transparent;

    color: #555;

    text-align: center;

    border: none;

    border-bottom: 1px solid rgba(255,255,255, .2);

}

.fm-search input.search-field:hover{

    border: none;

    border-bottom: 1px solid rgba(255,255,255, .4);

}

.fm-search input.search-field:focus{

    color: #999;

    border-color: rgba(255,255,255, .7);

}

.fm-search .search-button:hover{

    color: #fff;

}





/* Social links */



.fm-social-links{

	font-size: 20px;
    text-align: center;
    width: 100vh;
    height: 100vh;
    vertical-align: middle;
    display: inherit;
}

.fm-social-links > a{

	display: inline-block;

    margin: 0 2px;

	width: 100px;

	height: 34px;

	line-height: 34px;

    border: 1px solid rgba(255,255,255, .15);

	text-align: center;

	text-decoration: none;

	color: #282030;



    -webkir-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.fm-social-links > a:hover{

    color: #DCED31;

}





/* ==============================

   Sections styles

   ============================== */



/*

 * Common

 */



.page-section,

.small-section{

	width: 100%;

	display: block;

	position: relative;

    overflow: hidden;

    background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;



	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;



    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	z-index: 0;

	padding: 140px 0;

}

.small-section{

	padding: 70px 0;

}

.small-title{

    padding: 0;

    margin: 0 0 30px 0;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 300;

    

}

.section-icon{

    margin-bottom: 7px;

    text-align: center;

    font-size: 32px;

}

.small-title .serif{

    text-transform: none;

    font-weight: 400;

}

.small-title.white{

    color: #fff;

}

.bg-scroll{

	background-attachment: scroll !important;

}

.bg-pattern{

	background-repeat: repeat;

	background-size: auto;

}

.bg-pattern-over:before,

.bg-pattern-over .YTPOverlay:after{

    content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

    background-repeat: repeat;

	background-size: auto;

	background-image: url(../images/pattern-bg-2.png);

}



.bg-testerblack {
    position: relative;
    z-index: 2;
}
.bg-testerblack:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: -195px;
    right: 0;
    bottom: 300px;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    background: #000;
}

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

.bg-testerblackcta:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 180px;
    right: 0;
    bottom: -200px;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    background: #000;
}

.bg-tester2 {
    position: relative;
    z-index: 2;
}
.bg-tester2:before {
	content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 400px;
    right: 0;
    bottom: 400px;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
	background: #f5f5f5;
	
}

.bg-tester3 {
    position: relative;
    z-index: 2;
}
.bg-tester3:before {
	content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 525px;
    right: 0;
    bottom: 650px;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
	background: #f5f5f5;
	
}

.bg-tester {
    position: relative;
    z-index: 2;
}
.bg-tester:before {
	content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 600px;
    right: 0;
    bottom: 800px;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
	background: #f5f5f5;
	
}

.bg-testerwhite {
    position: relative;
    z-index: 2;
}
.bg-testerwhite:before {
	content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 600px;
    right: 0;
    bottom: -800px;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
	background: #fff;
	
}

.bg-gray{
	background: #f5f5f5!important;
}

.borderboysmallcentered3 {
    background: #ddd;
    margin: 0 auto;
    height: 1px;
    width: 100px;
    box-shadow: 0px 1px 0px #fff;
}

.borderboysmallcenteredpink {
    background: #DCED31;
    margin: 0 auto;
    height: 2px;
    width: 100px;
  
}


.bg-dark,

.bg-dark-lighter,

.bg-dark-alfa-30,

.bg-dark-alfa-50,

.bg-dark-alfa-70,

.bg-dark-alfa-90,

.bg-dark-alfa,

.bg-color,

.bg-color-lighter,

.bg-color-alfa-30,

.bg-color-alfa-50,

.bg-color-alfa-70,

.bg-color-alfa-90,

.bg-color-alfa{

	color: #fff;

}

.bg-dark a,

.bg-dark-lighter a,

.bg-dark-alfa-30 a,

.bg-dark-alfa-50 a,

.bg-dark-alfa-70 a,

.bg-dark-alfa-90 a,

.bg-dark-alfa a,

.bg-color a,

.bg-colorlighter a,

.bg-color-alfa-30 a,

.bg-color-alfa-50 a,

.bg-color-alfa-70 a,

.bg-color-alfa-90 a,

.bg-color-alfa a{

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.bg-dark a:hover,

.bg-dark-lighter a:hover,

.bg-dark-alfa-30 a:hover,

.bg-dark-alfa-50 a:hover,

.bg-dark-alfa-70 a:hover,

.bg-dark-alfa-90 a:hover,

.bg-dark-alfa a:hover,

.bg-color a:hover,

.bg-color-lighter a:hover,

.bg-color-alfa-30 a:hover,

.bg-color-alfa-50 a:hover,

.bg-color-alfa-70 a:hover,

.bg-color-alfa-90 a:hover,

.bg-color-alfa a:hover{



}



.bg-color .text,

.bg-color-lighter .text,

.bg-color-alfa-30 .text,

.bg-color-alfa-50 .text,

.bg-color-alfa-70 .text,

.bg-color-alfa-90 .text,

.bg-color-alfa .text,

.bg-color .section-text,

.bg-color-lighter .section-text,

.bg-color-alfa-30 .section-text,

.bg-color-alfa-50 .section-text,

.bg-color-alfa-70 .section-text,

.bg-color-alfa-90 .section-text,

.bg-color-alfa .section-text{

	color: rgba(255,255,255, .75);

}



.bg-color .white,

.bg-color-lighter .whitet,

.bg-color-alfa-30 .white,

.bg-color-alfa-50 .white,

.bg-color-alfa-70 .white,

.bg-color-alfa-90 .white,

.bg-color-alfa .white{

	color: #fff;

}



.bg-dark-blog{

	background: #DCED31;

	background: -moz-radial-gradient(center, ellipse cover,  #DCED31 0%, #DCED31 100%);

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#DCED31), color-stop(100%,#DCED31));

	background: -webkit-radial-gradient(center, ellipse cover,  #DCED31 0%,#DCED31 100%);

	background: -o-radial-gradient(center, ellipse cover,  #DCED31 0%,#DCED31 100%);

	background: -ms-radial-gradient(center, ellipse cover,  #DCED31 0%,#DCED31 100%);

	background: radial-gradient(ellipse at center,  #DCED31 0%,#DCED31 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCED31', endColorstr='#DCED31',GradientType=1 );

}





.bg-dark{

	background: #000!important;

}



.bg-pattern3 {
	background-color: #000;
	background-image:
	repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	linear-gradient(60deg, rgba(0,0,0,.05) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.05) 75%, rgba(0,0,0,.05)),
	linear-gradient(120deg, rgba(0,0,0,.05) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.05) 75%, rgba(0,0,0,.05));
	background-size: 70px 120px;
	background-repeat: repeat;
}


.bg-pattern2 {
	background-color: #000;
	background-image:
	repeating-linear-gradient(120deg, rgba(255,255,255,.08), rgba(255,255,255,.08) 1px, transparent 1px, transparent 60px),
	repeating-linear-gradient(60deg, rgba(255,255,255,.08), rgba(255,255,255,.08) 1px, transparent 1px, transparent 60px),
	linear-gradient(60deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.15) 75%, rgba(0,0,0,.15)),
	linear-gradient(120deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.15) 75%, rgba(0,0,0,.15));
	background-size: 70px 120px;
	background-repeat: repeat;
}



.bg-dark-alfa:before,

.bg-dark-alfa .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(17,17,17, .97);

}

.bg-dark-alfa-30:before,

.bg-dark-alfa-30 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background:rgba(0, 0, 0, 0.3);

}

.bg-dark-alfa-50:before,

.bg-dark-alfa-50 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #DCED31;
	opacity: .9;
}

.bg-dark-alfa-70:before,

.bg-dark-alfa-70 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #DCED31;
	opacity: .7;

}

.bg-dark-alfa-90:before,

.bg-dark-alfa-90 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.75);

}

.bg-light-alfa:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(252,252,252, .97);

}

.bg-light-alfa-30:before,

.bg-light-alfa-30 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );


}

.bg-light-alfa-50:before,

.bg-light-alfa-50 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(252,252,252, .50);

}

.bg-light-alfa-70:before,

.bg-light-alfa-70 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(252,252,252, .7);

}

.bg-light-alfa-90:before,

.bg-light-alfa-90 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(252,252,252, .9);

}

.bg-color{

    background-color: #e41919;

}

.bg-colort-alfa:before,

.bg-colort-alfa .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #e41919;

    opacity: .97;

}

.bg-color-alfa-30:before,

.bg-color-alfa-30 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: -moz-linear-gradient(top, rgba(39,31,48,0) 0%, rgba(39,31,48,0.2) 65%, rgba(39,31,48,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(39,31,48,0) 0%,rgba(39,31,48,0.2) 65%,rgba(39,31,48,0.5) 100%);
	background: linear-gradient(to bottom, rgba(39,31,48,0) 0%,rgba(39,31,48,0.2) 65%,rgba(39,31,48,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00271f30', endColorstr='#80271f30',GradientType=0 );

}

.bg-color-alfa-50:before,

.bg-color-alfa-50 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #e41919;

    opacity: .5;

}

.bg-color-alfa-70:before,

.bg-color-alfa-70 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #e41919;

    opacity: .7;

}

.bg-color-alfa-90:before,

.bg-color-alfa-90 .YTPOverlay:before{

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #e41919;

    opacity: .9;

}





.bg-yellow{  background-color: #ffce02 !important; }

.bg-cyan{ background-color: #27c5c3 !important; }

.bg-green{ background-color: #DCED31 !important; }

.bg-blue {
	background: #DCED31!important;
 }
 
 .bg-blue2 {
	 background: #dbf5f3;
 }

.bg-darkboy{ background-color: #000 !important; }

.bg-darkboy2{ background-color: #000 !important; }

.stars {
	color: #DCED31;
}

.bg-red{ background-color: #e13939 !important; }

#box {

}

.color0 {
  background-color: #99e6b3;
}

.color1 {
  background-color: #99e6df;
}

.color2 {
  background-color: #99bfe6;
}

.color3 {
  background-color: #9f99e6;
}

.color4 {
  background-color: #cc99e6;
}

.color5 {
  background-color: #e699d2;
}

.color6 {
  background-color: #e69999;
}

.color7 {
  background-color: #e6c699;
}

.color8 {
  background-color: #d9e699;
}

.color9 {
  background-color: #ace699;
}

.section-title {

    font-size: 38px;

    font-weight: 600;

    text-align: center;

    

    line-height: 1.2;

}

.section-title2 {

    margin: 0;
    padding: 0;
    font-size: 34px!important;
    font-weight: 600;
    text-transform: none;
    color: #000;
    font-weight: 600;
    
    line-height: 1.2;
}




.subheadline {

    margin-top: 0;

    position: relative;

    font-size: 22px;

    font-weight: 400;

    line-height: 1.618;

    text-align: center;

    color: #7d7d7d;

}

.section-more2{
	font-style: normal;
    margin-top: 0px;

    color: #000;
	margin-left: 10px;
    font-size: 12px;

	border-bottom: 1px solid #DCED31;
    font-family: 'headerbrah', sans-serif;
    
    
    line-height: 1.1;

    text-decoration: none;
	padding-bottom: 1px;


    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.section-more2:hover{

    text-decoration: none;
	margin-left: 15px;
    color: #DCED31;



}

.section-more2 .fal {
    margin-left: 3px;
    color: rgba(39, 31, 48, 0.5);
}

.section-more{
	font-style: normal;
    margin-top: 0px;

    color: #000;

    font-size: 14px;


    font-family: 'headerbrah', sans-serif;
    
    
    line-height: 1.1;

    text-decoration: none;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.section-more:hover{

    text-decoration: none;

    color: #DCED31;



}

.section-more .fa{

    font-size: 16px;

}



.section-heading {

    margin-bottom: 15px;

    font-size: 24px;

    font-weight: 400;

    text-transform: uppercase;

    text-align: center;

    

    line-height: 1.3;

}

.section-line{

	width: 55px;

	height: 1px;

	margin: 30px auto;

	background: #000;

}

.section-text{

	font-size: 15px;

	font-weight: 300;

	color: #7d7d7d;

	line-height: 1.7;

}

.section-text blockquote{

    margin-top: -5px;

}

.section-bot-image{

	margin: 140px 0 -140px;

	text-align: center;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

}



/* Breadcrumbs */



.mod-breadcrumbs{

    margin-top: -5px;

    font-size: 11px;

    font-weight: 400;

    

    text-decoration: none;

    text-transform: uppercase;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.mod-breadcrumbs span{

    opacity: .65;

}

.mod-breadcrumbs a{

    text-decoration: none;



}

.mod-breadcrumbs a:hover{

    text-decoration: none;

}

.mod-breadcrumbs .fa{

    font-size: 12px;

}

.mod-breadcrumbs-mini{

    text-align: left;

}



.home-bot-image{

	width: 100%;

    position: absolute;

    bottom:0;

    left: 0;

	text-align: center;

}



.fixed-height-large,

.fixed-height-medium,

.fixed-height-small,
.fixed-height-extra-small{

    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.fixed-height-large{

    min-height: 800px;

}

.fixed-height-medium{

    min-height: 700px;

}

.fixed-height-small{

    min-height: 400px;

}

.fixed-height-extra-small{

    min-height: 400px;

}





/*

 * Split section

 */



.split-section{

	width: 100%;

	display: block;

	position: relative;

    overflow: hidden;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

    -webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.split-section-headings {
    width: 50%;
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.ssh-table {
    width: 100%;
    min-height: 420px;
    display: table;
}

.ssh-cell {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.split-section-content{
	min-height: 420px;
	width: 50%;
    position: relative;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.split-section-wrapper {
    padding: 0 70px;
}




/* ==============================

   Alternative services

   ============================== */



.alt-service-grid{

	margin-top: -60px;

}

.alt-services-image{

    text-align: center;

}

.alt-services-image > img{

    display: block;

    width: 100%;

}

.alt-service-item{

	margin: 0px 0 0 0;

	position: relative;

	padding-left: 55px;

	padding-top: 3px;

	font-size: 16px;

    font-weight: 500;




    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);

    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);



    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.alt-service-icon{

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	left: 0;

	line-height: 40px;

	text-align: center;

	font-size: 28px;

	color: #000;



    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.alt-services-title{

	margin: 0px 0px 10px 0px;

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    

    padding: 0;

    color: #000;

    line-height: 1.2;

}







/* ==============================

   Team

   ============================== */



.team-grid{



}

.team-item{
	margin-bottom: 30px;
    background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.team-item-image{

	position: relative;

	overflow: hidden;

}

.team-item-image img{

    width: 100%;

}

.team-item-image:after{

	content: " ";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: transparent;



	z-index: 1;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.team-item-detail{

	opacity: 0;

	width: 100%;

	position: absolute;

	top: 50%;

	left: 0;

	padding: 20px 23px 55px;

	font-size: 16px;


	color: #000;

	text-align: center;

	z-index: 2;



	-webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);



	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.team-item-descr{

	padding: 10px;

    color: #fff;

    text-align:center;

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    background: #2b3036;

}



.team-item-name {

    margin-top: 0px;

    padding: 0;

    font-size: 20px;

    font-family: 'headerbrah', sans-serif;
    
    line-height: 1.1;

}

.team-item-role{

	margin-top: 0px;

	font-size: 16px;

    

	color: rgba(255,255,255,.75);

}

.team-social-links{

	font-size: 24px;

	cursor: pointer;

}

.team-social-links a{

	display: inline-block;

	padding: 3px 7px;

	color: #DCED31;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}







/* Hover state */

.no-mobile .team-item:hover .team-item-image:after{

	background: #fff;

}

.no-mobile .team-item:hover .team-item-detail{

	opacity: 1;

}

.no-mobile .team-item:hover .team-item-descr{


}

.no-mobile .team-item:hover .team-item-role{



}

.no-mobile .team-social-links a:hover{

	color: #000;

}



/* Mobile touch */

.team-item.js-active .team-item-image:after{

	background: rgba(255,255,255, .93);

}

.team-item.js-active .team-item-detail{

	opacity: 1;

}

.team-item.js-active .team-item-descr{

	color: #000;

}

.team-item.js-active .team-social-links a:hover{

	color: rgba(0,0,0, .75);

}





/* ==============================

   Features

   ============================== */



.features-item{

	padding: 15px;

	text-align: center;



	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.features-icon{

	font-size: 48px;

	line-height: 1.3;

	color: rgba(255,255,255, .9);

}

.features-title{

	margin-bottom: 3px;

	font-size: 18px;

	font-weight: 400;

	text-transform: uppercase;

	color: rgba(255,255,255, .9);

}



.features-descr{

	font-size: 15px;

    font-weight: 300;

	color: rgba(255,255,255, .75);

}



.features-icon.black{

	color: rgba(0,0,0, .9);

}

.features-title.black{

	color: rgba(0,0,0, .9);

}

.features-descr.black{

	color: rgba(0,0,0, .75);

}







/* ==============================

   Alt features

   ============================== */



.alt-features-grid{

    margin-top: -70px;

}

.alt-features-item{

    margin-top: 70px;

}

.alt-features-icon{

    padding-top: 10px;

    font-size: 48px;

    line-height: 1.3;

    color: #000;

}

.alt-features-icon img{

    width: 100%;

}

.alt-features-title{
	    margin-bottom: 5px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 300;
    
}

.alt-features-title a{
	color: #000;
}

.alt-features-title a:hover{
	color: #DCED31;
}

.alt-features-descr {

    color: #7d7d7d;

    font-size: 12px!important;

    line-height: 1.618;

}






.nopad {

	padding: 0px!important;

}



/* ==============================

   Benefits

   ============================== */



.benefits-grid{

	margin: 0 0 -40px -20px;

	text-align: center;

	vertical-align: top;

}

.benefit-item{

	display: inline-block;

	width: 264px;

	margin: 0 0 40px 20px;

	padding: 15px;

	position: relative;

	overflow: hidden;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	vertical-align: top;

	cursor: default;

}

.benefit-number{

	width: 100%;

	position: absolute;

	top: 0;

	left: -50px;

	font-size: 120px;

	font-weight: 700;

	text-align: center;

	line-height: 1;

	color: rgba(0,0,0, .025);



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.benefit-icon{

	position: relative;

	margin-bottom: 6px;

	font-size: 32px;

}

.benefit-title{

	position: relative;

	margin: 0 0 17px 0;

	padding: 0;

	font-size: 16px;

	text-transform: uppercase;

}

.benefits-descr{

	position: relative;

	font-size: 13px;

    font-weight: 300;

	color: #7d7d7d;

}



.benefit-item:after{

	content: " ";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0, .015);

	opacity: 0;



    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);



    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -o-transform: scale(0.5);

    -ms-transform: scale(0.5);

    transform: scale(0.5);

}

.benefit-item:hover:after{

	opacity: 1;

	-webkit-transform: none;

	-moz-transform: none;

	-o-transform: none;

	-ms-transform: none;

	transform: none;

}

.benefit-item:hover .benefit-number{

	color: rgba(0,0,0, .035);

	-webkit-transform: scale(0.75);

	-moz-transform: scale(0.75);

	-o-transform: scale(0.75);

	-ms-transform: scale(0.75);

	transform: scale(0.75);

}







/* ==============================

   Counters

   ============================== */



.count-wrapper{




}

.count-number{
	font-family: 'headerbrah', sans-serif;
	font-size: 36px;

	font-weight: 300;
	color: #000;

	line-height: 1.3;

	text-align: center;

}

.count-number:after {
	content: "%";
    color: rgba(255, 255, 255, 0.5);
    font-size: 90%;
    position: absolute;
    margin: 2px 0px 0px 3px;
}

.count-descr{

    color: #999;

	font-size: 11px;

	text-align:center;

}

.count-descr .fa{

    font-size: 16px;

}



.count-title{

	margin-top: -1px;

	font-size: 13px;

}

.count-separator{

	height: 30px;

	clear: both;

	float: none;

	overflow: hidden;

}







.works-filter{
	list-style: none;
	padding: 0;
	margin: 0 0 45px 0;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.4em;
	color: #555;
	cursor: default;
}
.works-filter a{
	display: inline-block;
	margin: 0 27px;
	color: #999;
	text-decoration: none;

	-webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	cursor: pointer;
}
.works-filter a:hover{
	color: #111;
	text-decoration: none;
}
.works-filter a.active{
	color: #111;
	cursor: default;
}
.works-filter a.active:hover{
	color: #111;
}


/*
 * Works grid
 */

.works-grid{
	list-style: none;
	margin: 0;
	padding: 0;
}
.work-item{
	width: 25%;
	float: left;
	margin: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.work-grid-2 .work-item{
	width: 50%;
}
.work-grid-3 .work-item{
	width: 33.333%;
}
.container .work-grid-3 .work-item{
	width: 33.2%;
}
.work-grid-5 .work-item{
	width: 20%;
}

.works-grid.work-grid-gut{
    margin: 0 0 0 -10px;
}
.works-grid.work-grid-gut .work-item{
    padding: 0 0 10px 10px;
}

.work-item > a{
	display: block;
	padding: 0 0 84px 0;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
.work-item a,
.work-item a:hover{
	color: #111;
	border: none;
}
.work-img{
	position: relative;
	overflow: hidden;
}
.work-img img{
	width: 100%;
	display: block;
	overflow: hidden;
}
.work-intro{
	width: 100%;
	height: 150px;
	padding: 20px 20px 0 20px;

	-webkit-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
}
.work-title{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 13px;
    font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 1.2;
}
.work-descr{
	font-size: 11px;
	text-align: center;
    text-transform: uppercase;
	color: #aaa;
	line-height: 1.2;
}
.works-grid.hide-titles .work-item > a{
	overflow: hidden;
	padding: 0;
}
.works-grid.hide-titles .work-item .work-intro{
	opacity: 0;
	bottom: 0px;
}
.works-grid.hide-titles .work-item:hover .work-intro{
	opacity: 1;
}



/* Work item hover state */

.work-intro{
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-intro{
	/*bottom: auto;*/
	/*top: 50%;*/
	color: #fff;

	-webkit-transform: translateY(-99px);
    -moz-transform: translateY(-99px);
    transform: translateY(-99px);

	z-index: 3;
}
.work-item:hover .work-title{
	color: #ccc;
}
.work-item:hover .work-descr{
	color: #999;
}
.work-item .work-img:after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(250,250,250, 0);

	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}
.work-item:hover .work-img:after{
	background: #000;
}

.works-grid.hover-color .work-item:hover .work-intro,
.works-grid.hover-color .work-item:hover .work-title,
.works-grid.hover-color .work-item:hover .work-descr{
	color: #fff;
}
.works-grid.hover-color .work-item:hover .work-img:after{
	background: rgba(29,35,41, 0.8);


}
.works-grid.hover-white .work-item:hover .work-intro,
.works-grid.hover-white .work-item:hover .work-title,
.works-grid.hover-white .work-item:hover .work-descr{
	color: #fff;
}
.works-grid.hover-white .work-item:hover .work-img:after{
	background: #000;
}

.work-item .work-img > img{
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-img > img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*
 * Works full view
 */

.work-full{
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10000;
}
.work-full-load{
	padding-top: 60px;
}
.work-loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10001;
}
.work-loader:after{
	display: block;
	content: " ";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
	background: url(../images/loader.gif) no-repeat;
}

/* Work navigation */

.work-navigation{
	width: 100%;
	background: #fff;
	font-size: 11px;
	text-transform: uppercase;
	

    z-index: 99;
}
.work-navigation .fa{
	font-size: 12px;
	vertical-align: middle;
}
.work-navigation .fa-times{
	font-size: 16px;
	margin-top: -2px;
}
.work-navigation a{
	display: block;
	float: left;
	width: 33.33333%;
	overflow: hidden;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
	cursor: default;
}
.work-navigation a,
.work-navigation a:visited{
	color: #555;
}
.work-navigation a:hover{
	color: #111;
}
.work-navigation a span{
	display: inline-block;
	height: 60px;
	line-height: 59px;
	padding: 0 4%;
	background: #fff;
    cursor: pointer;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.work-navigation span:hover{
	background: #f5f5f5;
}
.work-back-link{
	margin: 20px 0 0;
	display: block;
	background: #fff;
	font-size: 11px;
	text-transform: uppercase;
	
	color: #000;
}
.work-prev{
	text-align: left;
}
.work-all{
	text-align: center;
}
.work-next{
	text-align: right;
}
.work-container{
	padding: 50px 0;
}
.work-full-title{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	
}
.work-full-media{
	margin-top: 30px;
}

.work-full-media img{
	max-width: 100%;
	height: auto;
}
.work-full-text{
	text-align: left;
	font-size: 13px;
	color: #777;
}
.work-full-text h6{
	margin-top: 5px;
}
.work-detail{
    font-weight: 400;
}
.work-detail p:last-child{
	margin-bottom: 0;
}
.work-full-detail{
	font-size: 11px;
	color: #777;
	
	text-transform: uppercase;
}
.work-full-detail p{
	padding: 4px 0;
    margin: 0;
    border-top: 1px solid rgba(0,0,0, .05);
}
.work-full-detail p:last-child{
    border-bottom: 1px solid rgba(0,0,0, .05);
}
.work-full-detail p strong{
	width: 100px;
    display: inline-block;
}
.work-full-action{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eaeaea;
	text-align: center;
}







/* ==============================

   Banner section

   ============================== */



.banner-section{

    overflow: visible;

    border-bottom: 1px solid transparent;

}

.banner-heading{

	margin-top: 0;

	margin-bottom: 20px;

	font-size: 18px;

	font-weight: 300;

    

	text-transform: uppercase;

	color: rgba(255,255,255, 0.9);

}



.banner-decription{

    margin-bottom: 35px;

	font-size: 15px;

    font-weight: 300;

	color: rgba(255,255,255, .7);

}



.banner-image{

    margin: -40px 0 0 0;

	text-align: right;

}

.banner-image img{



}





/* ==============================

   Testimonial

   ============================== */



.testimonial{

    margin: 0;

    padding: 0;

    background: none;

    border: none;

    text-align: center;

    font-family: 'headerbrah', sans-serif;

	font-size: 18px;

	font-style: normal;

    font-weight: 300;

	letter-spacing: 0;

    opacity: .85;

}

.testimonial p{

    font-size: 18px;

}

.testimonial-author{



}



/*

 * Logotypes

 */



.logo-item{

    height: 285px;
    width: 285px;

    text-align: center;

    opacity: 1;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);



}

.logo-item:hover{

   background: #DCED31;
}

.logo-item img{

    position: relative;

    top: 50%;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

    transform: translateY(-50%);

}







/* ==============================

   Post previews

   ============================== */



.post-grid{



}

.post-prev-img{

    margin-bottom: 30px;

    position: relative;
    padding: 5px;

}

.post-prev-img a{

    -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.post-prev-img a:hover{

    opacity: .85;

}

.post-prev-img img{
	border-radius: 8px;
    width: 100%;

}

.post-prev-title{

    margin-bottom: 6px;

    font-size: 15px;

    text-transform: uppercase;

    

}

.post-prev-title a{

    color: #7d7d7d;

    text-decoration: none;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.post-prev-title a:hover{

    color: #000;

}

.post-prev-info,

.post-prev-info a{

    margin-bottom: 15px;

    font-size: 11px;

    text-decoration: none;

    color: #aaa;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.post-prev-info a:hover{

    color: #000;

}

.post-prev-text{

    margin-bottom: 22px;

    color: #7d7d7d;

    font-size: 15px;

    font-weight: 300;

    line-height: 1.75;

}







/* ==============================

   Newsletter

   ============================== */

label {
	font-weight: 500;
}

.newsletter-label{

    margin-bottom: 15px;

    font-size: 16px;

    font-weight: 400;

    text-transform: uppercase;

    

}

.form input.newsletter-field{

    max-width: 293px;

}

.form input.newsletter-field:hover{



}

.form input.newsletter-field:focus{



}



.form input.newsletter-field::-webkit-input-placeholder{

    color: #7d7d7d;

}

.form input.newsletter-field:focus::-webkit-input-placeholder{

    color: #000;

}



.form input.newsletter-field:-moz-placeholder{

    color: #7d7d7d;

}

.form input.newsletter-field:focus:-moz-placeholder{

    color: #000;

}



.form input.newsletter-field::-moz-placeholder{

    color: #7d7d7d;

}

.form input.newsletter-field:focus::-moz-placeholder{

    color: #000;

}



.form input.newsletter-field:-ms-input-placeholder{

    color: #7d7d7d;

}

.form input.newsletter-field:focus:-ms-input-placeholder{

    color: #000;

}





/* ==============================

   Contact section

   ============================== */


.contact-social-links{
    font-size: 16px;
    text-align: center;
}
.contact-social-links a{
    width: 50px;
	  height: 50px;
	  line-height: 50px !important;
	  position: relative;
	  margin: 0 15px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.contact-social-links a i,
.contact-social-links a span{
    position: relative;
    top: 0;
    left: 0;
}
.contact-social-links a:before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #4198c2;
    background: -moz-linear-gradient(top, #4198c2 0%, #3387af 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4198c2), color-stop(100%,#3387af));
    background: -webkit-linear-gradient(top, #4198c2 0%,#3387af 100%);
    background: -o-linear-gradient(top, #4198c2 0%,#3387af 100%);
    background: -ms-linear-gradient(top, #4198c2 0%,#3387af 100%);
    background: linear-gradient(to bottom, #4198c2 0%,#3387af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4198c2', endColorstr='#3387af',GradientType=0 );

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}
.contact-social-links a:hover{
    color: #fff;
}
.contact-social-links a:hover:before{
    -moz-transform: scale(1.3) rotate(60deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.3) rotate(60deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1.3) rotate(60deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1.3) rotate(60deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1.3) rotate(60deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    background: #000;
	background: -moz-linear-gradient(top,  #000 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000));
	background: -webkit-linear-gradient(top,  #000 0%,#000 100%);
	background: -o-linear-gradient(top,  #000 0%,#000 100%);
	background: -ms-linear-gradient(top,  #000 0%,#000 100%);
	background: linear-gradient(to bottom,  #000 0%,#000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
}

.contact-item{

    position: relative;

    padding-left: 44px;

    color: #444;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.contact-item a{

    color: #444;

    text-decoration: none;

}



.contact-item a:hover{

    color: #000;

    text-decoration: none;

}



.ci-icon{

    width: 23px;

    height: 23px;

    position: absolute;

    top: 10px;

    left: 3px;

    color: #fff;

    text-align: center;

    line-height: 23px;

}

.ci-icon:before{

    content: " ";

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    background: #000;



    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;



    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);



}

.ci-icon i,

.ci-icon span{

    position: relative;

}

.ci-title{

    margin-bottom: 1px;

    color: #7d7d7d;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    

}

.ci-text{

    font-size: 15px;

    font-weight: 300;

}



/*

 * Contact form

 */



.cf-left-col{

    width: 49.4%;

    float: left;

    margin-right: 1.2%;

}

.cf-right-col{

    width: 49.4%;

    float: left;

}

.contact-form .form-group{

    margin-bottom: 10px;

}







/* ==============================

   Google maps

   ============================== */



.google-map{

    position: relative;

	background: #000;

}

#map-canvas{

	height: 410px;

    position: relative;

	background-color: #000 !important;

    z-index: 1;

}

.gm-style-cc{

	display: none !important;

}

.gm-style-iw div{

	color: #7d7d7d;

}

.map-section{

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 0 !important;

    background: rgba(17,17,17, .93);

    z-index: 2;

    cursor: pointer;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.map-section:hover{

    background: rgba(17,17,17, .90);

}

.map-toggle{

    width: 200px;

    height: 100px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -50px 0 0 -100px;

    color: #fff;

    text-align: center;

}

.mt-icon{

    width: 27px;

    height: 27px;

    line-height: 27px;

    margin: 6px auto 25px;

    position: relative;

    color: #000;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.mt-icon:before{

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;



    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;



    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);



}

.mt-icon i,

.mt-icon span{

    position: relative;

}

.mt-text{

    margin-left: 12px;

    font-size: 16px;

    text-transform: uppercase;

    

    color: rgba(255,255,255, .75);

}

.mt-close{

    display: none;

}



/* Map opened */



.map-section.js-active{

    height: 50px;

    background: rgba(17,17,17, .75);

}

.map-section.js-active:hover{

    background: rgba(17,17,17, .85);

}

.map-section.js-active .mt-icon{

    opacity: 0;

}

.map-section.js-active .mt-text{

    position: relative;

    top: -20px;

}





/* ==============================

   Footer

   ============================== */

.footerdot {
    margin: 0 10px;
}

.footer{
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;

   }

.footer a{

	color: rgba(255,255,255,.7);	

    text-decoration: none;

    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.footer a:hover{

    color: #fff;

     text-decoration: none;

}

.footer-white {
	border-top: 1px solid rgb(0, 0, 0);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
}

.footer-white a{

    color: #fff;

    text-decoration: none;

    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    
    margin-left: 50px;

}

.footer-white a:hover{

    color: #DCED31;

     text-decoration: none;

}

.footer-copy{
	margin-top: 0px;
    margin-bottom: 0px;
	font-size: 10px;
	margin-bottom: 0px;
    font-weight: 600;

}

.footer-made{

    font-size: 11px;

    color: #000;

}





.footer-social-links{

    font-size: 16px;
    text-align: right;

}

.footer-social-links-white {
	margin-top: -10px;
}


.footer-social-links-white a:hover{
	-webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -o-transform: scale(1.25);

    -ms-transform: scale(1.25);

    transform: scale(1.25);
    color: #fff;
}

.footer-social-links-white a{
	border: 1px solid #DCED31;
    font-size: 22px;
    height: 35px;
    width: 35px;
    border-radius: 4px;
    line-height: 35px;
    

    position: relative;

    margin: 0 15px;

    text-align: center;

    display: inline-block;

    color:#fff;
    float: none;


	text-shadow: none;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.footer-social-links a{

    width: 20px;

    height: 20px;

    line-height: 20px !important;

    position: relative;

    margin: 0 10px;

    text-align: center;

    display: inline-block;

    color:#000;


	text-shadow: none;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.footer-social-links a i,

.footer-social-links a span{

    position: relative;

    top: 0;

    left: 0;

}

.footer-social-links a:before{

    content: "";

    display: inline-block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;




    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);



}

.footer-social-links a:hover{
	-webkit-transform: scale(1.35);

    -moz-transform: scale(1.35);

    -o-transform: scale(1.35);

    -ms-transform: scale(1.35);

    transform: scale(1.35);
    color: #DCED31;


}

.footer-social-links a:hover:before{




}



a.link-to-top{

    position: absolute;

    bottom: 20px;

    right: 20px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: rgba(0,0,0, .2);

    font-size: 48px;

}





/* ==============================

   Blog

   ============================== */

.blog-item-body {
    background: #fff;
    padding: 35px;
    box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    font-size: 16px;
    font-style: normal;
    color: #4A525A;
}

.blog-item-bodysidebar {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    font-size: 16px;
    font-style: normal;
    color: #4A525A;
    width: 360px;
    line-height: 1.618;
}

.blogpadsubscribe {
    padding: 40px 25px;
    background-position: right center;
    border-radius: 3px 3px 0px 0px;
}

.borderblogfull {
    border-top: 1px solid #ddd;
    width: 100%;
    box-shadow: 0px 1px 0px #fff;
}

.blogsmallpad {
    padding: 25px;
    min-height: 92px;
}

.sidebarsmallpic {
    float: left;
    margin: 0px 15px 0px 0px;
    width: 40px;
    border-radius: 100px;
}

.blogsmallpad a {
    color: #000;
}

.blog-item {
    
  
}

.blog-item h2 {

    font-weight: 300 !important;
    text-align: left;
    margin: 50px 0 10px 0;
    font-size: 30px;
    line-height: 1.1;
    color: #000;
}



.blog-item-date{

	width: 50px;

    padding: 5px;

    position: absolute;

    top: 56px;

    left: -50px;

    font-size: 12px;

    font-weight: 600;

    

    line-height: 1.2;

    text-transform: uppercase;

    text-align: center;

    color: #fff;

    height: 50px;


}



.date-num{

	display: block;

	margin-bottom: 3px;

	font-size: 18px;

    font-weight: 600;

}

.blog-media {
    margin: 0 -35px 35px -35px;
}

.blog-media img,

.blog-media .video,

.blog-media iframe{

    width: 100%;

}

.blog-item-title {

    margin: 0 0 10px 0;
    padding: 0;
    font-size: 44px !important;
    font-weight: 300;
    text-transform: none;
    color: #000;
    line-height: 1.2;
}

.blog-item-title a{

	color: #000;

	text-decoration: none;

}

.blog-item-title a:hover{

	color: #DCED31;

	text-decoration: none;

}

.blog-item-data{

	margin-bottom: 30px;


	font-size: 12px;

    

	color: #7d7d7d;

    font-weight: 600;

    font-family: 'headerbrah', sans-serif;

}

.separator {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 4px;
    clear: none;
    border-radius: 100px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    float: right;
}


.blog-item-data a{

	color: #000;

	text-decoration: none;

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-item-data a:hover{

	color: #DCED31;

	text-decoration: none;

}

.blog-post-data{

    margin-top: 10px;

	text-transform: uppercase;

	font-size: 11px;

    

	color: #aaa;

}


.blog-item-body p {
	line-height: 1.8;
    font-size: 14px;
    font-weight: 300;
  
}


.blog-item-body p strong {
    font-weight: 600;
    color: #000;
}


.blog-item-body p a {
	font-weight: 600;
	color: #000;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	border-bottom:1px solid  #DCED31;

    
}


.cliffnotes {
	background: #f5f5f5;
    border-radius: 5px;
    padding: 25px 25px 5px 25px;
    margin-bottom: 25px;
}
.fakefb {
    position: absolute;
    right: 48px;
    font-size: 140%;
    top: 30px;
    color: #808080;
}

.blog-item-body p a:hover {
	border-bottom: 1px solid #000;
}

.blog-item-body ul, ol {
    margin: 0px 0px;
    padding: 0px 25px 10px 25px;
}

.blog-item-body ol li {
	margin-bottom: 20px;
	line-height: 1.6;
    font-size: 14px;
    font-weight: 300 !important;
    color: #7d7d7d;
    font-family: 'headerbrah';
    


}

.blog-item-body ol li p {
	margin-bottom: 20px;


}

.blog-item-body li strong {

	color: #000;
}


.blog-item-body ul li {
	list-style: none;
	margin-bottom: 20px;
	text-indent: -1.4em;
	line-height: 1.6;
	font-size: 14px;
    

}

.blog-item-body ul li:before {
  	font-family: 'FontAwesome';
	content: '\f054';
	padding: 0px 14px 0px 0px;
	color: #000;
	font-size: 10px;
}​

.blog-item-body ul li a{
	font-weight: 600;
	color: #000;
	border-bottom: 1px solid #DCED31;
}


.authorbox {
    box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 3px;
}

.authorbox .fab {
    margin: 0px 10px;
    color: #000;
}

.authorbox .fab a {
    margin: 0px 10px;
    color: #000;
}

.authorboxpadding {
    padding: 35px;
}




.blog-item-body h1,

.blog-item-body h2,

.blog-item-body h3,

.blog-item-body h4,

.blog-item-body h5,

.blog-item-body h6{



}

.blog-item-body h2 {
    text-align: left;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 10px;
    margin-top: 40px;
}

.blog-item-body h3 {
    text-align: left;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 10px;
    margin-top: 40px;
}




.blog-item-more{

    border: 1px solid #eaeaea;

    padding: 5px 10px;

	font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

	color: #7d7d7d;

    



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-item-more:hover{

	text-decoration: none;

    border-color: #000;

}

a.blog-item-more{

	color: #7d7d7d;

	text-decoration: none;

}

a.blog-item-more:hover{

	color: #000;

}



.blog-item-q{

	background: none;

	border: none;

	padding: 0;

    margin: 1em 0;

}

.blog-item-q p{

	position: relative;

    background: #f8f8f8;

    padding: 17px 20px;

	font-size: 18px;

    font-weight: 300;

    font-style: normal;

    letter-spacing: 0;

}

.blog-item-q p a{

	color: #555;

	text-decoration: none;

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-item-q:hover a,

.blog-item-q p a:hover{

	text-decoration: none;

	color: #7d7d7d;

}

.blog-item-q p:before,

.blog-item-q p:after{

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-item-q p:before{

	content: '"';

	position: absolute;

	top: 10px;

	left: 10px;

}

.blog-item-q p:after{

	content: '"';

}



.blog-item-q p:hover:before,

.blog-item-q p:hover:after{

	color: #7d7d7d;

}

.max-wt{max-width:350px;}

.subscribe .wpcf7-not-valid-tip{display:none;}

.subscribe .wpcf7-not-valid{border:solid 1px red;}

.blog-page-title{

	margin-bottom: 30px;

	padding-bottom: 10px;

	border-bottom: 1px solid #eee;

}

.children .comment-item:first-child, .children li.comment:first-child{border-top: 2px solid #f5f5f5 !important;}

.children li.comment:last-child .comment-item{border-top:0px;padding-top: 0px !important;}

.children {

    margin: 0;

    padding: 0;

}

/*

 * Pagination

 */



.pagination{
	border-radius: 3px;
    padding: 2px;
    border: 2px solid #fff;
    background: #f5f5f5;
}

.navigation {
	background: #fff;
	border-radius: 3px;
}

.pagination li{

	display: inline-block;
    min-width: 52px;
    height: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .27s cubic-bezier(0.000,0,.58,1);
    transition: all .27s cubic-bezier(0.000,0,.58,1);
    line-height: 50px;
    border-right: 2px solid #f5f5f5;

}

.pagination ul{
	margin:0px; 
	padding:0px;
    border-radius: 3px;
   
}

.pagination li a{

	color: #000;
	-webkit-transition: all .27s cubic-bezier(0.300,.1,.58,1);
    -moz-transition: all .27s cubic-bezier(0.300,.1,.58,1);
    -o-transition: all .27s cubic-bezier(0.300,.1,.58,1);
    -ms-transition: all .27s cubic-bezier(0.300,.1,.58,1);
    transition: all .27s cubic-bezier(0.300,.1,.58,1);
	}

.pagination li a:hover{

	color: #DCED31;
	}
	
.pagination li a:active{

	color: #DCED31;
	}			
	

.pagination .fa{
	color: #DCED31;
}

.pagination .fa:hover{
	color: #000;
}

.pagination li:hover{

    color: #DCED31;




}

.pagination li.active,
.pagination li a.active,

.pagination li.active:hover{

	
	color: #DCED31!important;



	cursor: default;

}

.pagination li.no-active {

	border-color: #f7f7f7;

	color: #f7f7f7;

	cursor: default;

}



.pagination li.no-active:hover {

	color: #DCED31;

}









/*

 * Comments

 */

.comment-list{



}

.list_au_post:last-child hr {

    display: none;

}
.list_au_post:last-child .blog-item-data{margin-bottom:0px;}
.children li{border:none!important;}

.comment-item , li.comment{

	padding-top: 30px !important;

	border-top: 2px solid #f5f5f5;

    font-size: 16px;

    overflow: hidden;

}

.comment-item:first-child , li.comment:first-child{

	padding-top: 0;

	border-top: none;

}



.media-body{

    overflow: hidden;

}

.form-submit {

    display: none;

}

li.comment .avatar{float:left;}

.comment-avatar ,li.comment .avatar {

	width:34px;

    margin-right: 10px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

.comment-item-data{

	margin: 0 0 5px;

	text-transform: uppercase;

	font-family: 'headerbrah', sans-serif;

	font-size: 12px;

	color: #000;

	

	font-weight: 600;

}

.comment-item-data a{

	color: #DCED31;

	text-decoration: none;

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.comment-item-data a:hover{

	color: #000;

	text-decoration: none;

}

.comment-author{

    display: inline-block;

    margin-right: 20px;

	font-size: 12px;

    font-weight: 600;

    

}



.comment-date{

    display: inline-block;

    margin-right: 20px;

	font-size: 12px;

    font-weight: 600;

    

}

.comment-author a{



}





.headofimage {

	width: 220px;
	margin: 0px auto;

    border-radius: 2px 2px 0px 0px;

}





/*

 * Sidebar

 */



.sidebar{

	margin-top: 10px;

}

.widget{

	margin-bottom: 60px;

}

.widget .img-left{

    margin: 0 10px 10px 0;

}

.widget .img-right{

    margin: 0 0 10px 10px;

}

.widget-title{

	margin-bottom: 20px;

    padding-bottom: 5px;

	text-transform: uppercase;

	font-size: 16px;

    font-weight: 400;

    color: #7d7d7d;

    border-bottom: 1px solid #ccc;

}

.widget-body{

	font-size: 13px;

	color: #7d7d7d;

}

.widget-text{

	line-height: 1.7;

}





/* Search widget */



.search-wrap{

	position: relative;

}

.search-field{

	width: 100% !important;

	height: 40px !important;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.search-button{

	width: 42px;

	height: 40px;

	line-height: 38px;

	margin-top: -20px;

	position: absolute;

	top: 50%;

	right: 1px;

	overflow: hidden;

	background: transparent;

	border: none;

	outline: none;

	color: #999;

    font-size: 16px;

}



.search-button:hover{

	color: #000;

}

.search-button:hover + .search-field{

	border-color: #ccc;

}





/* Widget menu */



.widget-menu{

	font-size: 13px;

}

.widget-menu li{

	padding: 5px 0;



}

.widget-menu li a{

	color: #555;

	text-decoration: none;

	padding-bottom: 2px;

	text-decoration: none;

	border-bottom: 1px solid transparent;



	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.widget-menu li a:hover,

.widget-menu li a.active{

	color: #999;

}

.widget-menu li small{

	font-size: 11px;

	color: #aaa;

}





/* Widget tags */



.tags{



}

.tags a{

	display: inline-block;

	margin: 0 2px 5px 0;

	padding: 5px 7px;

	border: 1px solid #e9e9e9;

	color: #7d7d7d;

	font-size: 11px;

	font-weight: 400;

	text-transform: uppercase;

	text-decoration: none;

	



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.tags a:hover{

	text-decoration: none;

	border-color: #000;

	color: #000;

}



/* Comments */

.widget-comments{

	color: #aaa;

}

.widget-comments li{

	padding: 12px 0;

	border-bottom: 1px dotted #eaeaea;

}

.widget-comments li a{

	color: #555;

	text-decoration: none;



	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.widget-comments li a:hover{

	color: #999;

}





/* Posts */

.widget-posts{

	color: #aaa;

}

.widget-posts li{

    font-size: 12px;

	padding: 12px 0;

	border-bottom: 1px dotted #eaeaea;

}

.widget-posts li a{

    font-size: 13px;

    display: block;

	color: #555;

	text-decoration: none;



	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.widget-posts li a:hover{

	color: #999;

}

.widget-posts-img{

    float: left;

    margin: 0 7px 0 0;

}

.widget-posts-descr{

    overflow: hidden;

}





/* ==============================

   Shop

   ============================== */



.shopping-cart-table{



}

.shopping-cart-table a{

    text-decoration: none;

}

table.shopping-cart-table tr th,

table.shopping-cart-table tr td{

    vertical-align: middle;

}





/* ==============================

   Pricing

   ============================== */



.pricing-item{

	margin: 0 0 30px;

	position: relative;

	text-align: center;

}

.pricing-item-inner{

	border: 1px solid #eaeaea;

	vertical-align: middle;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.pricing-item-inner:hover{

	border-color: #aaa;

}

.main .pricing-item-inner{

	border-color: #aaa;

}



.pricing-wrap{

	position: relative;



    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;



	padding: 30px 20px;

	text-align: center;

	overflow: hidden;

}



.pricing-icon{

    padding-top: 10px;

	padding-bottom: 5px;

	position: relative;

	font-size: 32px;

	z-index: 1;

}

.pricing-title{

	position: relative;

	margin-bottom: 40px;

	font-size: 15px;

	font-weight: 700;

	text-transform: uppercase;

	

	z-index: 1;

}

.pr-list{

    margin: 0 -20px 30px;

    padding: 0;



    color: #7d7d7d;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    

}

.pr-list li{

	padding: 12px 20px;

	list-style: none;

	border-bottom: 1px solid #f5f5f5;

}

.pr-list li:first-child{

	border-top: 1px solid #f5f5f5;

}

.pricing-num{

	font-size: 40px;

	font-weight: 300;

	line-height: 1;



}

.pricing-num sup{

    font-family: 'headerbrah', sans-serif;

	font-size: 18px;

	font-weight: 400;

	position: relative;

	top: -20px;

	left: -3px;

	margin-left: -7px;

}

.pr-button{

    margin: 30px -20px 0;

    padding-top: 30px;

    border-top: 1px solid #f5f5f5;

}

.pr-per{

    color: #999;

    font-size: 12px;

}



.form-control {
	font-size: 18px;
    color: #7d7d7d;
    background: #fff;
    font-family:'headerbrah';
    

}

.form-control::-webkit-input-placeholder { color: #000; }
.form-control:-moz-placeholder { color: #000; }
.form-control::-moz-placeholder { color: #000; }
.form-control:-ms-input-placeholder { color: ff3366; }


.form-control:focus {
      background: #DCED31;
      color: #fff;
	-webkit-box-shadow: inset 0 -2px 0px #DCED31;
    -moz-box-shadow: inset 0 -2px 0px #DCED31;
    box-shadow: inset 0 -2px 0px #DCED31;
}



/* ==============================

   Shortcodes

   ============================== */



.margin-block{

	margin-bottom: 30px;

}





/*

 * Owl Carousel

 */



.owl-carousel{

    overflow: hidden;

}

.owl-buttons{

	position: static;

}

.owl-prev,

.owl-next{

	opacity: 0;

	display: block;

	position: absolute;

	top: 49%;

	margin-top: -80px;

	text-align: center;
	
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15), 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    color: #000;
	font-size: 30px;
    width: 50px;
    height: 65px;
    line-height: 65px!important;
    
    border-radius: 3px;
    z-index: 6;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.owl-prev{

	left: 0px;

}

.owl-next{

	right: 0px;

}


.owl-prev .fa,

.owl-next .fa{

    position: relative;

}

.owl-prev:hover,

.owl-next:hover{

	-webkit-transition: 0 none !important;

    -moz-transition: 0 none !important;

	 -ms-transition: 0 none !important;

    -o-transition: 0 none !important;

    transition:0 none !important;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#fff 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background: linear-gradient(to bottom,#fff 0%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fff',GradientType=0);

}

.owl-prev:hover:before,

.owl-next:hover:before{

    

}

.owl-prev:active:before,

.owl-next:active:before{

	opacity: 0.6;

}

.owl-carousel:hover .owl-prev{

	opacity: 1;

	left: -7px;

}

.owl-carousel:hover .owl-next{

	opacity: 1;

	right: -7px;

}

.owl-pagination{

	display: block;

	width: 100%;

	position: absolute;

	bottom: 0px;

	left: 0;

	text-align: center;

}

.owl-page{

	display: inline-block;

	padding: 6px 4px;

    position: relative;

}

.owl-page span{

	width: 32px;

	height: 3px;

	display: block;

	background: #ddd;

    position: relative;

    z-index: 1000 !important;



    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;



	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;



	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.owl-page:hover span{

	background: #DCED31;

}

.owl-page.active span{

	background: #DCED31;

   


}



.item-carousel .owl-prev{

	left: -125px;

}

.item-carousel .owl-next{

	right: -125px;

}

section:hover .item-carousel.owl-carousel .owl-prev{

	opacity: 1;

	left: 0px;

}

section:hover .item-carousel.owl-carousel .owl-next{

	opacity: 1;

	right: 0px;

}



.testimonialimage {

    border-radius: 100%;

    width: 115px;

}



.item-carousel{

    margin-bottom: -50px;

    padding-bottom: 50px;

}

.item-carousel .owl-pagination{

	bottom: 0;

}



.work-full-slider .owl-pagination,

.content-slider .owl-pagination{

	bottom: 15px;

}



.single-carousel,

.small-item-carousel{

    margin-bottom: 35px;

}

.single-carousel .owl-pagination,

.small-item-carousel .owl-pagination{

    position: relative;

    left: 0;

    top: 35px;

    margin: 0;

}

.single-carousel.black .owl-page span,

.small-item-carousel.black .owl-page span{

    background: #fff;



    -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.single-carousel.black .owl-page:hover span,

.small-item-carousel.black .owl-page:hover span{

    background: rgba(0,0,0, .4);

}

.single-carousel.black .owl-page.active span,

.small-item-carousel.black .owl-page.active span{

	background: rgba(0,0,0, .4);

}



.single-carousel.black .owl-prev,

.single-carousel.black .owl-next,

.small-item-carousel.black .owl-prev,

.small-item-carousel.black .owl-next{

    color: rgba(0,0,0, .2);

    text-shadow: none;



    -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.single-carousel.black .owl-prev:hover,

.single-carousel.black .owl-next:hover,

.small-item-carousel.black .owl-prev:hover,

.small-item-carousel.black .owl-next:hover{

    color: rgba(0,0,0, .35);

}

.single-carousel .owl-prev,

.small-item-carousel .owl-prev{

	left: -125px;

}

.single-carousel .owl-next,

.small-item-carousel .owl-next{

	right: -125px;

}

section:hover .single-carousel .owl-prev,

section:hover .small-item-carousel .owl-prev{

	opacity: 1;

	left: -80px;

}

section:hover .single-carousel .owl-next,

section:hover .small-item-carousel .owl-next{

	opacity: 1;

	right: -80px;

}



.black-arrows .owl-prev,

.black-arrows .owl-next{

    color: #fff;

}

.black-arrows .owl-prev:before,

.black-arrows .owl-next:before{

        background: rgba(0,0,0, 1);

}







/*

 * Tabs

 */



.tpl-tabs{

	border-color: #e5e5e5;

	font-size: 16px;
    font-weight: 600;

	

}

.tpl-tabs > li > a{

    text-decoration: none;

    color: #7d7d7d;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.tpl-tabs > li > a:hover{

	background-color: #f5f5f5;

}

.tpl-tabs li.active a{

	color: #000;

}

.tpl-tabs-cont{

	padding: 30px 0;

	color: #7d7d7d;

    line-height: 1.8;

}



/*

 * Tabs minimal

 */



.tpl-minimal-tabs{

	display: inline-block;

	font-size: 12px;

	font-weight: 400;

	text-transform: uppercase;

	text-align: center;

	

	border: none;

}

.tpl-minimal-tabs > li{

	padding: 0 30px;

	background: none !important;

}

.tpl-minimal-tabs > li > a{

	padding: 6px 20px 5px;

	text-decoration: none;

	color: #000;

	background: none;

	border: 1px solid transparent;



	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

}

.tpl-minimal-tabs > li > a:hover{

	background: none;

	border-color: #e9e9e9;

	color: #7d7d7d;

}

.tpl-minimal-tabs li.active a,

.tpl-minimal-tabs li.active a:hover{

	border: 1px solid #222 !important;

	background: none !important;

	color: #000;

	cursor: default;

}

.tpl-minimal-tabs-cont{

}





/*

 * Tabs Alternative

 */



.tpl-alt-tabs{

	font-size: 16px;

	font-weight: 400;

	text-transform: uppercase;

	text-align: center;

	

	border: none;

}

.tpl-alt-tabs > li{

    width: 215px;

    display: inline-block;

    vertical-align: top;

    float: none;

	padding: 0;

	background: none !important;



}

.tpl-alt-tabs > li > a{

	text-decoration: none;

	color: #a3a3a3;

	background: none !important;

	border: none !important;



    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

}

.tpl-alt-tabs > li > a:hover{

	background: none;

    color: #000;

}

.tpl-alt-tabs li.active a,

.tpl-alt-tabs li.active a:hover{

	cursor: default;

    color: #000;

}

.alt-tabs-icon{

    display: block;

    margin-bottom: 12px;

    font-size: 48px;

    letter-spacing: 0;

}

.tpl-minimal-tabs-cont{

}





/*

 * Alert messages

 */



.alert{

	margin: 0 auto 10px;

	padding: 14px 20px;



    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;



	border: 1px solid #f5f5f5;

	font-size: 11px;

	

	text-transform: uppercase;

	color: #7d7d7d;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;



}

.success{

	border-color: #a9e2c2;

	color: #36a367;

}

.info{

	border-color: #9ecdfc;

	color: #297ad3;

}

.notice{

	border-color: #f9ce75;

	color: #e9a00a;

}

.error{

	border-color: #ffbbbb;

	color: #e33131;

}





/*

 * Accordion

 */



.accordion > dt{

	margin-bottom: 0px;

	font-family: 'headerbrah', sans-serif;
    
    line-height: 1.1;
    font-size: 28px;

}

.accordion > dt > a{

	display: block;

	position: relative;

	color: #000;

	text-decoration: none;

	padding: 15px 25px;

	border: 2px solid #000;

	background: #fff;





	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.accordion > dt > a:hover{

	text-decoration: none;

	border-color: #000;

	background: #000;



	color: #fff;

}

.accordion > dt > a.active {

    color: #fff;

    border-color: #000;

    background: #000;

    cursor: default;


}



dl.accordion{

	color: #fff;

	border-color: #000;

	background: #fff;

	cursor: default;


}

.accordion > dt > a:after{

	content: "\f107";

	width: 15px;

	height: 15px;

	margin-top: -8px;

	position: absolute;

	top: 50%;

	right: 30px;

	font-family: 'FontAwesome';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	font-size: 40px;

	line-height: 15px;

	text-align: center;

	color: #DCED31;

	-webkit-font-smoothing: antialiased;

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.accordion > dt > a.active:after,

.accordion > dt > a.active:hover:after{

	content: "\f106";

	color: #fff;

}

.accordion > dt > a:hover:after{

	color: #fff;

}



.accordion > dd{

	margin-bottom: 10px;

	padding: 50px;

	font-size: 16px;

	line-height: 1.8;

	color: #000;

	font-weight: 500;

	border-left: 2px solid #000;

	border-right: 2px solid #000;

	border-bottom: 2px solid #000;


	font-size: 16px;
    font-style: normal;
    line-height: 1.8;
    color: #7d7d7d;
    font-family: 'galaxie', Times, serif!important;
    

}

.accordion > dd ul li {
    list-style: none;
    margin-bottom: 20px;
}

.accordion > dd ul li:before {
    font-family: 'FontAwesome';
    content: '\f054';
    padding: 0px 1em 0px 0px;
    color: #DCED31;
}





/*

 * Toggle

 */



dl {
	margin-bottom: 0px;
	}

dl.toggle{

	border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.15);
    background: #626283;
	background: -moz-linear-gradient(top, #626283 0%, #000 100%);
	background: -webkit-linear-gradient(top, #626283 0%,#000 100%);
	background: linear-gradient(to bottom, #626283 0%,#000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626283', endColorstr='#000',GradientType=0 );
	border-color: #000;


	cursor: default;


}

.toggle > dt{

	

}

.toggle > dt > a{

	display: block;

	position: relative;


	text-decoration: none;

	padding: 25px 35px;

	color: #fff;
	font-weight: 300;
	font-size: 26px;
	
	
	border-bottom: 1px solid rgba(39, 31, 48, 0.7);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
	line-height: 1.2;


	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.toggle > dt > a:hover{

	text-decoration: none;

	color: #DCED31;



}

.toggle > dt > a.active{

	color: #DCED31;
	border-bottom: 0px;
    box-shadow: none;

	

}

.toggle > dt > a:after{

	content: "\f107";
    width: 40px;
    height: 40px;
    margin-top: 0px;
    position: absolute;
    top: 30px;
    right: 35px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 30px;
    line-height: 28px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .27s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .27s cubic-bezier(0.000,0,.58,1);
    transition: all .27s cubic-bezier(0.000,0,.58,1);
    border-radius: 100%;
    color: #fff;
}

.toggle > dt > a.active:after,

.toggle > dt > a.active:hover:after{

	content: "\f106";
	color: #DCED31;
}

.toggle > dt > a:hover:after{

	color: #DCED31;
}

.toggle > dd{
	padding: 0px 70px 35px 35px;
	margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    line-height: 1.618;
    

}

.toggle li {
	margin-bottom: 10px;
}






/*

 * Progress bars

 */



.tpl-progress{

    margin-top: 10px;
    margin-bottom: 60px;
    font-weight: 600;
    overflow: visible;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 100px;

}

.tpl-progress .progress-bar{

	padding-top: 5px;
    position: relative;
    overflow: visible;
    background-color: #DCED31;
    font-size: 12px;
    color: #281e32;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 100px;

}

.tpl-progress .progress-bar > span{

	display: inline-block;

	min-width: 24px;

	height: 24px;

	padding: 0 5px;

	position: absolute;

	top: 5px;

	right: -5px;

	color: #DCED31;

	text-align: center;

	line-height: 23px;

	letter-spacing: 0;



	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;



}

.progress-color .progress-bar{

	background-color: #e41919;

	color: #e41919;

}

.progress-color .progress-bar > span{

	background-color: #e41919;

	color: #fff;

}



/* Alt bar */

.tpl-progress-alt{

    background: #f5f5f5;



    -webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;



    -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.tpl-progress-alt .progress-bar{

    padding-left: 5px;

    padding-right: 5px;

	position: relative;

	overflow: visible;

	background-color: #222;

	font-size: 11px;

    text-transform: uppercase;

    

	color: #fff;

	text-align: left;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.highlight pre{

    border-color: #eaeaea;

    background: #f5f5f5;

    color: #555;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}



/*

 * Font icons examples

 */



.fa-examples{

    color: #555;

    margin-left: 1px;

}

.fa-examples > div{

    padding: 0;

    border: 1px solid #e5e5e5;

    margin: -1px 0 0 -1px;

    font-size: 13px;

}

.fa-examples > div:hover{

    background: #f0f0f0;

    color: #000;

}

.fa-examples > div > i{

    display: inline-block;

    margin-right: 5px;

    min-width: 40px;

    min-height: 40px;

    border-right: 1px solid #f5f5f5;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

}

.fa-examples > div > .muted{

    margin-left: 5px;

    color: #999;

    font-size: 12px;

}

.fa-sm{

    width: 20px;

    font-size: 16px;

}



.et-examples{

    color: #555;

    margin-left: 1px;

    vertical-align: middle;

}

.et-examples .box1{

    display: block;

    width: 33%;

    float: left;

    padding: 0;

    border: 1px solid #e5e5e5;

    margin: -1px 0 0 -1px;

    font-size: 13px;

}

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

    .et-examples .box1{

        width: 50%;

    }

}

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

    .et-examples .box1{

        width: 100%;

    }

}

.et-examples .box1:hover{

    background: #f8f8f8;

    color: #000;

}

.et-examples .box1 > span{

    display: inline-block;

    margin-right: 5px;

    min-width: 70px;

    min-height: 70px;

    border-right: 1px solid #f5f5f5;

    line-height:70px;

    text-align: center;

    font-size: 32px;

}



/* ==============================

   Intro page

   ============================== */



.intro-image{

    width:100%;

}

.intro-label{

    position: absolute;

    top:7px;

    right: 10px;

    font-size: 17px;

    text-transform: uppercase;

    

}





/* ==============================

   Special demos

   ============================== */



/*

 * Magazine

 */



.magazine-logo-text{

   margin-top: 0;

    position: relative;

	font-size: 25px;

    font-weight: 400;

	text-transform: uppercase;

	

    line-height: 1.8;

}



.blog-posts-carousel-item{

    padding-bottom: 20px;

}

.blog-posts-carousel-item .post-prev-title,

.blog-posts-carousel-item .post-prev-info{

    padding: 0 10px;

}



.blog-post-prev-small{

	color: #aaa;

    font-size: 12px;

	padding: 12px 0;

    border-top: 1px dotted #eaeaea;

}



.blog-post-prev-small a{

    font-size: 13px;

    display: block;

	color: #555;

	text-decoration: none;



	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-post-prev-small a:hover{

	color: #999;

}



.blog-posts-carousel-alt li img{

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-posts-carousel-alt li:hover img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);



    -webkit-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);



}

.blog-slide-info{

    width: 100%;

    padding: 30px 30px 30px 30px;

    position: absolute;

    bottom: 0;

    left: 0;

	text-transform: uppercase;

    text-align: center;

	font-size: 11px;

    

	color: rgba(255,255,255, .75);



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

	box-sizing: border-box;



    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));

    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));

    background-color: rgba(0, 0, 0, 0);



    background: rgba(0,0,0, .65);

}

.blog-slide-title{

    margin-bottom: 6px;

    font-size: 16px;

    text-transform: uppercase;

    

}

.blog-slide-title a{

    display: block;

    color: rgba(255,255,255, .85);

    text-decoration: none;



    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);

}

.blog-slide-title a:hover{

    color: rgba(255,255,255, 1);

}

.blog-slide-data{

	text-transform: uppercase;

	font-size: 11px;

    

}

.blog-slide-data a{

	color: rgba(255,255,255, .65);

	text-decoration: none;

	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.blog-slide-data a:hover{

	color: rgba(255,255,255, 1);

	text-decoration: none;

}



/*

 * Landing

 */



.play-video-link{

    text-decoration: none;

    text-transform: uppercase;

    font-size: 16px;

    color: #000;

}

.play-video-link:hover,

.play-video-link:focus{

    color: #7d7d7d;

    text-decoration: none;

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.play-video-link .fa{

    vertical-align: middle;

}



.download-button{

    display: inline-block;

    position: relative;

    padding: 13px 20px 13px 55px;

    border: 2px solid #000;

    text-align: left;

    text-decoration: none;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.download-button:hover,

.download-button:focus{

    text-decoration: none;

    color: #000;

    opacity: .6;

}

.db-icon{

    width: 40px;

    height: 40px;

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 28px;

    line-height: 40px;

    text-align: center;

}

.db-title{

    display: block;

    font-size: 12px;

    

    font-weight: 700;

    text-transform: uppercase;

}

.db-descr{

    display: block;

    font-size: 11px;

    color: #7d7d7d;

    font-weight: 400;

}



/*

 * Photography 1

 */



.fullwidth-slideshow{

    cursor: grab;

    cursor: -webkit-grab;

    cursor: -moz-grab;

}

.fullwidth-slideshow-pager-wrap{

    cursor: default;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 60px 0 20px 0;



    z-index: 25;



    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));

    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));

    background-color: rgba(0, 0, 0, 0);

}

.fullwidth-slideshow-pager-wrap .owl-item{

    opacity: .7;

    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.fullwidth-slideshow-pager-wrap .owl-item:hover{

    opacity: 1;

}

.fullwidth-slideshow-pager-wrap .owl-item.synced{

    opacity: 1;

}

.fsp-item{

    margin: 0 2px;

    cursor: pointer;

}

.fsp-item:active{

    -webkit-transform: scale(0.98);

    -moz-transform: scale(0.98);

    -o-transform: scale(0.98);

    -ms-transform: scale(0.98);

    transform: scale(0.98);

}

.fsp-item img{

    width: 100%;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -border-radius: 2px;



    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);

    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);

    box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);

}





/*

 * Photography 2

 */



.side-panel-is-left{

    margin-left: 270px;

}

.sp-overlay{

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(10,10,10, .85);

    cursor:crosshair;



    z-index: 1030;

}

.side-panel{

    position: fixed;

    top: 0;

    left: 0;

    width: 270px;

    height: 100%;

    padding-bottom: 60px;

    overflow-y: auto;

    color: rgba(255,255,255, .65);

    background: #000;

    text-align: center;



    z-index: 1031;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.sp-close-button{

    display: none;

    position: absolute;

    top: 20px;

    right: 20px;

    width: 36px;

    height: 36px;

    border: 1px solid rgba(255,255,255, .5);

    opacity: .5;



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;





    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

    transform: rotate(-45deg);



    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.sp-close-button:hover{

    opacity: .75;



    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.sp-close-button:before{

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width:14px;

    height: 2px;

    margin: -1px 0 0 -7px;

    background: #fff;

}

.sp-close-button:after{

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width:2px;

    height: 14px;

    margin: -7px 0 0 -1px;

    background: #fff;

}



/* Responsive menu button */



.sp-button{

    display: none;

    position: fixed;

    top: 20px;

    left: 20px;

    width: 54px;

    height: 54px;

    background: #000;

    opacity: .85;

    text-indent: -12345px;

    z-index: 1030;



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.sp-button:hover{

    opacity: 1;

}

.sp-button span{

    display: block;

    width: 22px;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -1px 0 0 -11px;



    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.sp-button span:before,

.sp-button span:after{

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #fff;

    position: absolute;

    top: -6px;

    left: 0;



    -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

    transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;

}

.sp-button span:after{

    top: auto;

    bottom: -6px;

}





/* Logo */

 .sp-logo-wrap{

}

.sp-logo-wrap .logo{

    display: block;

    padding: 30px;

    text-align: center;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.sp-logo-wrap .logo img{

    max-width: 100%;

}



/* Menu */



.sp-wrapper{



}

.sp-menu-links,

.sp-menu-links ul{

    margin: 0;

    padding: 10px 0;

    line-height: 1.3;

    text-align: center;

}

.sp-menu-links ul.sp-sub{

    padding: 0;

}

.sp-menu-links a{

    display: block;

    position: relative;

    margin: 0;

    padding: 15px 20px;

    color: #999;

    font-size: 16px;

    

    font-weight: 400;

    text-transform: uppercase;

    text-decoration: none;

    cursor: pointer;



    -webkit-tap-highlight-color: rgba(255,255,255, .1);



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);



    z-index: 11;

}

.no-touch .sp-menu-links a:hover,

.sp-menu-links a:active,

.sp-menu-links li.js-opened > a{

    color: #d5d5d5;

    text-decoration: none;

}

.no-touch .sp-menu-links a:hover{

    background-color: rgba(255,255,255, .05);

}

.sp-menu-links li{

    margin: 0;

    padding: 0;

    position: relative;

    overflow: hidden;

}



.sp-menu-links li > a:active,

.sp-menu-links li a.active{

    color: #f5f5f5;

}

.sp-menu-links li.js-opened:before{

    display: none;

}

.no-touch .sp-menu-links li.js-opened > a:hover,

.sp-menu-links li.js-opened > a:active{

    color: #fff;

}



.sp-has-sub{



}

.sp-has-sub .fa{

    font-size: 16px;

}

.js-opened > .sp-has-sub > .fa{

    color: #fff;

}

.sp-sub{

    display: none;

    opacity: 0;

    position: relative;

}

.sp-sub > li > a{

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 13px;

    font-weight: 400;

}



.sp-menu-links li.js-opened .sp-sub{

    opacity: 1;

}

.sp-search{

    width: 100%;

}

.sp-search input.search-field{

    background: transparent;

    color: #555;

    text-align: center;

    border: none;

    border-bottom: 1px solid rgba(255,255,255, .2);

}

.sp-search input.search-field:hover{

    border: none;

    border-bottom: 1px solid rgba(255,255,255, .4);

}

.sp-search input.search-field:focus{

    color: #999;

    border-color: rgba(255,255,255, .7);

}

.sp-search .search-button:hover{

    color: #fff;

}





/* Social links */



.sp-social-links{

    position: fixed;

    bottom: 0;

    left: 0;

    width: inherit;

    padding: 10px 10px 30px 10px;

    font-size: 16px;

    text-align: center;

    background: transparent;



    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;



    z-index: 1032;

}

.sp-social-links > a{

    display: inline-block;

    margin: 0 2px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    border: 1px solid rgba(255,255,255, .15);

    text-align: center;

    text-decoration: none;

    color: #555;



    -webkir-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.sp-social-links > a:hover{

    border-color: rgba(255,255,255, .3);

    color: #999;

}



/* White side panel */



.side-panel.white{

    color: rgba(0,0,0, .65) !important;

    background: #f5f5f5;

    border-right: 1px solid rgba(0,0,0, .07);

}

.side-panel.white .sp-close-button{

    border: 1px solid rgba(0,0,0, .5);

}



.side-panel.white .sp-close-button:before{

    background: #000;

}

.side-panel.white .sp-close-button:after{

    background: #000;

}

.side-panel.white .sp-menu-links a{

    color: #7d7d7d;

    -webkit-tap-highlight-color: rgba(0,0,0, .05);

}

.side-panel.white .sp-menu-links li{

    border-top: 1px solid rgba(0,0,0, .04);

}

.side-panel.white .sp-menu-links li:last-child{

    border-bottom: 1px solid rgba(0,0,0, .04);

}



.no-touch .side-panel.white .sp-menu-links a:hover,

.side-panel.white .sp-menu-links a:active,

.side-panel.white .sp-menu-links li.js-opened > a{

    color: #000;

    text-decoration: none;

}

.no-touch .side-panel.white .sp-menu-links a:hover{

    background-color: rgba(0,0,0, .03);

}



.side-panel.white .sp-menu-links li > a:active,

.side-panel.white .sp-menu-links li a.active{

    color: #000;

}

.no-touch .side-panel.white .sp-menu-links li.js-opened > a:hover,

.side-panel.white .sp-menu-links li.js-opened > a:active{

    color: #000;

}



.side-panel.white .js-opened > .sp-has-sub > .fa{

    color: #000;

}

.side-panel.white .sp-sub > li{

    border: none!important;

}



.side-panel.white .sp-social-links > a{

    border: 1px solid rgba(0,0,0, .15);

    color: rgba(0,0,0, .4);

}

.side-panel.white .sp-social-links > a:hover{

    border-color: rgba(0,0,0, .3);

    color: rgba(0,0,0, .75);

}



/* Photo Tilt effect */



.tilt-wrap{

    width: 100%;

    position: relative;

}

.tilt{

    overflow: visible;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0 auto;

}

.tilt__back, .tilt__front{

    width: 100%;

    height: 100%;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.tilt__back{

    position: relative;

}

.tilt__front{

    position: absolute;

    top: 0;

    left: 0;

}



/*

 * Coming soon page

 */



.countdown{

    display: inline-block;

}

.countdown > li{

    float: left;

    margin: 0 30px;

}

.countdown-number{

    position: relative;

    display: block;

    width: 94px;

    height: 94px;

    color: #000;

    font-size: 36px;

    text-align: center;

    line-height: 84px;

}

.countdown-number > span{

    position: relative;

    z-index: 2;

}

.countdown-number > b{

    display: block;

    width: 100%;

    position: absolute;

    bottom: 20px;

    left: 0;

    font-size: 10px;

    font-weight: 400;

    text-transform: uppercase;

    

    line-height: 1;

    color: #999;

    z-index: 2;

}

.countdown-number:before{

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(255,255,255, .95);



    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;



    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);



    z-index: 1;

}



/* Dark Timer */



.countdown.dark .countdown-number{

    color: #fff;

}

.countdown.dark .countdown-number > b{

    color: #aaa;

}

.countdown.dark .countdown-number:before{

    background: rgba(0,0,0, .8);

}





/* ==============================

   Bootstrap multicolumn grid

   ============================== */



/* clear the first in row for any block that has the class "multi-columns-row" */

.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }

.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }

.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }

.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }

.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }



@media (min-width: 768px) {

	/* reset previous grid */

	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }

	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }

	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }

	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }

	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }



	/* clear first in row for small columns */

	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }

	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }

	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }

	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }

	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }

}

@media (min-width: 992px) {

	/* reset previous grid */

	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }

	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }

	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }

	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }

	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }



	/* clear first in row for medium columns */

	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }

	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }

	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }

	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }

	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }

}

@media (min-width: 1200px) {

	/* reset previous grid */

	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }

	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }

	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }

	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }

	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }



	/* clear first in row for large columns */

	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }

	.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }

	.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }

	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }

	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }

}



.consultation {

    padding: 70px 70px 0px 70px;

    background: rgba(36, 75, 118, 0.8);

}



.consultation2 {

    padding: 70px 70px 0px 70px;

    background: rgba(21, 36, 52, 0.75);

    border-radius: 3px 3px 0px 0px;

}



.ctabox {

    border-top: 2px solid #DCED31;
    padding: 35px;
    background: #000;

}

.shadowed {

	text-shadow: 1px 1px 2px #000;

}



.arrow {

	width: 200px;

    margin: 20px 0px 20px 10px;

}



.arrowtext {

	margin: 0px 0px 0px 20px;

	font-weight: bold;

	font-family: 'Oleo Script', cursive;

}








ul.share-buttons{
	margin-top: 70px!important;
	list-style: none;

	padding: 0;

  margin: 0px;

}



ul.share-buttons li{

  display: inline;

  margin-right: 25px;

}

ul.share-buttons li:before {
	content: none!important;
}

.fivestar2 {
    width: 75px;
    margin: 0px 25px 0px 0px;
}

.pagenumbers {
	border-right: 1px solid #ddd;
    padding: 2px 10px;
}


.fivestar {

    width: 75px;

}


.mb-5 {
	margin-bottom:5px;
}

.mt-5 {
	margin-top:5px;
}

.testiimage {

    border-radius: 100%;

    width: 125px!important;

}

.testiimage2 {
    border-radius: 100%;
    width: 125px !important;
    float: left;
    margin: 0 35px 50px 0;
}

.testiimagenew {
    border-radius: 100%;
    width: 40px!important;
    float: left;
    margin: 0px 20px 0px 0px;
}



.testiimagesmall {
	border-radius: 100%;

    width: 110px!important;
	float: left;
    margin: 0px 20px 60px 0px;
}


.text14 {

	font-size: 16px;

    font-style: normal;

    line-height: 2;

    color: #7d7d7d;

}


.checkmarks {

	background: #fff;

    color: #000;

    width: 50px;

    height: 50px;

    border-radius: 100%;

    line-height: 50px;

    font-size: 25px;

    margin: 25px auto;

    font-weight: 600;

}

.borderboysmallcentered2 {
    background: #DCED31;
    margin: 0 auto;
    height: 2px;
    width: 95px;
}


.blockquoteright {
	float: right;
    color: #000;
    max-width: 250px;
    border-left: 2px solid #ddd;
    padding: 15px;
    background: #fff;
    text-align: left;
    margin-left: 15px; 

}

.blockquoteleft {
	float: left;
    color: #000;
    max-width: 250px;
    border-right: 2px solid #ddd;
    padding: 15px;
    background: #fff;
    text-align: left;
    margin-right: 15px; 

}


.twitter-share-button {
	float: right;
	margin-top: 25px;
}



.italic {
	font-style: italic;
}




.initialauthorpic2 {
    border-radius: 100px!important;
    width: 30px;
    margin: 0px 10px 0px 0px;
    float: left;
}

.newblogbottom {
	border-top: 1px solid rgba(0,0,0,.1);
    padding: 10px 20px;
}

.newblogbottom a {
	font-family: 'headerbrah', sans-serif;
    
    color: #000;
}

.newblogbottom a:hover {
	color: #DCED31;
}

.realsmall {
    font-size: 12px;
}

.ordinal {
	vertical-align: super;
    font-size: 65%;
    letter-spacing: 0;
    }

.entry_author_image img, .authorimg {
    width: 80px;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
}

.initialauthorpic {
    width: 40px;
    margin: 0px 15px 0px 0px;
    float: left;
}

.initialauthorpic3 {
    width: 40px;
    margin: 0px 15px 0px 0px;
    float: left;
}

.authoryo {
	line-height: 1!important;
    padding-top: 3px!important;
    margin-bottom: 0px!important;
}

.authoryo a {
    line-height: 1!important;
    padding-top: 3px!important;
    border-bottom: 0px !important;
    font-weight: 700!important;
    color: #000;
}

.postinfo {

}



.yarpp-related {
	margin: 0px!important;
}

.menubrand {

    padding:0px!important;
}

.menubrandimages {
	margin: 0px!important;
}



small, .small {
    font-size: 85%!important;
}




/* hide/show header on scroll */

.main-nav {
  -webkit-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-nav--hidden {
	transform: translateY(-100%);
}

.aboutemoji {
	width: 15px;
	    margin: -2px 0px 0px 2px;
}

.aboutarrow {
	margin-left: 8px;
    position: absolute;
    top: 10px;
    font-size: 120%;
}

.yarpp-related h3 {
    font-weight: none!important;
    padding: none!important;
    font-size: none!important;
    text-transform: none!important;
    margin: none!important;
}

.borderboy {
    background: #ddd;
    height: 1px;
    width: 100%;
    float: none;
    margin: 0 auto;
    box-shadow: 0px 1px 0px #fff;
}
    
.borderboy.white {
	background: #fff;
} 

.borderboy.dark {
	background: #000;
}    
    
.borderboy2 {
	background: #DCED31;
    height: 1px;
    width: 20%;
    float: none;
    margin: 0px auto;
  
    } 
.borderboy2black {
	background: #000;
    height: 2px;
    width: 15%;
    float: none;
  
    } 
.borderboy3 {
    background: #000;
    height: 1px;
    width: 100%;
    box-shadow: 0px 1px 0px rgba(255,255,255,.1);
}

.borderboy3about {
    background: #000;
    height: 1px;
    width: 100%;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}

.padseventy {
    padding: 70px;
    border: 2px solid #000;  
}

.sizespic {
	border-radius: 3px;
}

.sizesbox {
	padding: 50px;
    background: #000;
    border-bottom: 1px solid rgba(39,31,48,.7);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}

.sizeboxborderradius1 {
	border-radius: 3px 3px 0px 0px;
}

.sizeboxborderradius2 {
	border-radius: 0px 0px 3px 3px;
}

.padseventy2 {
    padding: 35px;
    background: #626283;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255,255,255,.15);
}

.padseventy3 {
    padding: 50px;
    background: rgba(0, 0, 0, 0.35);    
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255,255,255,.15);
    border-bottom: 2px solid rgba(0,0,0,.75);
    border-top: 1px solid rgba(0, 0, 0, 0.75);
}

.leadershipbox {
    padding: 25px;
    background: rgba(0, 0, 0, 0.35);    
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255,255,255,.15);
    border-bottom: 2px solid rgba(0,0,0,.75);
    border-top: 1px solid rgba(0, 0, 0, 0.75);
    min-height: 335px;
}
.boxes{
    
    padding: 25px;
    border-radius: 3px;

    }
    
.boxes2{
    background: #fff;
    padding: 70px;
    border-radius: 3px;

    } 
    
.boxes3{
    background: #f5f5f5;

    border-radius: 3px;

    }  
.boxes3bgimage {
	background-size: cover;
	background-position: center;
	border-radius: 3px 0px 0px 3px;
}   

.imageopener {
	border-radius: 1px;

}     

.cartnav {
	
    color: #000!important;
    font-weight: 600;
}

.cartnav:hover {
	background: #f5f5f5;
	
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding: 20px 10px;
	border-top: 1px solid rgba(35, 31, 32, 0.1);
}

th {
    text-align: left;
    width: 33%;
}

.table>thead>tr>th {
	border-bottom: 0px solid;
}

.wp-post-image {
	
}
.blogpichome {
	border-radius: 3px 3px 0px 0px;
}

.bloggywraphome {
	padding: 35px;
    background: #382f43;
    background: -moz-linear-gradient(top,#382f43 0,#000 100%);
    background: -webkit-linear-gradient(top,#382f43 0,#000 100%);
    background: linear-gradient(to bottom,#382f43 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#382f43',endColorstr='#000',GradientType=0);
    box-shadow: 0 3px 0 rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.15);
        border-radius: 3px;
}



.faqwrap {
    padding: 50px;
    border-radius: 3px;
    min-height: 475px;
    -webkit-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .4s cubic-bezier(0.000,0,.58,1);
    transition: all .4s cubic-bezier(0.000,0,.58,1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.faqwrap:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.productwrap {
    padding: 50px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}


.ebookwrap {
    padding: 50px;
    border-radius: 3px;
    -webkit-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .4s cubic-bezier(0.000,0,.58,1);
    transition: all .4s cubic-bezier(0.000,0,.58,1);

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);

}


.ebookwrap:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bloggywrapblog {
	background: #000;
    padding: 25px;
    min-height: 300px;
    border-top: 2px solid #DCED31;

}

.sellywraphome {
    padding: 50px;
    border-radius: 3px;
    min-height: 375px;
    -webkit-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .4s cubic-bezier(0.000,0,.58,1);
    transition: all .4s cubic-bezier(0.000,0,.58,1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.sellywraphome:hover{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

.authorwrap1 {
	background: #f5f5f5;
    padding: 50px;
    border-radius: 3px;
    min-height: 300px;
}

.authorwrap2 {
	background: #f5f5f5;
    padding: 50px;
    border-radius: 3px;
    min-height: 300px;
}

.blog-media2 {
	margin: -35px -35px 35px -35px;
}

.gridsell {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .4s cubic-bezier(0.000,0,.58,1);
    transition: all .4s cubic-bezier(0.000,0,.58,1);
}
.gridsell:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.blogstuff {
    color: #7d7d7d;
    font-size: 85%;
}

.blogstuff p {
    margin-bottom: 15px;
}

.letterimage {
    float: right;
    margin: 0 0px 50px 50px;
    -webkit-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .4s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .4s cubic-bezier(0.000,0,.58,1);
    transition: all .4s cubic-bezier(0.000,0,.58,1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);


}

.letterimage:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


.facebook{
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: #DCED31;
    }
    
.footercredits {
    height: 26px !important;
    margin: 0px 25px 0 0 !important;
    float: left;
    border-right: 1px solid #DCED31;
    padding: 5px 25px 7px 0;
}    


.bluecheck {
    margin: 0 10px 20px 0;
    color: #DCED31 !important;
    background: #fff;
    border-radius: 100%;
    padding: 7px;
    height: 32px;
    width: 32px;
    line-height: 18px
}


.klickerheadline {
	    width: 140px;
    margin: -10px 5px 0px 5px;
}

.kmethod {
	width: 40px;
    margin: -9px 0px 0px 0px;
}

.kteam{
    width: 58px;
    margin: -12px 0 0 0;
    }
    
.aboutpics {
	border-radius: 3px;
    width: 92%;
}    

.corevalueslogo {
    width: 45px;
    margin: -4px 1px 0 0;
}
.hugenumberscircle {
	color: #fff;
    text-align: center;
    margin: -50px -35px 35px -35px;
    font-size: 50px;
    background: #303030;
    padding: 20px;
}

    
.hugenumbers2 {
	color: rgba(0, 0, 0, 0.25);
    float: left;
    font-size: 175px;
    margin-right: 50px;
    margin-bottom: 50px;
    line-height: 145px;
} 

.huge {
	
}   

.newauthorbox {

    padding: 50px;
    background: #fff;
    border-radius: 3px;
 
}

.newauthorbox p{

	margin-bottom: 10px;
}

.newauthorbox a {
	color: #000;
	border-bottom: 1px solid #DCED31;
	font-family: 'headerbrah';
	
}

.newauthorbox a:hover {
	color: #000;
}

.hugecheck {
	font-size: 55px;
    margin: 0px 25px 50px 0px;
    float: left;
    color: rgba(255, 255, 255, 0.25);
}

.homieboxes {
	padding: 0px 25px 35px 25px;
}

.pillars {
	border-left: 2px solid #303030;
    padding: 50px 35px;
	min-height: 480px;
    border-right: 2px solid #303030;
    border-bottom: 2px solid #303030;
    border-top: 2px solid #DCED31;
}

.bg-localized {
	background: #394053;
}

.bg-foundations {
	background: #0A2239;
}

.bg-authority {
	background: #2589BD;
}

.bg-ranked {
	background: #2CA58D;
}

.bg-ads {
	background: #4B3F72;
}

.bg-dripped {
	background: #3c153b;
}

.dripped {
	color: #3c153b;
	border-color: #3c153b!important;
}

.ads {
	color: #4B3F72;
	border-color: #4B3F72!important;
}

.localized {
	color: #394053;
	border-color: #394053!important;
}

.ranked {
	color: #2CA58D;
	border-color: #2CA58D!important;
}

.authority {
	color: #2589BD;
	border-color: #2589BD!important;
}

.foundations {
	color: #0A2239;
	border-color: #0A2239!important;
}

.bg-half-ads {
	background-image: url(../images/bg-ads-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-localized {
	background-image: url(../images/bg-localized-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-ranked {
	background-image: url(../images/bg-ranked-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-authority {
	background-image: url(../images/bg-authority-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-foundations {
	background-image: url(../images/bg-foundations-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-dripped {
	background-image: url(../images/bg-dripped-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-dark {
	background-image: url(../images/bg-dark-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-dark2 {
	background-image: url(../images/bg-dark-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #f5f5f5;
    background-attachment: inherit;
    background-size: inherit;

	
}

.bg-half-pink {
	background-image: url(../images/bg-pink-half.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #fff;
    background-attachment: inherit;
    background-size: inherit;

	
}


.font22 {
	font-size: 22px;
	line-height: 1.6;
}

.brandperiods{
	width: 26px;
}

.topline {
	border-top: 1px solid #DCED31;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 25px;
    width: 125px;
}

.toplinewhite {
	border-top: 1px solid #fff;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 25px;
    width: 85%;
}

.footertagline {
	margin: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 16px;
}

.footercopyright{
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-weight: 600;
    padding: 4px;

    }

.newbuttonextrasmall{
    background: #e7f83e;
	background: -moz-linear-gradient(top, #e7f83e 0%, #dced31 100%);
	background: -webkit-linear-gradient(top, #e7f83e 0%,#dced31 100%);
	background: linear-gradient(to bottom, #e7f83e 0%,#dced31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f83e', endColorstr='#dced31',GradientType=0 );
    padding: 10px 20px 12px 20px;
    border-radius: 6px;
    color: #000;
    box-shadow: inset 0px -2px 0px rgba(10, 11, 8, 0.3);
    font-size: 12px;
    }

.newbuttonextrasmall:hover {
    background: #dced31;
	background: -moz-linear-gradient(top, #dced31 0%, #dced31 100%);
	background: -webkit-linear-gradient(top, #dced31 0%,#dced31 100%);
	background: linear-gradient(to bottom, #dced31 0%,#dced31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dced31', endColorstr='#dced31',GradientType=0 );
    box-shadow: inset 0px -2px 0px rgba(10, 11, 8, 0.2);
    }   
    
.newbuttonsmall {
    box-shadow: 0 7px 13px -3px rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.15), inset 0px -2px 0px rgba(10,11,8,.25);
    color: #000!important;
    background: #DCED31;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px 10px;
    border-radius: 2px;
    }

.newbuttonsmall:hover {
    opacity: .8;
    }
    
.newbutton {
	box-shadow: 0 7px 13px -3px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0px -4px 0px rgba(10, 11, 8, 0.6), 0 5px 15px rgba(0,0,0,.1);
    color: #fff;
    background: #596068;
	background: -moz-linear-gradient(top, #596068 0%, #4a525a 100%);
	background: -webkit-linear-gradient(top, #596068 0%,#4a525a 100%);
	background: linear-gradient(to bottom, #596068 0%,#4a525a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596068', endColorstr='#4a525a',GradientType=0 );
	font-size: 16px;
    padding: 16px 32px 18px 32px;
    border-radius: 8px;
}  

.newbutton:hover {
	background: #4a525a;
	background: -moz-linear-gradient(top, #4a525a 0%, #4a525a 100%);
	background: -webkit-linear-gradient(top, #4a525a 0%,#4a525a 100%);
	background: linear-gradient(to bottom, #4a525a 0%,#4a525a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a525a', endColorstr='#4a525a',GradientType=0 );
	box-shadow: 0 7px 13px -3px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0px -4px 0px rgba(10, 11, 8, 0.3), 0 5px 15px rgba(0,0,0,.1);
	color: #fff;
} 


.kfade {
	position: absolute;
    z-index: 100;
    text-align: center;
    margin: 0px auto;
    width: 80px;
    left: 47.5%;
    padding: 15px;
    border-radius: 100px;
    margin-top: 20px;
    background: white;
}

.kfade2 {
	position: absolute;
    z-index: 100;
    text-align: center;
    margin: 0px auto;
    width: 80px;
    left: 47.5%;
    padding: 15px;
    border-radius: 100px;
    margin-top: 20px;
    background: white;
}


.blogquote {
	border-top: 1px solid #000;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 0 rgba(255,255,255,.15);
    padding: 50px;
    border-bottom: 1px solid #000;
    background: rgba(0, 0, 0, 0.1);
}  

article {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 400px;
     -moz-column-width: 400px;
          column-width: 400px;
}

article p {
	padding: 0px 15px;
}

article h2 h3 h4 h5 {
	padding: 0px 15px;
	}

.writtenby {
    margin-left: 50px;
}

.pad35 {
	padding: 35px;
}

.publishedon {
    float: right;
}

.parentoutline {
	border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
}
.borderradius {
	border-radius: 5px;
}

.badgeboy {
	width: 150px;
	margin: 0px auto 25px auto; 
}

.guaranteehover{
	-webkit-transition: all .6s cubic-bezier(0.000,0,.58,1);
    -moz-transition: all .6s cubic-bezier(0.000,0,.58,1);
    -o-transition: all .6s cubic-bezier(0.000,0,.58,1);
    -ms-transition: all .6s cubic-bezier(0.000,0,.58,1);
    transition: all .6s cubic-bezier(0.000,0,.58,1);
}

.guaranteehover:hover {
	background: rgba(255, 255, 255, 0.02);
}

.guaranteebox1 {
	padding: 50px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255,255,255,.15);
}
.guaranteebox2 {
	padding: 50px;
	border-bottom: 1px solid #000;
	border-right: 1px solid transparent;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

.guaranteebox3 {
	padding: 50px;
	border-right: 1px solid #000;
	border-bottom: 1px solid transparent;
	box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.15);
}

.guaranteebox4 {
	padding: 50px;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;

}

.cbdbox1 {
	padding: 50px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 rgba(255,255,255,.15);
	min-height: 395px;
}
.cbdbox2 {
	padding: 50px;
	border-bottom: 1px solid #000;
	border-right: 1px solid transparent;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
	min-height: 395px;
}

.cbdbox3 {
	padding: 50px;
	border-right: 1px solid #000;
	border-bottom: 1px solid transparent;
	box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.15);
	min-height: 395px;
}

.cbdbox4 {
	padding: 50px;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	min-height: 395px;
}

.ap-headsup-sevModule .UiHeadsUpMessage__submitButtonBlack {
	background: #DCED31!important;
}

.worksnumbers {
	
    width: 75px;
    height: 75px;
    line-height: 80px;
    border-radius: 100px;
    margin: 25px auto;
    background: #DCED31;
    font-size: 34px;
    color: #fff;
}

.worksarrows {
	color: rgba(0, 0, 0, 0.1);
    font-size: 55px;
    position: absolute;
    top: 60px;
    right: -20px;
    z-index: 100;
}
.worksbox2 {
	padding: 25px;
	background: #1f2023;
    border-radius: 3px;
    -webkit-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}



.worksbox {
	padding: 35px;
	min-height: 285px;
	
}
.worksborderradius1 {
	border-radius: 10px 0px 0px 0px;
}
.worksborderradius2 {
	border-radius: 0px 10px 0px 0px;
}

.worksicon {
	padding: 18px;
    margin: -14px 0px 0px 0px;
}

.worksnumbers2 {
	font-size: 95px;
    line-height: 150px;
    font-family: 'headerbrah';
    color: rgba(19,18,25,.05);
    position: absolute;
    top: 200px;
    left: 41%;
}

.selectionbox1 {
	padding: 50px 50px 50px 0px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.selectionbox2 {
	padding: 50px 0px 50px 50px;
	border-right: 1px solid transparent;
    border-bottom: 1px solid #ddd;
}

.selectionbox3 {
	padding: 50px 50px 50px 0px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid transparent;
}

.selectionbox4 {
	padding: 50px 0px 50px 50px;
	border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.selectionpic {
	width: 75%;
    margin: 0px auto;
    text-align: center;
}

.shopify-buy__btn {
	color: #fff !important;
    padding: 10px 22px 10px 22px;
    border-radius: 100px;
    text-align: center;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.2);
    background: #95e7df;
    background: -moz-linear-gradient(top,#95e7df 0,#DCED31 100%);
    background: -webkit-linear-gradient(top,#95e7df 0,#DCED31 100%);
    background: linear-gradient(to bottom,#95e7df 0,#DCED31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95e7df',endColorstr='#DCED31',GradientType=0);
    text-shadow: 0 -1px 0 rgba(0,0,0,.15);
    font-size: 16px;
}

.blogmainpic {
    border-radius: 10px 10px 0px 0px;
}

.blogmainpic2 {
    border-radius: 8px 8px 0px 0px;
}

.bloglistbg2 {
    padding: 50px 70px;
    background: #fff;
}

.bloglistbgmain {
   	box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 55px 80px -40px rgba(0,0,0,.45);
    margin-bottom: 40px;
	border-radius: 8px;
}



.bloglistbgmainpadding {
	padding: 35px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 25px;
    -webkit-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    min-height: 250px;
}

.bloglistbgmainpadding:hover{
	box-shadow: 0px 0px 15px 2px #dceb32;
    border: 1px solid #dceb32;
    }


.bloglistbg {
    box-shadow: 0 5px 20px rgba(0,0,0,.1);;
    margin-bottom: 50px;
    -webkit-transition: all .5s cubic-bezier(0,0,.58,1);
    -moz-transition: all .5s cubic-bezier(0,0,.58,1);
    -o-transition: all .5s cubic-bezier(0,0,.58,1);
    -ms-transition: all .5s cubic-bezier(0,0,.58,1);
    transition: all .5s cubic-bezier(0,0,.58,1);
    border-radius: 10px;
}

.blog-item-padding {
    padding: 0px 70px;
}

.postinfolines {
    padding: 25px 70px;
	border-radius: 5px 5px 0px 0px;
    font-size: 12px;
}

.blogsidebarpic {
    width: 80%;
    float: none;
    margin: 0px auto;
}

.blogsidebar {
    padding: 35px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 0 0 8px 8px;
}



.absolutesection {
	position: absolute;
	top: 70px;
	z-index: 100;
}
.reviewsbg2{
    padding: 35px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
}

.reservebg {
	padding: 50px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #DCED31;
    margin: 3px;
}

.reviewsbg {
	box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 8px;
}

.reviews1 {
	padding: 35px;
    }
    
.reviews2 {
    padding: 35px;
    }  
    
.featuresbox {
	box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 3px 3px 8px 8px;
    border-top: 3px solid #DCED31;
    padding: 25px;
    min-height: 175px;
 }   

.featuresbox .fal {
     font-size: 25px;
	 margin-bottom: 10px;
	 color: #DCED31;
}

.borderboyfull {
	height: 1px;
    background: #000;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}

.borderboyextrasmall {
    background: #ddd;
    height: 1px;
    width: 100px;
    box-shadow: 0px 1px 0px #fff;
}  

.borderboysmallcentered {
    background: #060606;
    height: 1px;
    width: 100px;
    margin: 0px auto;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}  

.borderboysmallcenteredgray {
    background: #c9cbcd;
    height: 2px;
    width: 100px;
    margin: 0px auto;
} 

.borderboysmallcentereddark {
    background: #000;
    height: 1px;
    width: 75px;
    margin: 0px auto;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}

.borderboysmall {
    background: #DCED31;
    height: 2px;
    width: 100px;
}

.borderboysmallgray {
    background: #c9cbcd;
    height: 2px;
    width: 100px;
}  



.borderboyextrasmallcentered {
    background: #ddd;
    height: 1px;
    width: 75px;
    margin: 0px auto;
    box-shadow: 0px 1px 0px #fff;
} 

.borderboyextrasmallcenteredgreen {
    background: #DCED31;
    height: 1px;
    width: 75px;
    margin: 0px auto;
} 

.borderboyextrasmallgreen {
    background: #DCED31;
    height: 1px;
    width: 75px;
} 


.borderboyextrasmallcentereddark {
    background: #000;
    height: 1px;
    width: 75px;
    margin: 0px auto;
} 

.borderboyextrasmallcenteredwhite {
    background: #fff;
    height: 1px;
    width: 75px;
    margin: 0px auto;
} 

.menuimages {
	float: left;
	width: 50px;
	border-radius: 2px;
	border: 1px solid rgba(218,222,224,.6);
	margin: 0px 10px 15px 0px!important;
	-webkit-transition: all .75s cubic-bezier(.3,.1,.58,1);
    -moz-transition: all .75s cubic-bezier(.3,.1,.58,1);
    -o-transition: all .75s cubic-bezier(.3,.1,.58,1);
    -ms-transition: all .75s cubic-bezier(.3,.1,.58,1);
    transition: all .75s cubic-bezier(.3,.1,.58,1);
    }
    
.menuimages:hover{
	border: 1px solid #DCED31;
    } 
    
.menuimages2 {
	float: left;
	width: 45px;
	border-radius: 2px;
	margin: 0px 15px 20px 0px!important;
}

.menuwords {
	padding: 15px 0px 0px 0px;
	position: absolute;
	border-bottom: none!important;
	font-size: 15px;
	-webkit-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    transition: all .27s cubic-bezier(0,.000,.58,1.000);
}

.menuwords:hover {
	color: #DCED31!important;
	background: none!important;
}

.main-nav.light .inner-nav ul>li>a .fas {
	font-size: 16px;
    margin: 5px;
    color: #DCED31;
}
.main-nav.light .inner-nav ul>li>a .far {
    margin: 0 0 0 8px;
	-webkit-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    transition: all .27s cubic-bezier(0,.000,.58,1.000);
    }
.main-nav.light .inner-nav ul>li>a .far:hover {
	-webkit-transform: scale(1.25);
    transform: scale(1.25);
    color: #DCED31;
}    
.secondarymenufar {
	margin: 0px 10px 0px 0px!important;
    color: #DCED31!important;
    position: inherit!important;
    bottom: 0px!important;
    font-size: 16px!important;

}    
.malecolor {
	color: #3F8EFC;
}  

.femalecolor {
	color: #EC368D;
}

.malecolorblock {
	background: #3F8EFC;
    color: #fff;
    width: 60px;
    border-radius: 2px;
    text-align: center;
    padding: 2px;
    float: left;
    margin: 0px 10px;
	text-transform: uppercase;
}  

.femalecolorblock {
	background: #EC368D;
    color: #fff;
    width: 60px;
    border-radius: 2px;
    text-align: center;
    padding: 2px;
	float: left;
	text-transform: uppercase;

} 

.shadowbox2 {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15), 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 3px;
}



.shadowbox {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15), 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    
	border-radius: 3px;
}

.mappic {
	border-radius: 0px 3px 3px 0px;
}

.howitworksicons{
	width: 60px;
	font-size: 50px;
}

.featuresiconsabout2 {
    font-size: 24px;
    border: 1px solid #DCED31;
    width: 55px;
    height: 55px;
    line-height: 55px!important;
    border-radius: 100px;
    background: #DCED31;
}


.featuresiconsabout {
    font-size: 24px;
    border: 1px solid #363839;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100px;
}

.featuresicons {
	font-size: 28px;
    border: 1px solid #363839;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 100px;

}

.featuresicons2 {
	font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 50px!important;
    border-radius: 24%;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.6);
    background: #202123;
}

.featuresicons3 {
	font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 50px!important;
    border-radius: 24%;
	background: #e7f83e;
    background: -moz-linear-gradient(top, #e7f83e 0%, #dced31 100%);
    background: -webkit-linear-gradient(top, #e7f83e 0%,#dced31 100%);
    background: linear-gradient(to bottom, #e7f83e 0%,#dced31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f83e', endColorstr='#dced31',GradientType=0 );
    color: #000!important;
    box-shadow: inset 0px -3px 0px rgba(10, 11, 8, 0.3);
    }

.featuresicons4 {
	font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 50px!important;
    border-radius: 24%;    
	background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);  
    box-shadow: inset 0px -3px 0px rgba(10, 11, 8, 0.3);
    }
    
      
.includesbox {
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 25px;
    background: #fff;
    min-height: 210px;
}
 
 .includesimages{
	width: 100px;
}

.blackbox {
    border-radius: 3px;
    box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #202123;
	
}

.padbox {
    padding: 35px;
}

.padboxservicesabout {
    padding: 25px;
}
.padboxservices {
    padding: 30px;
}

.servicesarrow {
    float: left;
    width: 35px;
    font-size: 125%;
}

.servicesarrowabout {
    float: left;
    width: 35px;
    font-size: 125%;
}

.mainpic {
    box-shadow: 0 55px 80px -40px rgba(0,0,0,.45);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f7f7f7 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom,#fff 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
    border-radius: 8px;
}

.bg-graygradient {
	background: rgb(240,240,241);
	background: linear-gradient(180deg, rgba(240,240,241,1) 0%, rgba(255,255,255,1) 100%);
}

.bg-whitewave {
	background-color: #fff;
    background-image: url(../images/whitewavetest.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-graywave1 {
	background-color: #f5f5f5;
    background-image: url(../images/graywave1.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-graywave2 {
	background-color: #fff;
    background-image: url(../images/graywave2.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-graywave3 {
	background-color: #fff;
    background-image: url(../images/whitewave.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-graytodarkwave {
	background-color: #000;
    background-image: url(../images/graytodark.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bgdarkwaveresults {
	background-image: linear-gradient(to bottom,#f5f5f5 0%,#f5f5f5 16%,#f5f5f5 16%,#f5f5f5 55%, #fff 55%, #fff 100%);
    background-attachment: inherit;
}
.bg-darkwave1 {
	background-image: linear-gradient(to top,#000 0%,#000 60%,#fff 60%,#fff 100%);
    background-attachment: inherit;
}

.bg-greenwavetoblack {
	background-color: #dced31;
    background-image: url(../images/greenwaveblack.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-greenwave1 {
	background-color: #dced31;
    background-image: url(../images/greenwavenew.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-greenwave2 {
	background-color: #000;
    background-image: url(../images/greenwave2.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-darktogray {
	background-image: linear-gradient(to bottom,#000 0%,#000 250px,#f5f5f5 250px,#f5f5f5 100%);
    background-attachment: inherit;
}

.bg-darkwave4 {
	background-image: linear-gradient(to bottom,#000 0%,#000 250px,#fff 250px,#fff 100%);
    background-attachment: inherit;
}

.bg-darkwave2 {
	background-image: linear-gradient(to bottom,#000 0%,#000 50%,#fff 50%,#fff 100%);
    background-attachment: inherit;
}

.bg-darkwavebigger2 {
	background-color: #fff;
    background-image: url(../images/darkwavebigger2.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-darkwavebigger {
	background-color: #fff;
    background-image: url(../images/darkwavebigger.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-darkwavecontact {
	background-color: #fff;
    background-image: url(../images/darkwavecontact.png);
    background-size: contain;
    background-position: center top;
    background-attachment: inherit;
}

.bg-darkwave3 {
	background-color: #000;
    background-image: url(../images/wave3.png);
    background-size: contain;
    background-position: center bottom;
    background-attachment: inherit;
}
.ocean { 
  height: 10%;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: #DCED31;
}

.wave {
  background: url(../images/wave.svg) repeat-x; 
  position: absolute;
  top: -198px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}

.demoarrow {
	margin: 0 0 0 8px;
}

.bg-blobleft {
	background-image: url(../images/iterationblob.png);
	background-size: 66%;
    background-attachment: inherit;
    background-position: -246px 200px;
}

.bgk {
	background-image: url(../images/k.png);
    background-size: 100px;
    background-position: center;
    background-attachment: inherit;
}

.statscircle {

    margin: 0px auto;
    padding: 0px;
    box-shadow: 0 55px 80px -40px rgba(0,0,0,.45), 0 5px 15px rgba(0,0,0,.15);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 15px;
}

.statsnumbers2{
	padding: 20px 0px;
	
}

.statsnumbersabout{
	padding: 0px 0px;
	
}

.statsnumbersabout:before{
    font-family: 'FontAwesome';
    content: '\f0de';
    font-size: 34px;
    position: absolute;
    left: 60px;
    top: 10px;
    color: #DCED31;
  
    }
    
.statsnumbers{
	padding: 20px 0px;
	
}

.statsnumbers:before{
    font-family: 'FontAwesome';
    content: '\f0de';
    font-size: 36px;
    position: absolute;
    left: 115px;
    top: 28px;
    color: #DCED31;
}
    
.absoluteleft {
	position: absolute;
    width: 790px;
    left: 6em;
}  

.absoluteright {
	position: absolute;
    width: 790px;
    right: 6em;
}  

.absoluteright2 {
	position: absolute;
    width: 950px;
    right: -7.5em;
    bottom: 5em;
} 

.absoluteright3 {
    position: absolute;
    width: 1200px;
    right: -18.5em;
    bottom: 2em;
}

.absoluteright4 {
	position: absolute;
    width: 800px;
    right: 0px;
    bottom: 0em;
    }

.absoluteright5 {
	position: absolute;
    width: 800px;
    right: 0;
    bottom: 5em;
} 

.bg-greenparent {
	background:rgb(220, 237, 48)!important;
	border-radius: 5px;
}

.bg-blackparent {
	background: rgba(0, 0, 0, 0.7)!important;
    border-radius: 5px;
}
    
.contactpagebox1 {
	padding: 25px;
	border-right: 1px solid rgba(0, 0, 0, 1);
    box-shadow: inset -1px 0px 0px rgba(255,255,255,.1);
}

.contactpagebox2 {
	padding: 25px;
}

.bgicons {
	position: absolute;
    border: none;
    color: rgba(255, 255, 255, 0.25)!important;
    font-size: 65px;
    left: 65px;
    top: 40px;
}

.smallicons {
	    float: left;
    margin: 0px 20px 0px 0px;
    font-size: 130%;
    color: #c7cbce;
}

.pic100 {
	width: 75px;
	background: #000;
    padding: 8px;
    border-radius: 5px;
}

.pic1002 {
	width: 65px;
	border-radius: 100px;
}

.pic100about {
	width: 55px;
	border-radius: 100px;
	background: #1e2023;
}

.borderbox3 {
	box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6), inset 0px -3px 0px rgba(0, 0, 0, 0.6);
    background: #202123;
    border-radius: 3px;
    padding: 25px 25px 10px 25px;
    color: #fff;
}

.borderbox2 {
	box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6), inset 0px -3px 0px rgba(0, 0, 0, 0.6);
    background: #202123;
    border-radius: 3px;
    padding: 25px 25px 15px 25px;
    color: #fff;
}

.featuredribbon2 {
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 1;
    overflow: hidden;
    width: 111px;
    height: 175px;
    text-align: right;
}
.featuredribbon2 span {
    font-size: 10px;
    font-weight: 500;
    color: #000;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 130px;
    display: block;
    background: #e7f83e;
    background: -moz-linear-gradient(top, #e7f83e 0%, #dced31 100%);
    background: -webkit-linear-gradient(top, #e7f83e 0%,#dced31 100%);
    background: linear-gradient(to bottom, #e7f83e 0%,#dced31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f83e', endColorstr='#dced31',GradientType=0 );
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    position: absolute;
    top: 29px;
    left: -26px;
}
.featuredribbon2 span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #879214;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #879214;
}

.featuredribbon2 span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #879214;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #879214;
}


.featuredribbon {
    position: absolute;
    left: 11px;
    top: -4px;
    z-index: 1;
    overflow: hidden;
    width: 111px;
    height: 175px;
    text-align: right;
}
.featuredribbon span {
    font-size: 10px;
    font-weight: 500;
    color: #000;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 130px;
    display: block;
    background: #e7f83e;
    background: -moz-linear-gradient(top, #e7f83e 0%, #dced31 100%);
    background: -webkit-linear-gradient(top, #e7f83e 0%,#dced31 100%);
    background: linear-gradient(to bottom, #e7f83e 0%,#dced31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f83e', endColorstr='#dced31',GradientType=0 );
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    position: absolute;
    top: 29px;
    left: -26px;
}
.featuredribbon span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #879214;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #879214;
}

.featuredribbon span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #879214;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #879214;
}

.homepageicons {
	font-size: 115%;
    width: 40px;
    top: 3px;
    background: #e7f83e;
    background: -moz-linear-gradient(top, #e7f83e 0%, #dced31 100%);
    background: -webkit-linear-gradient(top, #e7f83e 0%,#dced31 100%);
    background: linear-gradient(to bottom, #e7f83e 0%,#dced31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f83e', endColorstr='#dced31',GradientType=0 );
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    border-radius: 50px;
    text-align: center;
}

.casestudybox {
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    -webkit-transition: all .4s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .4s cubic-bezier(0,.0,.58,1);
    -o-transition: all .4s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .4s cubic-bezier(0,.0,.58,1);
    transition: all .4s cubic-bezier(0,.0,.58,1);
    background: #fff;
}

.casestudybox img {
    border-radius: 8px 8px 0 0;
}

.casestudypad {
	padding: 0px 50px;
	min-height: 180px;
}
.casestudybox2 {
    box-shadow: 0 55px 80px -40px rgba(0,0,0,.45);
    background: #596068;
    background: -moz-linear-gradient(top, #596068 0%, #4a525a 100%);
    background: -webkit-linear-gradient(top, #596068 0%,#4a525a 100%);
    background: linear-gradient(to bottom, #596068 0%,#4a525a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596068', endColorstr='#4a525a',GradientType=0 );
    border-radius: 0px 0px 8px 8px;
}

.casestudyread {
	border-top: 1px solid rgba(10, 11, 8, 0.45);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.2);
    border-radius: 0px 0px 12px 12px;
    padding: 12px 50px 12px 50px;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.blogbox {
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    -webkit-transition: all .4s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .4s cubic-bezier(0,.0,.58,1);
    -o-transition: all .4s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .4s cubic-bezier(0,.0,.58,1);
    transition: all .4s cubic-bezier(0,.0,.58,1);
    background: #fff;
}

.blogbox2 {
    padding: 25px;
    box-shadow: 0 0 25px rgba(0,0,0,.08);
    border-top: 3px solid;
    border-radius: 3px 3px 8px 8px;
    min-height: 460px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#fcfcfc 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#fcfcfc 100%);
    background: linear-gradient(to bottom,#fff 0%,#fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fcfcfc',GradientType=0);
    -webkit-transition: all .5s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .5s cubic-bezier(0,.0,.58,1);
    -o-transition: all .5s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .5s cubic-bezier(0,.0,.58,1);
    transition: all .5s cubic-bezier(0,.0,.58,1);
}

.blogbigpic {
    max-width: 110.3%!important;
    margin: 0 -35px;
}

.breadcrumbs {
    background: #202123;
    padding: 10px 0px;
    font-weight: 600;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 100;
}

.line12 {
    line-height: 1;
    font-size: 140%;
}

.breadcrumbicons {
    color: #DCED31!important;
    margin: 0px 10px;
    font-size: 10px;
}

.breadcrumbs a {
	color: rgba(255, 255, 255, 0.6);
}

.breadcrumbs a:hover {
	color: #fff;
}


.bg-bordertop {
	border-top: 2px solid #ddd;
}
.bg-mostlyblack2 {
    background-image: linear-gradient(to bottom,#000 0%,#000 85%,#fff 85%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlyblacktogray {
    background-image: linear-gradient(to bottom,#000 0%,#000 85%,#f5f5f5 85%,#f5f5f5 100%);
    background-attachment: inherit;
}

.bg-mostlyblacktowhite {
    background-image: linear-gradient(to bottom,#000 0%,#000 85%,#fff 85%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlygreentowhite {
    background-image: linear-gradient(to bottom,#DCED31 0%,#DCED31 85%,#fff 85%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlyblacktogreen {
    background-image: linear-gradient(to bottom,#000 0%,#000 85%,#DCED31 85%,#DCED31 100%);
    background-attachment: inherit;
}

.bg-mostlyblack {
    background-image: linear-gradient(to bottom,#000 0%,#000 65%,#fff 65%,#fff 100%);
    background-attachment: inherit;
}

.bg-dark3 {
	background: #202123;
}

.ml-25{
	margin-left: 25px;
}

.ml-5{
	margin-left: 5px;
}

.mr-5 {
	margin-right: 5px;
}

.borderboyfulldark {
    border-top: 1px solid rgba(255,255,255,.2);
    box-shadow: 0px 1px 0px rgba(255,255,255,.2);
    width: 85%;
}

.mb-15 {
	margin-bottom: 15px;
}

.signinnav {
    border-left: 1px solid rgba(255, 255, 255, 0.20);
    font-size: 12px;
    max-height: 60px!important;
	text-align: right!important;
}

.loginicon {
    color: #b6b6b6;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px!important;
    -webkit-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .27s cubic-bezier(0,.000,.58,1.000);
    transition: all .27s cubic-bezier(0,.000,.58,1.000);
}

.search-field {
    width: 275px !important;
    height: 40px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    background: #202123;
    border: none;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.25)!important;
    font-size: 12px!important;
    padding: 0 15px;
    font-weight: 400;
    letter-spacing: .5px;
    position: absolute;
    top: 0px;
    left: 74px;
}

.searchicon {
    position: absolute;
    top: 10px;
    left: 310px;
    color: rgba(255, 255, 255, 0.25)!important;
    font-size: 16px;
    height: 40px;
    width: 40px;
    border-radius: 0 3px 3px 0;
    line-height: 42px!important;
    text-align: center;
    background: #202123;
    border-left: 1px solid #000;
}

.notifybubble {
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    height: 16px;
    border-radius: 50%;
    background: #DCED31;
    box-shadow: 0 5px 16px rgba(0,0,0,.07);
    width: 16px;
    color: #000;
    top: 14px;
    right: 27px;
    border: 1px solid #000;
    text-align: center;
}

.bg-mostlygray2 {
    background-image: linear-gradient(to top,#000 0%,#000 150px,#f5f5f5 150px,#f5f5f5 100%);
    background-attachment: inherit;
}

.subscribebox {
    background-image: url(../images/ktrans.png);
    background-size: 32%;
    background-repeat: no-repeat;
    background-color: black;
    background-position: right center;
    border-radius: 3px;
    box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
}

.logobg {
    background-image: url(../images/ktrans.png);
	background-repeat: no-repeat;
    background-position: 98% bottom;
    background-size: 800px;
    background-color: #000;
    background-attachment: inherit;
}

.signupbox {
    padding: 50px 35px 70px 35px;
}

.bg-mostlygraydouble {
    background-image: linear-gradient(to bottom,#000 0%,#000 350px,#f5f5f5 350px,#f5f5f5 95%,#000 95%,#000 100%);
    background-attachment: inherit;
}

.productbox {
    box-shadow: 0 55px 70px -40px rgba(0, 0, 0, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border-radius: 3px;
}

.productpic {
    border-radius: 0 3px 3px 0;
}

.bg-mostlygray {
    background-image: linear-gradient(to bottom,#000 0%,#000 350px,#f5f5f5 350px,#f5f5f5 100%);
    background-attachment: inherit;
}

.adbox {
    box-shadow: 0 55px 70px -40px rgba(0,0,0,.45), 0 5px 15px rgba(0,0,0,.05);
    background: #fff;
    border-radius: 3px;
}

.gradeboy {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
}

.adboxpad {
    padding: 50px;
}

.socialmargin {
    margin: 0 10px;
}

.subtlebutton {
	border: 1px solid #ddd;
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 12px;
    color: #000;
}

.subtlebutton:hover {
	border: 1px solid #000;
	
}

.subtlebutton2 {
	font-size: 12px;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    box-shadow: 0px 1px 0px #fff;
}

.subtlebutton2:hover {
	border-bottom: 1px solid #000;
	box-shadow: 0px 1px 0px #fff;
}   

.borderboxnohover {
	background: #1f2023;
	border-radius: 3px;
   
}

.borderbox {
	border: 2px solid #1f2023;
	border-radius: 3px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.borderbox:hover {
	border: 2px solid #000;
	-ms-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.toolsborder {
	border-radius: 3px;
	border: 2px solid #1f2023;
    padding: 5px 25px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.toolsborder:hover {
	border: 2px solid #000;
    -ms-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.nichespic {
	border-radius: 3px 3px 0px 0px;
}
.nichesborder2 {
	border-radius: 0px 0px 3px 3px;
	text-align: center;
	background: #1f2023;
    padding: 15px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.nichesborder {
	border-radius: 3px;
	text-align: center;
	border: 2px solid #1f2023;
    padding: 15px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.nichesborder:hover {
	border: 2px solid #000;
    -ms-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.smallpad {
	padding: 5px;
}

.pad25 {
	padding: 25px;
}

.font14 {
	font-size: 14px!important;
}
.font12 {
	font-size: 12px!important;
}

.font18 {
	font-size: 18px!important;
}

.valuesicons {
	position: absolute;
    font-size: 50px;
    right: 25px;
    top: 25px;
    color: rgba(255, 255, 255, 0.1);
}

.homieservices1 {
	min-height: 600px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/blob1.jpg);
}

.homieservices2 {
	min-height: 600px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/blob2.jpg);
}

.homieservices3 {
	min-height: 600px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/blob3.jpg);
}

.homepagequotes {
	width: 40px;
    border-radius: 100px;
    float: left;
    margin: 0px 20px 0px 0px;
}

.homepagequoteslogo {
	float: right;
    width: 150px;
    margin: 0px  0px 0px 0px;
}

.ring-container {
    
}

.circle {
    width: 10px;
    height: 10px;
    background-color: #202123;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 15px;
}

.ringring {
    border: 2px solid #202123;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    left: 10px;
    top: 0px;
    position: absolute;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}