.mobile-on .desktop-nav ul@charset "utf-8";

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

[Master Stylesheet]



Project:    Rhythm

Version:    2.2

Last change:    30.07.2015

Primary use:    MultiPurpose Template

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



@import "font-awesome.min.css";

@import "et-line.css";

@font-face {
	font-family:'headerbrah';
	src: url('../fonts/ITCAvantGardePro-Bold_gdi.eot');
	src: url('../fonts/ITCAvantGardePro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ITCAvantGardePro-Bold_gdi.woff') format('woff'),
		url('../fonts/ITCAvantGardePro-Bold_gdi.ttf') format('truetype'),
		url('../fonts/ITCAvantGardePro-Bold_gdi.svg#ITCAvantGardePro-Bold') 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) #4ad2d2

# Gray (text) #6c7078

# Dark #4ad2d2

# Dark Lighter #252525

# Gray BG #f4f4f4

# Gray BG Lighter #f8f8f8

# Mid grey #6c7078

# 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;}

.inline {
    display: inline;
}
.white2 { 
	color: #fff;
	}

.gold {
	background: linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
}	

.nofeebadge {
	width: 270px;
	margin: 0px auto;
}

.goldbg {
	background: linear-gradient(to bottom, #4ad2d2 0%, #4ad2d2 100%);
	border-radius: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.buttonleft {
    text-align: center;
    display: inline-block;
}

.videobg {
    background:#1F2227 !important;
    border-radius: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 4px;
}

.videobg img {
	border-radius: 10px;
}

.arrow {
    width: 25px;
    margin: 25px 0px 0px 10px;
}

.formbg {
	background: #1F2227; 
	padding: 5px;
	border-radius: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.white { 

	color: #ffffff;

    }
    
.mainheadline {
	color: #fff;	
}    

.whiteparent { color: rgba(251, 247, 244, 0.7) !important;}
.whiteparentlink { color: rgba(251, 247, 244, 0.7);
	cursor: pointer;
	
}
.whiteparentlink:hover {
	color: #fff;
}
.dark{ color: #000!important;}

.gray {color: #6c7078!important;}



.capitalize {
	text-transform: capitalize;
}

.blue{ color: #4ad2d2!important; }
.pink {color:#4ad2d2 !important;}
.green {color:#4ad2d2!important;}
.pinklink2 {
	color: #4ad2d2 !important;
    
}

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

.yellow {
	color: #9100ED;
}

.lightblue {
	color: #50b3db;
	}


.pinklink {color:#000!important;}
.pinklink:hover {color:#4ad2d2!important;}
.lighgrey{ color: #6c7078 !important; }

.glass{ opacity: .5; };

.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:#fb7719; text-shadow: none;}

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

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



.animate, .animate *{

	-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);

}

.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{

	background: #ffffff;

}

.page2 {
	background: #fff;
}

.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(24, 25, 26,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: #fefefe;

	z-index: 100000;

}



.loader{

  width: 50px;

  height: 50px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -25px 0 0 -25px;

  font-size: 10px;

  text-indent: -12345px;

  border-top: 1px solid rgba(24, 25, 26, 0.08);

  border-right: 1px solid rgba(24, 25, 26, 0.08);

  border-bottom: 1px solid rgba(24, 25, 26, 0.08);

  border-left: 1px solid rgba(24, 25, 26, 0.5);



  -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{

	background: #fff;
	font-size: 16px;
	font-family: 'inter', sans-serif;
	font-weight: 300;
	font-style: normal;

	line-height: 1.6;

}



a{

	color: #4ad2d2;

	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: #4ad2d2;

}



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

    margin-bottom: 1.3em;

	line-height: 1.4;

	font-weight: 700;

	



}

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;

}



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


.bg-black {
	background: #4ad2d2;
}

.whitelink {
	color: #fff;
	-webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

    border: none;
}

.whitelink:hover {
	opacity: .7;
	}
	
.profilebadge {
    width: 185px;
    margin: 0px 0px 30px 0px;

}


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

.starscurve {
	width: 115px!important;
    text-align: center!important;
    margin: 0px 0px 15px 0px!important;

}

.googlelogo {
	width: 60px;
	margin-bottom: 10px;
}

.lionheadgold {
	width: 20px;
    margin-right: 10px;
}

.lionpic {
	width: 75px;
    position: absolute;
    right: 25px;
    top: 20px;
}

.starscurveleft {
	width: 90px;
	float: left;
    margin: 0px 0px 10px 0px;
}

.starscurve2 {
	width: 80px;
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.quotemark {
    font-size: 136px;
    position: absolute;
    top: -74px;
    left: 15px;
    color: rgb(0 0 0 / 12%);
}

.quotemarkondark {
	font-size: 136px;
    position: absolute;
    top: -74px;
    left: 15px;
    color: rgba(255, 255, 255, 0.15);
}

.quotepicnew {
    width: 50px;
    float: right;
    margin: -10px 0 0 15px;
}


.reelbox2 {
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 55px 70px -40px rgb(0 0 0 / 60%), inset 0px -3px 0px rgb(0 0 0 / 60%);
    background: #181818;
    background: -moz-linear-gradient(top, #181818 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #181818 0%,#000000 100%);
    background: linear-gradient(to bottom, #181818 0%,#000000 100%);
    min-height: 195px;
}

.categorylink3 {
    font-size: 10px;
    border-bottom: 1px solid black;
    color: rgb(255 255 255 / 70%);
    padding: 5px 25px;
    margin: -25px -25px 25px;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    -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);
    box-shadow: 0px 1px 0px rgb(255 255 255 / 10%);
   font-family: 'inter', sans-serif;
    text-transform: uppercase;
}

.flagpic {
    width: 50px;
	margin-bottom: 15px!important;
}


.faqbox {
	background: #1F2227;
    position: relative;
    border-radius: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 25px 0px 25px;
    
}
.creditbox2 {
    background: #1F2227;
    position: relative;
    border-radius: 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.creditbox2img2 {
   	width: 75%;
    position: absolute;
    top: -88px;
    right: -70px;
    overflow: visible;
}

.creditbox2img {
   	width: 70%;
    position: absolute;
    top: -85px;
    right: 25px;
    overflow: visible;
}

.line13 {
	line-height: 1.3;
}


.creditboxbottom {
	background: #1F2227;
    border-radius: 0px 0px 6px 6px;
    color: #fff;
    border-top: 2px solid #000;
}

.creditbox {
    border: 2px solid #ec4f74;
    background-image: linear-gradient(to bottom,#fff 0%,#fff 350px,#ec4f74 350px,#4ad2d2 100%);
    background-attachment: inherit;
    position: relative;
    border-radius: 8px;
}

.creditboxpad1 {
       padding: 50px 35px 95px 50px;
}

.creditboxpad2 {
       padding: 15px 50px;
}

.ctabox {
	padding: 35px;
	border-radius: 6px;
	border: 1px solid #ddd;
}

.ctabox a {
	border-bottom: none!important;
}

.nounderline {
	border-bottom: none!important;
}

.mb-0 {
	margin-bottom: 0px!important;
}

.mb-10 {
	margin-bottom: 10px!important;
}
.subservicebox1 {
	width: fit-content;
    border-radius: 6px 6px 0px 0px;
    color: #000;
    font-size: 12px;
    padding: 9px 25px 5px 25px;
    font-family: 'inter', sans-serif;
    
    font-weight: 700;
    background: #faf5ed;
}

.imagerotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.imagepulse {
    
   	animation: pulse 5s linear infinite;
}

@-webkit-keyframes "pulse" {
0% {
    -webkit-transform: scale(1.105);
    transform: scale(1.05);
}
50% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
}
100% {
    -webkit-transform: scale(1);
   transform: scale(1);
}
}

.subservicebox2 {
	padding: 15px 25px 0px 25px;
    border: 4px solid #faf5ed;
    border-radius: 0px 6px 6px 6px;
    font-size: 14px;
    margin-bottom: 35px;
    }
    
.subservicebutton {
	background: #faf5ed;
    padding: 5px 25px 0px 25px;
    border-radius: 6px 0px 6px 0px;
    margin: 0px -29px 0px 0px;
}    


.quotepic {
   	width: 80px!important;
    border-radius: 100px!important;
    padding: 2px!important;
}

.mb-negative5 {
	margin-bottom: 0px;	
}
.quote {
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 20px;
}

.injurybgboy {
	border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: black;
}

.immigrationbox1 {
	border-right: 1px solid rgb(255 255 255 / 15%);
	border-bottom: 1px solid rgb(255 255 255 / 15%);
    padding: 15px;
}

.immigrationbox2 {
	border-bottom: 1px solid rgb(255 255 255 / 15%);
    padding: 15px;
}

.immigrationbox3 {
	border-right: 1px solid rgb(255 255 255 / 15%);
    padding: 15px;
}

.immigrationbox4 {
	padding: 15px;
}

.injurybox1 {
	border-right: 1px solid rgb(255 255 255 / 15%);
    padding: 15px;
}

.injurybox1a{
	
}

.injurybox2 {
	padding: 15px;
}

.injurybox2a {
	
}

.injurybg {
	
    padding: 15px;
    

}
.casestudyquote {
    border: 1px solid rgba(29,35,41,.1);
    padding: 40px;
   font-family: 'inter', sans-serif;
    color: #4ad2d2;
    font-style: italic;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.8;
    
}

.casestudyquote:before {
    font-family: 'FontAwesome';
    content: '\f10d';
    font-size: 30px;
    position: absolute;
    left: -4px;
    top: 20px;
    background: #fff;
    padding: 16px 15px 10px 20px;
    color: #000;
    font-style: normal;
}

.casestudyquoteperson {
	float: right;
    font-style: normal;
    background: #fff;
    padding: 10px 14px;
    font-size: 18px;
    color: #4ad2d2;
    margin-right: -54px;
}

.casestudyquotetitle {
	float: right;
    margin-top: -5px;
}

.casestudyimage {
	width: 40px;
    margin-right: 14px;
    border-radius: 100%;
}



blockquote{
    border-left: 2px solid #4ad2d2!important;
    font-style: italic;
	
    border: none;
    padding: 10px 25px;
   

}

blockquote p{

	margin-bottom: 2em;

	font-size: 18px!important;

    font-weight: 700!important;

	font-style: italic;
	
	line-height: 1.6!important;
	font-family: 'inter', sans-serif;
	
	color:#000!important;

}

blockquote footer{

	font-size: 11px;

    font-weight: 300;

    text-transform: uppercase;

    

}

dl dt{

	margin-bottom: 5px;

}

dl dd{

	margin-bottom: 15px;

}

pre{

	background-color: #f1f2f5;

	border-color: #f1f2f5;



}

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

hr{

	border-top: 1px solid rgba(29,35,41, 0.1);

}

hr.new {
	border-top: 0px solid #000;
    height: 6px;
    box-shadow: none;
    background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(30,35,41,1) 15%, rgba(30,35,41,1) 27%, rgba(30,35,41,1) 76%, rgba(30,35,41,1) 85%, rgba(30,35,41,1) 85%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(30,35,41,1) 15%,rgba(30,35,41,1) 27%,rgba(30,35,41,1) 76%,rgba(30,35,41,1) 85%,rgba(30,35,41,1) 85%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(30,35,41,1) 15%,rgba(30,35,41,1) 27%,rgba(30,35,41,1) 76%,rgba(30,35,41,1) 85%,rgba(30,35,41,1) 85%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

}

hr.white{

    border-top: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0px -1px 0px #000;
    background: none;

}

hr.black{

    border-color:rgba(24, 25, 26, .85);

    background: rgba(24, 25, 26, .85);

}

hr.blue {
	border-color:#000;

    background: #000;
}

.uppercase{

	text-transform: uppercase;

	

}

.font-alt{

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

    

}

.serif{

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

	font-style: italic;

    font-weight: normal;

}

.normal{

	font-weight: normal;

}

.strong{

    font-weight: 700 !important;

}

.authorprofilepic{
	width: 90px!important;
	background: #4ad2d2!important;
	border-radius: 12px!important;
	border: none!important;
	margin: 0px 25px 5px 0px!important;
	float: left!important;
	}

.authoryo {
	line-height: 1!important;
    padding-top: 3px!important;
}

.authoryo a {
    line-height: 1!important;
    padding-top: 3px!important;
    border-bottom: 0px !important;
    font-weight: 700!important;
    color: #000;
}
.strong2{

    font-weight: 700 !important;

}

.lead{

    font-size: 140%;

    line-height: 1.2;

    font-weight: 300;

}

.text{

	font-size: 16px;

	font-weight: 300;

	color: #6c7078;

	line-height: 1.8;

}

.text h1,

.text h2,

.text h3,

.text h4,

.text h5,

.text h6{

	color: #4ad2d2;

}



.dropcap{

    float: left;

    font-size: 3em;

    line-height: 1;

    padding: 2px 8px 2px 0;

}





.big-icon{
	display: block;
    width: 120px;
    height: 120px;
    margin: 0px auto;
    background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
    text-align: center;
    line-height: 120px;
    border-radius: 200px;
    font-size: 44px;
    color: #fff;
 
    -webkit-transition: all .27s cubic-bezier(0,.0,.7,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.7,1);
    -o-transition: all .27s cubic-bezier(0,.0,.7,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.7,1);
    transition: all .27s cubic-bezier(0,.0,.7,1);
    box-shadow: 0 7px 13px -3px rgb(24 25 26 / 10%), 0 2px 4px 0 rgb(24 25 26 / 15%), inset 0px -2px 0px rgb(10 11 8 / 25%);
}

.big-icon:hover{
	color: #fff;
	background-image: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
	}
	

.big-icon .fa-play{

	position: relative;

	left: 4px;

}

.big-icon.big-icon-rs{

    border: none;

    width: auto;

    height: auto;

    font-size: 96px;

}

.play { 
  	background: linear-gradient(135deg,  #4ad2d2 0%,#4ad2d2 100%);
    border-radius: 50% / 10%;
    color: #7A25F3;
    font-size: 16px;
    height: 50px;
    margin: 20px auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: 0.1em;
    transition: all 150ms ease-out;
    width: 60px;

}

.play:hover {
  opacity: .7;
}

.play::before { 
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

.play::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent #000;
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}

.big-icon-link{

	position: absolute;
    top: 27%;
    right: 43%;

}

.big-icon-link:hover{

    border-color: transparent !important;

}

.big-icon-link:hover .big-icon{
	color: #000;
	-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: 300;

	

	text-align: center;

	text-transform: uppercase;

	opacity: .9;



	-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);

}



.big-icon-link:hover,

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

	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: #4ad2d2;

    border-color: rgba(24, 25, 26, .75);

}

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

    color: #4ad2d2;

    border-color: #4ad2d2;

}

.wide-heading.black{

    color: rgba(24, 25, 26, .87);

}

.big-icon-link.black:hover,

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

	color: #4ad2d2;

	text-decoration: none;

}

.sub-heading.black{

	color: rgba(24, 25, 26, .75);

}







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

   Buttons

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




.btn-mod,

a.btn-mod{

    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 2px 18px;

  	color: #fff!important;

  	background-image: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);


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

	border: none;

	font-size: 11px;

	font-weight: 700;


	text-decoration: none;

	



	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;



    -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{
	opacity: .8;

}

.btn-mod:active{

	cursor: pointer !important;

    outline: none !important;

}



.btn-mod.btn-small{

    height: auto;

  	padding: 4px 16px;

	font-size: 12px;


}

.btn-mod.btn-medium{

    height: auto;

  	padding: 5px 25px;
    font-size: 14px;
}

.btn-mod.btn-large{

    height: auto;

  	padding: 8px 16px;
  	font-weight: 700;
	font-size: 16px;
	background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    width: 100%;

}

.btn-mod.btn-xlarge{

    height: auto;
    padding: 16px 36px;
    font-size: 18px;

}



.btn-mod.btn-glass{

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

  	background: rgba(24, 25, 26, .40);

}

.btn-mod.btn-glass:hover,

.btn-mod.btn-glass:focus{

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

  	background: rgba(24, 25, 26, 1);

}



.btn-mod.btn-border{

  	color: #4ad2d2;

	border: 2px solid #4ad2d2;

  	background: transparent;

}

.btn-mod.btn-border:hover,

.btn-mod.btn-border:focus{

  	color: #fff;

	border-color: transparent;

  	background: #4ad2d2;

}



.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: #4ad2d2!important;

	border-color: transparent;

  	background: #fff;

}


.btn-mod.btn-b{

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

}

.btn-mod.btn-b:hover,

.btn-mod.btn-b:focus{



  	background: #000;

  	color: #fff!important;

}


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

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

.btn-mod.btn-w{

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

}

.btn-mod.btn-w:hover,

.btn-mod.btn-w:focus{



  	background: #fff;

  	color: #4ad2d2!important;

}



.btn-mod.btn-w-color{

  	color: #e41919;

  	background: #fff;

}

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

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

	color: #4ad2d2;

  	background: #fff;

}



.btn-mod.btn-gray{

  	color: #6c7078;

  	background: #e5e5e5;

}

.btn-mod.btn-gray:hover,

.btn-mod.btn-gray:focus{

  	color: #444;

  	background: #d5d5d5;

}

.bg-lighterblue {
	background: #1F2227;
	}

.bg-pink {
	background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
}

.bg-pinkgradient {
   background: linear-gradient(to right,  #4ad2d2 0%,#4ad2d2 100%);

}

.pinkgradient {
    background: linear-gradient(135deg,  #4ad2d2 0%,#4ad2d2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.font100 {
    font-size: 84px;
}

.smallboy {
    font-size: 0.6em;
    vertical-align: super;
    margin-left: 5px;
}


.mainbox {

    border-radius: 6px;
    border: 1px solid #000;
    box-shadow: 4px 4px 0px #000;
}

.boxhovers {    
	-webkit-transition: all .45s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .45s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .45s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .45s cubic-bezier(0, .0, .58, 1);
    transition: all .45s cubic-bezier(0,.0,.58,1);
    }

.boxhovers:hover {
	border: 1px solid #4ad2d2;
	box-shadow: 4px 4px 0px #4ad2d2;
}

.boxhovers2 {    
	-webkit-transition: all .45s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .45s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .45s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .45s cubic-bezier(0, .0, .58, 1);
    transition: all .45s cubic-bezier(0,.0,.58,1);
    }

.boxhovers2:hover {
	border: 1px solid #fff;
	box-shadow: 4px 4px 0px #fff;
}



.btn-mod.btn-color{

  	color: #fff;

  	background: #4ad2d2;

}

.btn-mod.btn-color:hover,

.btn-mod.btn-color:focus{

	
  	background: #000;
}

.btn-mod.btn-color2{
	color: #fff!important;
  	background: #4ad2d2;
}

.btn-mod.btn-color2:hover,

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

.btn-mod.btn-colorgradient {
	background: #000;
	background: -moz-linear-gradient(top,  #000 0%, #000 100%);
	background: -webkit-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 );
	box-shadow: inset 0 -2px 0 1px rgba(24, 25, 26,.25),inset 0 1px 0 0px rgba(255,255,255,.2) !important;

	font-family: 'inter', 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: #4ad2d2!important;
}

.btn-mod.btn-color3{

  	color: #fff;

  	background: #000;
    

}

.btn-mod.btn-color3:hover,

.btn-mod.btn-color3:focus{
	color: #fff;
  	background: #4ad2d2;
    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: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}

.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: #6c7078;

	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: #4ad2d2;

}

.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: 27px;

    vertical-align: middle;

	
	font-weight: 300;


	

	color: #6c7078!important;
	font-size: 14px;
	letter-spacing: .5px;


    padding-left: 7px;

    padding-right: 7px;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;



    -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: 'inter', 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: #000;

}

.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: #6c7078!important;

	border: #000;



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

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

	box-shadow: 0 0 3px rgba(24, 25, 26, .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: 46px;

    padding-left: 15px;

    padding-right: 15px;

    font-size: 14px;

}

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

.input-lg {
	border: 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);
    height: 44px;
    border: none;
    background: #f0f2f5;
    -webkit-box-shadow: inset 0 1px 1px rgba(24, 25, 26,0.075);
    box-shadow: inset 0 1px 1px rgba(24, 25, 26,0.075);
   padding-left: 45px!important;
}

.input-lg:focus {
	
;


}

.input-lg:hover {
	
    


}

.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;

}

.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;

}

.form textarea{

	font-size: 12px;

	font-weight: 300;

	text-transform: uppercase !important;

	

	color: #6c7078;

	border-color: rgba(24, 25, 26, .1);

    outline: none;

	font-family: 'inter', 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(24, 25, 26, .2);

}

.form textarea:focus{

	color: #4ad2d2;

	border-color: rgba(24, 25, 26, .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;
	border-radius: 30px;
    border: 15px solid #fff;

}



.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;

}



/* 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 -13px;

    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;

    bottom: 4px;

    color: #000;

    font-size: 36px;

    -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);


}





/*

 * 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: 300;

	

	color: #fff;

    opacity: .9;

}

.hs-line-2{

    margin-top: 0;

	position: relative;

	font-size: 72px;

	font-weight: 300;

	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, .6);

}



.hs-line-4{

    margin-top: 0;

    position: relative;

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

	

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

}

.hs-line-5{

    margin-top: 0;

    position: relative;

	font-size: 62px;

	font-weight: 300;

    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: 700;

    text-transform: uppercase;

    

    line-height: 1.2;

}

.hs-line-8{


	font-size: 22px;

	font-weight: 300;


}




.hs-line-9{

    font-size: 26px;

}

.hs-line-10{



	font-size: 28px!important;
    font-weight: 700!important;



}



.hs-line-10.highlight{

    background: #e41919;

    opacity: .65;

}

.hs-line-10.transparent{

    background: none;

    color: #aaa;

    padding: 0;

}

.hs-line-11{

    margin-top: 0;

    position: relative;

	font-size: 30px;



    line-height: 1.2;

}

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

    position: relative;

	font-size: 48px;



    line-height: 1.1;



}

.subhead {

    line-height: 1.6;

    font-size: 20px;

    color: #6c7078;
    

}

.subhead2 {
    line-height: 1.6;
    font-size: 18px;
    letter-spacing: 3.5px;
}

.subheadbig {

    line-height: 1.6;

    font-size: 26px;

    font-weight:300!important;

    color: #6c7078;

}

.subhead3 {

    line-height: 1.6;

    font-size: 18px;

    font-weight: 300;

    color: #6c7078;

}

.subhead a {
	-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);


}

.subhead2 a {
	-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);


}

.hs-line-13{

    font-size: 28px;

    line-height: 1.1;

	

}

.thunder {
    font-family: "pressio-condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: .9;
    text-transform: uppercase;
}



.headerbrah {
	font-family: 'inter', sans-serif;
    line-height: 1.2;
    font-weight: 700!important;
    letter-spacing: -.02em;
    
}

.headerbrah2 {
	font-family: 'inter', sans-serif;
    line-height: 1.2!important;
    font-weight: 700!important;
	letter-spacing: -.02em;
}

.headerbrah3 {
	font-family: 'inter', sans-serif;
    line-height: 1.2!important;
    font-weight: 400!important;
	letter-spacing: -.02em;
}

.linedtop {

}

.linedtop:before {
    background: #000;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    z-index: 2;
    height: 1px;  
}

.linedtop span {
   	background: #fff;
    padding: 0px 15px 0px 15px;
    z-index: 2;
    position: relative;
}

.linedtop2 {

}

.linedtop2:before {
    background: #ddd;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    z-index: 2;
    height: 1px;  
}

.linedtop2 span {
   	background: #ffffff;
    padding: 0px 15px 0px 15px;
    z-index: 2;
    position: relative;
}



.jumbo{
    font-size: 52px;


}

.hs-line-14{
   	font-size: 64px;
    line-height: 1!important;


}

.hs-line-12 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);
    color: #000!important;
}

.hs-line-12 a:hover {
	color: #4ad2d2!important;
}

.hs-line-14 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);
}

.hs-line-14 a:hover {
	color: #000!important;
}

.hs-line-15{

    margin-top: 0;

    position: relative;

    font-size: 68px;


    line-height: 1.1;

}

.line16 {
	line-height: 1.6;
}

.no-transp{

    opacity: 1 !important;

}



.fullwidth-galley-content{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 25;

}



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

   Top bar

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



.top-bar {
    background: #176399;
    font-size: 12px;
    padding: 8px;
}


.top-bar2 {
   	background: #fff;

    font-size: 12px;
    padding: 8px;
}



/*

 * Top links

 */



.top-links{

    list-style: none;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

}

.top-links li{

    float: left;


}

.top-links li:last-child{

   

}

.top-links li .fa{

    font-size: 14px;

    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: 28px;

    line-height: 28px;

    padding-left: 35px;

    text-decoration: none;

    text-align: center;

    color: rgba(101, 103, 107, 0.7);
	font-weight: 700;


    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
	
	letter-spacing: .5px;
}

.top-links li a:hover{

	color: #6c7078;
}



/*

 * Top bar dark

 */



.top-bar.dark{

    background-color: #333;

    border-bottom: none;

}

.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: #aaa;

}

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

    color: #ccc;

    background-color: rgba(255,255,255, .05);

}





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

   Classic menu bar

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


.stepshighlightnav {
    display: inline;
    padding: 1px 5px;
    border-radius: 1px;
    color: #fff;
}


/* Logo (in navigation panel)*/

.navborder {
    background: #4ad2d2;
	
    border-radius: 6px;
    padding: 0px 25px;

}

.nav-logo-wrap{

	float: left;

	margin: 0px;


}

.nav-logo-wrap .logo{

	display: table-cell;

	vertical-align: middle;

	max-width: 140px;

    height: 70px;
	-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 {
	
}

.nav-logo-wrap .logo img{
	padding: 0px;

    max-height: 100%;
  
    -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:before,

.nav-logo-wrap .logo:after{

	display: none;

}

.logo,

a.logo:hover{

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

	font-size: 18px;

	font-weight: 300 !important;

	text-transform: uppercase;

    

	text-decoration: none;

	color: rgba(24, 25, 26, .9);

}



/*

 * Desktop nav

 */



.main-nav{

	width: 100%;

	height: 70px !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: 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 {

	background: #fff;

}





.small-height{

    height: 70px !important;

}

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

	height: 70px !important;

	line-height: 70px !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: 12px;

	font-weight: 300;


	text-align: center;

	line-height: 1.3;

}

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

.inner-nav ul li a{

	color: #000;
	display: inline-block;

	-moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

	box-sizing: border-box;

	text-decoration: none;
	font-size: 12px;

	-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);

}

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

	border-top: none!important;

}

.inner-nav ul li a:hover,

.inner-nav ul li a.active{

	opacity: .7;

	text-decoration: none;

}


/* Menu sub */



.mn-sub{
	
	display: none;

	width: 310px;

	position: absolute;

	top: 100%;

	left: 50px;

	padding: 0;
	background: #fff;
    border-radius: 0px 0px 6px 6px;
}

.mn-sub li{

	display: block;

	width: 100%;

	margin: 0 !important;

}

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

	}
	
	
.main-nav.light .inner-nav ul li .mn-sub li a{



	
	}
	
	
.main-nav.light .inner-nav ul li .mn-sub li a:hover{
	
	opacity: .7;
	
	}

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

	display: block;

	width: 100%;
	border-top: 1px solid #ddd;
    
	height: auto !important;
	
    line-height: 1.5!important;

	position: relative;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0!important;

	padding: 15px!important;

    font-size: 12px;

	text-align: left;

	border-left: none;

	border-right: none;

    

	cursor: pointer;
	color: #ffffff;
	text-align: left!important;

}



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

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

}



.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;


    text-align: left;

    white-space: nowrap;

}

.mn-sub-multi{

    width: 270px !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{

    font-weight: 700;

    text-transform: uppercase;

    color: #fff !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{



}

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

    border-bottom: none !important;

}



/*

 * Mobile nav

 */

.signinnav {
	border-left: 1px solid rgba(30, 42, 56, 0.5); 
	box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.15);
	font-size: 12px;
}

.mobile-on .desktop-nav{
	display: none;
    width: 106.5%;
    position: absolute;
    top: 100%;
    left: -15px;
    padding: 0px;
    z-index: 100;
    border-radius: 6px;

}

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

    padding: 0;

}





.mobile-on .desktop-nav ul{

	width: 100%;

    float: none;

	
	
    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{
	margin-left: 0px!important;
	display: block;

	width: 100%;

	height: 55px !important;

	line-height: 55px !important;

	position: relative;

    -webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0 15px;

	text-align: center;

	border-left: none;

	border-right: none;
	text-align: left!important;

	border-top: 1px solid #ddd;
    font-size: 12px;
    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: 24px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    right: 12px;
    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 ;

	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: 24px;

	font-weight: 300;

	text-transform: uppercase;
	cursor: pointer;
	text-align: right;


	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;



	-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);



	-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: #6c7078;

}

.mobile-nav:active{

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

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

	box-shadow: 0 0 35px rgba(24, 25, 26,.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: right;

	font-size: 28px;

}



/* 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.dark{
	
	border-bottom: 1px solid #ddd;

	background: #ffffff;

	-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{

	font-family: 'inter', sans-serif;
    font-weight: 600;
    text-align: right;
    margin-left: 65px;
   letter-spacing: -.02em;
    

}



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

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

	opacity: .7;

}



.main-nav.dark .mobile-nav{

	background-color: transparent;

	border-color: transparent;

	color: #000;

}

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

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

	
}



.main-nav.mobile-on.dark .inner-nav{
	border-bottom: 1px solid #4ad2d2;
	border-top: 0px solid rgba(100,100,100, .4);
	background: #ffffff;
}



.main-nav.dark .logo,

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

	font-size: 18px;

	font-weight: 700;

	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: #ffffff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

}



.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);

}

.graybox {
	border-radius: 8px;
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f5 100%);
    background: linear-gradient(to top, #ffffff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );
    border: 4px solid #ffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
	padding: 15px
}

.grayboxpad {
	padding: 40px 25px 0px 25px;
}

.smarterbox {
	border: 2px solid #f1f2f5;
    padding: 20px;
    border-radius: 8px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f5 100%);
    background: linear-gradient(to top, #ffffff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );

    border: 4px solid #ffff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}


.blackbox {
	background: #101217;
	background: -moz-linear-gradient(top,  #101217 0%, #000000 100%);
	background: -webkit-linear-gradient(top,  #101217 0%,#000000 100%);
	background: linear-gradient(to bottom,  #101217 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101217', endColorstr='#000000',GradientType=0 );

	padding: 35px;
	border-radius: 8px;

} 
.guidebox2 {
    background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    padding: 35px;
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    border-radius: 8px;
}

.stepsbox2 {
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f5 100%);
    background: linear-gradient(to top, #ffffff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );
    padding: 25px;
    border-radius: 8px;
    border: 4px solid #ffff;
	padding: 15px 15px 25px 15px;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.stepsbox3 {
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f5 100%);
    background: linear-gradient(to top, #ffffff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );
    padding: 25px;
    border-radius: 8px;
    border: 4px solid #fff;
    padding: 25px;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.stepsbox4 {
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f5 100%);
    background: linear-gradient(to top, #ffffff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );
    padding: 25px;
    border-radius: 8px;
    border: 4px solid #fff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);

	min-height: 202px;
}




.guidebox {
    background: #f1f2f5;
    padding: 25px;
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    border-radius: 8px;
}


.guidebox img {
   
    width: 65%;

}

.main-nav.light{

	background: #fff;
	-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: 0px 1px 5px rgb(18 23 58 / 22%);

}


.main-nav.light .inner-nav ul > li > a{
	color: #fff;
   font-family: 'inter', sans-serif;
    font-weight: 700;
    text-align: right;
    margin-left: 65px;


}

.nohover {
	background: none;
	padding-right: 0px!important;
	padding-left: 10px;
}
.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: rgba(255, 255, 255, 0.7);

}



.main-nav.light .mobile-nav{

	background-color: transparent;

	border-color: transparent;

	color: #fff;

}

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

.main-nav.light .mobile-nav.active{

	color: #4ad2d2;

}

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

}

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

	border-top: 0px solid rgba(100,100,100, .4);
	background: #fff
}



.main-nav.light .logo,

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

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	text-decoration: none;

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

}



.main-nav.light .mn-sub{

    

}



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

    

}

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

    

}



/*

 * 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 .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);

}





/*

 * 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(24, 25, 26, .1);



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -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);

}

.mn-soc-link:hover{

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

}

.main-nav .tooltip{

    font-size: 12x;

    text-transform: none;

    

}





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

   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 .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);

}







.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;

}



.fm-button {
    display: block;
    position: absolute;
    right: 1em;
    width: 34px;
    height: 60px;
    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);


}

.fm-button:hover{

    opacity:.8;

}

.fm-button2 span {
	color: #4ad2d2;
}

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

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

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

.fm-button span{

    display: block;

    width: 34px;

    height: 2px;

    background: #fff;

    position: absolute;

    top: 46%;





    -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: #fff;

    position: absolute;

    top: -10px;

    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: -10px;

}



.fm-button span:before:hover,

.fm-button span:after:hover {

	top: -10px;
	color: #000;

}



/* 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: 93%;

    position: fixed;

    top: 58px;

    left: 0;



    overflow-x: hidden;

    overflow-y: auto;

    background: #2670c3;

    z-index: 2000;



    -moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;
	
	background-image: url(../images/blueflag.png);
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: center!important;
    background-attachment: inherit;

}

.fm-wrapper-sub{

    display: table;

    width: 100%;

    height: 100%;

    opacity: 0;



    -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: 10px 0;

	line-height: 1.3;

    text-align: center;

}

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

	padding: 0;

}

.fm-menu-links a{

	font-size: 36px;
    text-align: center;
    
    line-height: 1;
    display: block;
    position: relative;
    margin: 0;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
   font-family: 'inter', 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);
    text-transform: capitalize;
    z-index: 11;

}

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

.fm-menu-links a:active,

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

	-webkit-transform: scale(1.15) rotate(-2deg);
    -moz-transform: scale(1.15) rotate(-2deg);
    -o-transform: scale(1.15) rotate(-2deg);
    -ms-transform: scale(1.15) rotate(-2deg);
    transform: scale(1.15) rotate(-2deg);

}

.fm-menu-links li{

	margin: 0;

	padding: 0;

	position: relative;

	overflow: hidden;

}



.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: 700;

}



.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, .6);

}

.fm-search .search-button:hover{

    color: #fff;

}





/* Social links */



.fm-social-links{

	padding: 10px;

	font-size: 14px;

    text-align: center;

}

.fm-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;



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -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);

}

.fm-social-links > a:hover{

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

	color: #999;

}





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

   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;



	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: 300;

}

.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-contenttest {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/contenttest.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;


}

.bg-moretraffic {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/trafficicon.png);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-contentdiscovery {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/contentdiscovery.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-contentstrategy {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/contentstrategy.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-brandingstrategy {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/brandingstrategy.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-brandingexecution {
	padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/brandingexecution.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-contentdevelopment {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/contentdevelopment.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-contentpublishing {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/contentpublishing.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.bg-brandexecution {

    padding: 0px;

    min-height: 600px;

    background-repeat: no-repeat;

    background-image: url(../images/brandexecution.jpg);

    background-size: cover;

    background-color: #fff;

    background-position: center;
}

.imageshrink {
	width: 80%;
}

.imageshrink2 {
	width: 90%;
}

.casestudyboxdarkpad {
	padding: 35px;
}

.casestudyboxdark {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
    background: rgb(0 0 0 / 35%);
  
    border-radius: 10px;
    }
    
.casestudyboxlight {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
    background: #f1f2f5;
    padding: 35px;
    border-radius: 10px;
    }
.pillarbox {

    border-radius: 10px;
}

.pillarboxpad {
 	padding: 35px 25px;
 	min-height: 200px;
 	border: 1px solid #d5d6d9;
 	border-radius: 0px 0px 16px 16px;
 	}

.pillarbox img {
	border-radius: 16px 16px 0px 0px;

}

.borderboyfullgray {
    border-top: 1px solid #000;
    box-shadow: 0px 1px 0px rgb(255 255 255/20%);
}

.bragbox {
	padding: 5px 15px;

}

.bragboxicons {
	float: left;
    font-size: 34px;
    margin-right: 10px;
    margin-top: -11px;
}

.logosbox {
	background: #9100ED;
    border-radius: 10px;
    padding: 25px 25px 4px 25px;
	text-align: center;

}

.logosbox img {
	width: 75%;
}

.branches {
    float: left;
    width: 45px;
    margin: 3px 15px 0px 0px;
}
.checkmark {
	background: #50b3db;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 100px;
    font-size: 25px;
    text-align: center;
    color: white;
    margin-bottom: 10px;
}
.bignumbers {
    font-size: 100px;
    font-weight: 700;
    font-style: initial;
    float: left;
    margin: 0px 25px 0px 0px;
    background: #cb1111;
    width: 100px;
    height: 150px;
    text-align: center;
    line-height: 160px;
    border-radius: 12px;
    color: #fff;
    box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
}

.border-radius {
	border-radius: 10px;
}

.adicons {
	float: left;
    font-size: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: linear-gradient(135deg, #4ad2d2 0%, #4ad2d2 100%);
    color: #000;
    border: none;
    border-radius: 8px;
    text-align: center;
    margin: 3px 25px 50px 0px;
}

.adbox {
	border-radius: 10px;
	padding: 40px;
	background: #f1f2f5;
	position: relative;
}

.bg-bluetowhite{
    background-image: linear-gradient(to bottom, #176399 0%, #176399 350px, #fff 350px, #fff 100%);
    background-attachment: inherit;
}

.bg-mostlybluetowhite{
    background-image: linear-gradient(to bottom,#4ad2d2 0%,#4ad2d2 88%,#fff 88%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlybluetowhite a {
	color: #000;
}


.bg-mostlygraytowhite {
    background-image: linear-gradient(to bottom,#000 0%,#000 400px,#fff 400px,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlywhitetogray2 {
    background-image: linear-gradient(to top,#f1f2f5 0%,#f1f2f5 9%,#fff 9%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlywhitetoblack2 {
    background-image: linear-gradient(to top,#000 0%,#000 78%,#fff 78%,#fff 100%);
    background-attachment: inherit;
}


.bg-mostlygraybottom3 {
    background-image: linear-gradient(to bottom,#f1f2f5 83%,#f1f2f5 83%,#fff 180px,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlygraybottom2 {
    background-image: linear-gradient(to bottom,#fff 0%,#fff 180px,#f1f2f5 180px,#f1f2f5 100%);
    background-attachment: inherit;
}


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

.lightgray {
	color: rgb(101 103 107 / 50%)!important;
}

.bg-lightgray {
	background: #f7f9fa;
}
.bg-graygradient{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f2f5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f2f5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f2f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );
	}
	
	
.bg-graygradientreverse{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #f1f2f5 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f2f5 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f2f5 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f5', endColorstr='#ffffff',GradientType=0 );
	}
.bg-graygradientlong {
	background: #f1f2f5;
	background: -moz-linear-gradient(top,  #f1f2f5 0%, #f1f2f5 88%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f2f5 0%,#f1f2f5 88%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f2f5 0%,#f1f2f5 88%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f5', endColorstr='#ffffff',GradientType=0 );

}	
.ctaborder {
	    border-left: 2px solid;
    padding: 10px 70px 10px 20px;
}


.casebgboys {
	    background-position: center 40px;
	    background-size: contain;
	    background-repeat: no-repeat;
}

.bg-darkgradient{
	background: linear-gradient(to bottom,  #1F2227 0%,#000 100%);

}



.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 .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);

}



.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{

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

    text-decoration: none;

}



.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 .white,

.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{
	background: #4ad2d2;

}

.bg-gold {
	background: linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);
}

.bg-dark2 {
	background:#1F2227!important;
}

.bg-dark3 {
    background: #3c4250 !important;
}

.bg-gradient{
	background: #f1f2f5;
	background: -moz-linear-gradient(top,  #f1f2f5 0%, #ffffff 70%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f1f2f5 0%,#ffffff 70%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f1f2f5 0%,#ffffff 70%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f5', endColorstr='#ffffff',GradientType=0 );
}

.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: -moz-linear-gradient(to bottom,#000000 0%,rgba(0, 0, 0, 0.65) 50%,#000000 100%);
    background: -webkit-linear-gradient(to bottom,#000000 0%,rgba(0, 0, 0, 0.65) 50%,#000000 100%);
    background: linear-gradient(to bottom,#000000 0%,rgba(0, 0, 0, 0.65) 50%,#000000 100%);

}

.quotepictransparent {
    width: 65px;
    border-radius: 100px;
    background: #fb771a;
   
}


.bg-dark-alfa-50:before,

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

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

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




}

.bg-dark-alfa-70:before,

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

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: linear-gradient(rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.5) 100%);
}

.bg-dark-alfa-90:before,

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

	content: " ";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

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

}

.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: rgba(252,252,252, .30);

}

.bg-light-alfa-50:before,

.bg-light-alfa-50 .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,1) 7%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 7%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 7%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );




}

.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: #e41919;

    opacity: .3;

}

.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: #58bf44 !important; }

.bg-graydark {
	background: #6c7078!important;
}

.graydark {
	color: #6c7078;
}
.bg-red {
	background: #ee383a!important;
 }
 
 .bg-blue {
	background: #4ad2d2!important;
 }
 
 .blue2 {
	 color: #176399;
 }
 
 .bg-blue2 {
	 background: #176399!important;
 }
 
 .bg-lightblue {
	 background: #2670c3;
 }



.section-title {

    font-size: 38px;

    font-weight: 700;

    text-align: center;

    

    line-height: 1.2;

}

.section-title2 {

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




.subheadline {

    margin-top: 0;

    position: relative;

    font-size: 22px;

    font-weight: 300;

    line-height: 1.618;

    text-align: center;

    color: #6c7078;

}

.learnarrow {
	margin-left: 5px;
}


.section-more{
	font-style: normal;
    margin-top: 0px;
	font-weight: 700;
    color: #fff;

    font-size: 14px;


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

    text-decoration: none;

	border: 1px solid #4ad2d2;
    padding: 5px 10px;
    border-radius: 100px;

    -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);

}

.section-more:hover{

    text-decoration: none;

    border: 1px solid #fff;
	color: #fff;


}

.section-more .fa{

    font-size: 14px;

}



.section-heading {

    margin-bottom: 15px;

    font-size: 24px;

    font-weight: 300;

    text-transform: uppercase;

    text-align: center;

    

    line-height: 1.3;

}

.section-line{

	width: 55px;

	height: 1px;

	margin: 30px auto;

	background: #4ad2d2;

}

.section-text{

	font-size: 15px;

	font-weight: 300;

	color: #6c7078;

	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: 300;

    

    text-decoration: none;

    text-transform: uppercase;



    -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);

}

.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;

}

.bg-black {
	background: black;
}

.fixed-height-large{

    min-height: 800px;

}

.fixed-height-medium{

    min-height: 700px;

}

.fixed-height-small{

    min-height: 560px;

}

.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(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.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(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.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: 14px;

    font-weight: 300;




    -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: #4ad2d2;



    -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: 700;

    text-transform: uppercase;

    

    padding: 0;

    color: #4ad2d2;

    line-height: 1.2;

}







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

   Team

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



.team-grid{



}

.team-item{
	margin-bottom: 30px;
    background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.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 .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);

}



.team-item-detail{

	opacity: 0;

	width: 100%;

	position: absolute;

	top: 50%;

	left: 0;

	padding: 20px 23px 55px;

	font-size: 14px;


	color: #4ad2d2;

	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 .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);

}



.team-item-descr{

	padding: 10px;

    color: #fff;

    text-align:center;

    -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);
    background: #2b3036;

}



.team-item-name {

    margin-top: 0px;

    padding: 0;

    font-size: 20px;

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

}

.team-item-role{

	margin-top: 0px;

	font-size: 14px;

    

	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: #000;



	-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);

}







/* 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: #4ad2d2;

}



/* 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: #4ad2d2;

}

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

	color: rgba(24, 25, 26, .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: 300;

	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(24, 25, 26, .9);

}

.features-title.black{

	color: rgba(24, 25, 26, .9);

}

.features-descr.black{

	color: rgba(24, 25, 26, .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: #4ad2d2;

}

.alt-features-icon img{

    width: 100%;

}

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

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

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

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

.alt-features-title2 a{
	color: #fff;
}

.alt-features-title2 a:hover{
	color: #4ad2d2;
}


.alt-features-descr {

    color: #6c7078;

    font-size: 12px!important;

    line-height: 1.618;

}






.nopad {

	padding: 0px!important;

}

.nopadinfinite {

	padding: 2px!important;


}

.nopadnew {

	padding: 2px!important;


}

.smallpad {

	padding: 4px!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(24, 25, 26, .025);



	-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);

}

.benefit-icon{

	position: relative;

	margin-bottom: 6px;

	font-size: 32px;

}

.benefit-title{

	position: relative;

	margin: 0 0 17px 0;

	padding: 0;

	font-size: 14px;

	text-transform: uppercase;

}

.benefits-descr{

	position: relative;

	font-size: 13px;

    font-weight: 300;

	color: #6c7078;

}



.benefit-item:after{

	content: " ";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(24, 25, 26, .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(24, 25, 26, .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

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

.stepsbg {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #000;
    background: linear-gradient(135deg,  #4ad2d2 0%,#4ad2d2 100%)!important;
    border-radius: 160px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    text-align: center;
    font-weight: 700;
    float: left;
    margin: -6px 15px 20px 0px;
}



.count-wrapper{




}

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

	font-weight: 700;
	color: #000;

	line-height: 1.3;

	text-align: center;

}

.count-number:after {
	content: "+";
    color: #4ad2d2;
    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: 14px;

}



.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;
	
	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: 300;
	text-transform: uppercase;
	
	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: #4ad2d2;
}

.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: #4ad2d2;
}

.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: #f1f2f5;
}
.work-back-link{
	margin: 20px 0 0;
	display: block;
	background: #fff;
	font-size: 11px;
	text-transform: uppercase;
	
	color: #4ad2d2;
}
.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: 300;
}
.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(24, 25, 26, .05);
}
.work-full-detail p:last-child{
    border-bottom: 1px solid rgba(24, 25, 26, .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, .6);

}



.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: 'inter', sans-serif;

	font-size: 18px;

	font-style: normal;

    font-weight: 300;

	

    opacity: .85;

}

.testimonial p{

    font-size: 18px;

}

.testimonial-author{



}



/*

 * Logotypes

 */



.logo-item{

    height: 65px;

    margin: 0px auto;
    text-align: center;

    



    -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);

s

}

.logo-item:hover{

    opacity: 1;

}

.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;

}

.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{

    width: 100%;

}

.post-prev-title{

    margin-bottom: 6px;

    font-size: 15px;

    text-transform: uppercase;

    

}

.post-prev-title a{

    color: #6c7078;

    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: #4ad2d2;

}

.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: #4ad2d2;

}

.post-prev-text{

    margin-bottom: 22px;

    color: #6c7078;

    font-size: 15px;

    font-weight: 300;

    line-height: 1.75;

}







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

   Newsletter

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

label {
	font-weight: 700;
}

.newsletter-label{

    margin-bottom: 15px;

    font-size: 16px;

    font-weight: 300;

    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: #6c7078;

}

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

    color: #4ad2d2;

}



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

    color: #6c7078;

}

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

    color: #4ad2d2;

}



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

    color: #6c7078;

}

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

    color: #4ad2d2;

}



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

    color: #6c7078;

}

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

    color: #4ad2d2;

}





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

   Contact section

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


.contact-social-links{
    font-size: 14px;
    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: #4ad2d2;
	background: -moz-linear-gradient(top,  #4ad2d2 0%, #4ad2d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ad2d2), color-stop(100%,#4ad2d2));
	background: -webkit-linear-gradient(top,  #4ad2d2 0%,#4ad2d2 100%);
	background: -o-linear-gradient(top,  #4ad2d2 0%,#4ad2d2 100%);
	background: -ms-linear-gradient(top,  #4ad2d2 0%,#4ad2d2 100%);
	background: linear-gradient(to bottom,  #4ad2d2 0%,#4ad2d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ad2d2', endColorstr='#4ad2d2',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: #4ad2d2;

    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: #4ad2d2;



    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;



    -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: #6c7078;

    font-size: 12px;

    font-weight: 300;

    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: #4ad2d2;

}

#map-canvas{

	height: 410px;

    position: relative;

	background-color: #4ad2d2 !important;

    z-index: 1;

}

.gm-style-cc{

	display: none !important;

}

.gm-style-iw div{

	color: #6c7078;

}

.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: #4ad2d2;



    -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: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;



    -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: 0px 10px;
}
.footercircle {
	width: 180px;
    opacity: .1;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    border: 4px solid #fff;
    border-radius: 4px;
}

.footersocial {
	text-align: right;
	margin-bottom: 20px;
}

.instagram {
	display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    line-height: 29px;
    vertical-align: middle;
    color: rgb(0 0 0 / 25%)!important;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0px 0px 0px 10px;
    border: 1px solid rgb(0 0 0 / 20%);
}

.instagram:hover {
	-webkit-animation: tada 1s ease-in-out;
    animation: tada 1s ease-in-out;
}



.facebook {
	display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    line-height: 35px;
    vertical-align: middle;
    color: #fff!important;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0px 10px 0px 0px;
	background: #176399;
 
}

.facebook:hover {
	-webkit-animation: tada 1s ease-in-out;
    animation: tada 1s ease-in-out;
}

.twitter {
	display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
    color: #fff!important;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0px 5px;
	background-color: #1DA1F2;

}

.twitter:hover {
	-webkit-animation: tada 1s ease-in-out;
    animation: tada 1s ease-in-out;
}

.linkedin {
	display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
    color: #fff!important;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0px 5px;
	background-color: #0073b2; /* fallback color */
	background: -moz-linear-gradient(top, #009cda, #0073b2);
	background: -webkit-linear-gradient(top, #009cda, #0073b2);
}

.linkedin:hover {
	-webkit-animation: tada 1s ease-in-out;
    animation: tada 1s ease-in-out;
}

.youtube {
	display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
    background: #f00000;
    color: #fff!important;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0px 5px;
	}

.youtube:hover {
	-webkit-animation: tada 1s ease-in-out;
    animation: tada 1s ease-in-out;
}


.footercircle:hover {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.footerwhite{
    font-size: 10px;
    padding: 35px;
    border-radius: 10px;
    border: 2px solid rgba(0, 0, 0, 0.2);
   }

.footerwhite a{


    color: #000;

    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);

}

.footertop {
	width: 90%;
    border-radius: 6px 6px 0px 0px;
    color: #fff;
    font-size: 12px;
    padding: 9px 25px 5px 25px;
    font-family: 'inter', sans-serif;
    
    font-weight: 700;
    background: #1a1d27;
    margin: 0px auto;
    text-align: center;
    
    }


.footer{
    font-size: 10px;
    padding: 35px;
    border-radius: 8px;
    background: #272c3b;
   }

.footer a{


    color: rgba(255, 255, 255, 0.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 a{

    color: #4ad2d2;

    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-white a:hover{

    color: #000;

     text-decoration: none;

}

.footer-copy{
    margin-bottom: 0px;


    font-weight: 700;

}

.footer-made{

    font-size: 11px;

    color: #4ad2d2;

}





.footer-social-links{

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

}

.footer-social-links-white a {
	color: #4ad2d2!important;
}

.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: #4ad2d2;
}

.footer-social-links a{

    width: 20px;

    height: 20px;

    line-height: 20px !important;

    position: relative;

    margin: 0 10px;

    text-align: center;

    display: inline-block;

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


	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: #fff;


}

.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(24, 25, 26, .2);

    font-size: 48px;

}





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

   Blog

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



.blog-item {
  
  
}





.blog-item-date{

	width: 50px;

    padding: 5px;

    position: absolute;

    top: 56px;

    left: -50px;

    font-size: 12px;

    font-weight: 700;

    

    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: 700;

}

.blog-media {
    margin: 0px -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: #4ad2d2;
    line-height: 1.2;
}

.blog-item-title a{

	color: #4ad2d2;

	text-decoration: none;

}

.blog-item-title a:hover{

	color: #000;

	text-decoration: none;

}

.blog-item-data{

	margin-bottom: 30px;


	font-size: 12px;

    

	color: #6c7078;

    font-weight: 700;

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

}

.separator{

	margin: 0 5px;

}

.blog-item-data a{

	color: #4ad2d2;

	text-decoration: none;

	-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);

}

.blog-item-data a:hover{

	color: #000;

	text-decoration: none;

}

.blog-post-data{

    margin-top: 10px;

	text-transform: uppercase;

	font-size: 11px;

    

	color: #aaa;

}

.blog-item-body2{
	padding: 35px;
    box-shadow: 0 55px 80px -40px rgba(24, 25, 26,.45), 0 5px 15px rgba(24, 25, 26,.05);
    border-radius: 3px;

	font-size: 16px;

    font-style: normal;

    color: #6c7078;
	background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    }

.blog-item-body{
	
    font-size: 16px;

    font-style: normal;
	
    color: #6c7078;
	position: relative;
    z-index: 1;
}

.absoluteright4 {
    position: absolute;
    width: 840px;
    right: 0px;
    bottom: 9em;
}

.centeredpic {
    width: 60%;
    margin: 0px auto!important;
    float: none;
    text-align: center;
    display: block;
}


.blog-item-body p {
	line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    color: #6c7078;
    margin-bottom: 25px;
}


.blog-item-body p strong {
 	color: #000;
}

.buttononwhitered {
	border-radius: 6px;
    cursor: pointer;
    background: none;
    color: #fff !important;
    font-size: 16px;
    padding: 10px 24px 10px 24px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-weight: 700;
	display: inline-block;
	background: #ee383a;
	border: none;
    box-shadow: none;
    }

.buttononwhite:hover {
	opacity: .7;
	}
	

.buttononwhite {
	border-radius: 6px;
    cursor: pointer;
    background: none;
    color: #fff !important;
    font-size: 16px;
    padding: 10px 24px 10px 24px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-weight: 700;
	display: inline-block;
	background: #fb771a;
	border: none;
    box-shadow: none;
    }

.buttononwhite:hover {
	opacity: .7;
	}
.comparearrow {
	position: absolute;
	margin-left:7px;
}


.flowpics {
    width: 85%;
}


.buttonondark {
	border-radius: 6px;
    cursor: pointer;
    background: none;
    color: #ffffff!important;
    font-size: 16px;
    padding: 10px 24px 10px 24px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-weight: 700;
	display: inline-block;

	border: 1px solid #4ad2d2;
    box-shadow: 0 5px 20px rgba(103, 200, 189, 0.3);
    
    }

.buttonondark:hover {
	opacity: .7;

	}

.buttonondark2 {
    background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
	border-radius: 100px;
    cursor: pointer;
    color: #fff!important;
    font-size: 18px;
    padding: 10px 22px 6px 22px;
    font-weight: 700;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
    display: block;
    font-family: 'inter', sans-serif;
    font-weight: 700;
    border: none;
    margin: 0px auto;
    }
    
.buttonondark2:hover {
	opacity: .8;
	}	
	

.buttonondarkfull {
    background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
	border-radius: 100px;
    cursor: pointer;
    color: #fff!important;
    font-size: 16px;
    padding: 18px 20px 16px 20px;
    font-weight: 700;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
    display: block;
    width: max-content;
    margin: 0px auto;
    font-family: 'inter', sans-serif;
	width: 100%;
    font-weight: 700;
    border: none;
    }
    
.buttonondarkfull:hover {
	opacity: .8;
	}
	
.buttonondarksmall {
   	background: #f98578;
	background: -moz-linear-gradient(top,  #f98578 0%, #f76c5d 100%);
	background: -webkit-linear-gradient(top,  #f98578 0%,#f76c5d 100%);
	background: linear-gradient(to bottom,  #f98578 0%,#f76c5d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98578', endColorstr='#f76c5d',GradientType=0 );


	border-radius: 3px;
    cursor: pointer;
    color: #fff!important;
    font-size: 12px;
    padding: 8px 14px 6px 14px;
    font-weight: 700;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
    display: block;
    width: max-content;
    margin: 0px auto;
    font-family: 'inter', sans-serif;

    font-weight: 700;
    }
    
.buttonondarksmall:hover {
	opacity: .8;
	}
	
	
.buttonsmall2 {
    background: #ec4f74;
	background: -moz-linear-gradient(top,  #ec4f74 0%, #4ad2d2 100%);
	background: -webkit-linear-gradient(top,  #ec4f74 0%,#4ad2d2 100%);
	background: linear-gradient(to bottom,  #ec4f74 0%,#4ad2d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
	box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);

	border-radius: 100px;
    cursor: pointer;
    color: #fff!important;
    font-size: 12px;
    padding: 6px 16px 4px 16px;
    font-weight: 700;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);    
    font-family: 'inter', sans-serif;

    font-weight: 700;
    border: none;
    }
    
.buttonsmall2:hover {
	opacity: .8;
	}
	


.casestudyicons {

    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 12px;
    margin: 0px 12px 0px 0px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    }
.policiesbox {
    background: #1F2227 !important;
    border-radius: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 25px 25px 0px 25px;
}
.policiesboxsub {
    -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);
    margin-bottom: 35px;

}

.policiesboxicon {
	height: 45px;
    width: 45px;
    background: #000;
    color: rgb(255 255 255 / 50%);
    border-radius: 24px;
    line-height: 45px;
    float: left;
    text-align: center;
    margin: -2px 15px 0px 0px;
    font-size: 16px;
    border-top: 1px solid rgb(255 255 255 / 15%);
}
.smallbuttononwhite {
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 10px 22px 10px 16px;
	background: #000;   
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-family: 'inter', sans-serif;
    font-weight: 600;
   
    }
    
.smallbuttononwhite:hover {
    opacity: .7;
    color: white;
   
    }    
        
.smallbuttonondark {
	background: linear-gradient(135deg,  #4ad2d2 0%,#4ad2d2 100%);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    color: #000!important;
    font-size: 14px;
    padding: 8px 20px 8px 14px;
    font-weight: 400;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-family: 'inter', sans-serif;
    display: inline-block;
    box-shadow: none;
   
    }
    


.smallbuttonondarkwhite {
	background: linear-gradient(#fff,#f1f2f5)!important;
	color: #000!important;
	}     
.smallbuttonondarkfoundations {
	background: linear-gradient(#ff2f9d,#4ad2d2);
	}  
	
.smallbuttonondarktraffictakeover {
	background: linear-gradient(#f863ff,#e200ed);
	} 
	
.smallbuttonondarkstatus {
	background: linear-gradient(#c05efd,#9100ed);
	} 
	
.smallbuttonondarkleadloop {
	background: linear-gradient(#5b20ff,#3F00ED);
	} 			  
    
.smallbuttonondark:hover {
	opacity: .7;
	}

.buttonsmall4 {
    border-radius: 100px;
    cursor: pointer;
    color: #fff!important;
    font-size: 10px;
    padding: 4px 10px 3px 10px;
    font-weight: 700;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-family: 'inter', sans-serif;
    font-weight: 700;
    border: 1px solid #4ad2d2;
    }
    
.buttonsmall4:hover {
	color: #000;
	}
	
.buttonsmallborder {	
	border: 1px solid rgb(255 255 255 / 70%);
    background: none;
    padding: 4px 12px 2px 12px;
    font-size: 10px;
    color: rgb(255 255 255 / 70%);	
    font-weight: 700;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);    
    font-family: 'inter', sans-serif;
	font-weight: 700;
	border-radius: 100px;
    cursor: pointer;
    }

.buttonsmallborder:hover {
	border: 1px solid #fff;
	color:	#fff;
	}
.buttonsmallredfull {
    background: #cb1111!important;
    background: -moz-linear-gradient(top, #f22d2d 0%, #cb1111 100%)!important;
    background: -webkit-linear-gradient(top, #f22d2d 0%,#cb1111 100%)!important;
    background: linear-gradient(to bottom, #f22d2d 0%,#cb1111 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22d2d', endColorstr='#cb1111',GradientType=0 );
    width: 100%;
    display: block;
    width: max-content;
    margin: 0px auto;
    width: 100%;
    text-align: center;
    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 20%);
    border-radius: 3px;
    cursor: pointer;
    color: #fff!important;
    font-size: 12px;
    padding: 8px 14px 6px 14px;	
    font-family: 'inter', sans-serif;
    font-weight: 700;
    
    }
    
.buttonsmallredfull:hover {
	opacity: .8;
} 

.servicespageicons {
   	font-size: 22px;
    border-top: 1px solid rgb(255 255 255 / 10%);
    background: #1F2227;
    border-radius: 12px;
    float: left;
    margin: 0px 10px 0px 0px;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
}   


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

.growhover:hover {
	transform: scale(1.05);
}    


.careersbox {
    border: 1px solid #1c263c;
    border-radius: 6px;
    padding: 35px;
    box-shadow: 4px 4px 0px #1c263c;
}

.careersbox img {
    float: right;
    margin: 0px 0px 25px 65px;
    width: 30%;
}

.homepageicons {
   	font-size: 22px;
    border-top: 1px solid rgb(255 255 255 / 10%);
    background: linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);
    color: #000;
    border-radius: 12px;
    float: left;
    margin: 0px 10px 0px 0px;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
}

.blogpostbox {
    min-height: 400px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 10px;
    -webkit-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.blogpostbox img {
	border-radius: 6px;
	margin-bottom: 10px;
}

.blogpostboxpad {
    padding: 15px;
}

.subpageicons {
	color: #fff;
    background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.3);
    margin: 0px 0px 15px 0px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    border-radius: 30px;
}

.navigationicons {
    float: left;
    border-top: 1px solid rgb(255 255 255 / 10%);
    background: #1F2227;
    border-radius: 10px;
    margin: 0px 12px 0px 0px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    color: #fff;

}

.navigationpics {
	margin: -2px 12px 0px 0px;
    height: 40px;
    width: 40px;
    float: left;
 
}

.navigationicons2 {
   	float: left;
    margin: -2px 12px 0px 0px;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    border-radius: 6px;
    background: #ee383a;
}

.conditionsbox {
	padding: 15px;
	border-radius: 12px;
	border: 1px solid #ddd;
}	

.treatmentbox2 {
	padding: 25px;
	border-radius: 6px;
	background: #ee383a;
	min-height: 225px;
	-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);
}

.treatmentbox2:hover {
	
}

.treatmentbox {
	padding: 25px;
	border-radius: 6px;
	background: white;
	border: 1px solid #ddd;
	min-height: 225px;
	-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);
}

.treatmentbox:hover {
	border: 1px solid #ee383a;
}

.treatmenticons {
	height: 46px;
    width: 46px;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    border-radius: 6px;
    background: #ee383a;
    margin-bottom: 15px;
}	

.topboy {
	letter-spacing: .4px;
    padding-bottom: 2px!important;
}

.donotpaytest {
    margin-top: 7px;
    margin-left: 12px;
    font-size: 10px;
    font-weight: 700;

    position: absolute;
   font-family: 'inter', sans-serif;
    }

.donotpay {
	margin-top: 14px;
	margin-left: 27px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
   font-family: 'inter', sans-serif;
}

.donotpay2 {
	margin-top: 8px;
	font-family: 'inter', sans-serif;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	background: none;
}

.openerimage {
	width:85%;
	float:right;
    
}

.bottomboy {
	width: 90%;
	float: right;
}

.phonenumberbox1 {
	position: fixed;
    bottom: 5%;
    right: 0px;
    background: #fb771a;
    border-radius: 6px 0px 0px 6px;
    z-index: 6;
    width: 220px;
}

.phonenumberbox2 {
	padding: 6px 20px;
}

.phoneicon2 {
   	color: #fff;
    float: left;
    width: 40px;
    text-align: center;
    line-height: 41px;
    font-size: 20px;
    margin: 0px 0px 0px 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px 8px 5px 0px;
}

.bottom-bar-fixed {
    position: fixed;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    background-image: linear-gradient(135deg, #4ad2d2,#4ad2d2,#4ad2d2);
    padding-top: 2px;
    
}

.bottom-bar-fixed2 {

    padding: 10px;
    background: black;
    }

.font8 {
    font-size: 8px!important;
    line-height: 1!important;
}

.blog-item-body p a {
	font-family: 'inter', sans-serif;
	-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);
    color: #6c7078;
    border-bottom: 1px solid #ef3c3e;
    

}

.blog-item-body p a:hover {
	color: #000;
}

.blog-item-body ul, ol {
    margin: 0px 0px;
    padding: 0px 35px 0px 50px;
}

.blog-item-body ol li {
	margin-bottom: 25px;
	line-height: 1.618;
    font-weight: 300 !important;
    color: #6c7078;


}

.blog-item-body ol li p {
	margin-bottom: 20px;
	

}

.blog-item-body li strong {
	font-family: 'inter', sans-serif;
	color: #000;

}


.blog-item-body ul li {
	list-style: none;
	margin-bottom: 25px;
	text-indent: -25px;
	line-height: 1.6;
    font-weight: 300 !important;
    color: #6c7078;
    font-size: 16px;

}

.blog-item-body ul li a {
	font-weight: 700;
    border-bottom: 1px solid #4ad2d2;
}

.blog-item-body img {
    border-radius: 12px;
    margin-bottom: 40px;
}

.blog-item-body ul li:before {
  	font-family: 'FontAwesome';
	content: '\f054';
	padding: 0px 18px 0px 0px;
	color: #4ad2d2;
	font-size: 12px;
}​







.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: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
	font-family: 'inter', sans-serif;
    margin-top: 50px;
    margin-bottom: 5px;
}

.blog-item-body h3 {
    text-align: left;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
   font-family: 'inter', sans-serif;
    margin-top: 50px;
    margin-bottom: 5px;
}


.blog-item-more{

    border: 1px solid #eaeaea;

    padding: 5px 10px;

	font-size: 12px;

    font-weight: 300;

    text-transform: uppercase;

	color: #6c7078;

    



	-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);

}

.blog-item-more:hover{

	text-decoration: none;

    border-color: #4ad2d2;

}

a.blog-item-more{

	color: #6c7078;

	text-decoration: none;

}

a.blog-item-more:hover{

	color: #4ad2d2;

}



.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;

    

}

.heropic {
	    outline: 1px solid #000000;
    outline-offset: -8px;
    border-radius: 12px;
}

.blog-item-q p a{

	color: #555;

	text-decoration: none;

	-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);

}

.blog-item-q:hover a,

.blog-item-q p a:hover{

	text-decoration: none;

	color: #6c7078;

}

.blog-item-q p:before,

.blog-item-q p:after{

	-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);

}

.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: #6c7078;

}

.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 #f1f2f5 !important;}

.children li.comment:last-child .comment-item{border-top:0px;padding-top: 0px !important;}

.children {

    margin: 0;

    padding: 0;

}

/*

 * Pagination

 */


.pagination{

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

}

.pagination li{

	display: inline-block;
    min-width: 45px;
    height: 45px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -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);
    line-height: 45px;
    background: #fff;
    border-radius: 6px;
}

.pagination ul{margin:0px; padding:0px;}

.pagination li a{

	color: #1c263c;
	font-weight: 700;
	line-height: 45px;
	
	min-width: 35px;

	height: 50px;}

.pagination .fa{

	margin-top: 0px;

	font-size: 20px;
	color:#1c263c;

}

.pagination .fa:hover{


	opacity: .6;


}

.pagination li a:hover{

    opacity: .6;




}

.pagination li.active,

.pagination li.active:hover{

	

	



	cursor: default;

}

.pagination li.no-active {

	border-color: #f1f2f5;

	color: #f1f2f5;

	cursor: default;

}



.pagination li.no-active:hover {

	color: #4ad2d2;

}





/*

 * 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 #f1f2f5;

    font-size: 14px;

    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: 'inter', sans-serif;

	font-size: 12px;

	color: #4ad2d2;

	

	font-weight: 700;

}

.comment-item-data a{

	color: #000;

	text-decoration: none;

	-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);

}

.comment-item-data a:hover{

	color: #4ad2d2;

	text-decoration: none;

}

.comment-author{

    display: inline-block;

    margin-right: 20px;

	font-size: 12px;

    font-weight: 700;

    

}



.comment-date{

    display: inline-block;

    margin-right: 20px;

	font-size: 12px;

    font-weight: 700;

    

}

.comment-author a{



}





.headofimage {

	width: 200px;
	margin: 0px auto;

    border-radius: 6px 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: 14px;

    font-weight: 300;

    color: #6c7078;

    border-bottom: 1px solid #ccc;

}

.widget-body{

	font-size: 13px;

	color: #6c7078;

}

.widget-text{

	line-height: 1.7;

}





/* Search widget */

.blogpostbg {
	background: #1F2227;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 10px;
}

.search-wrap{

	position: relative;

}
.searchicon {
	position: absolute;
    top: 10px;
    left: 305px;
    color: rgba(255, 255, 255, 0.35)!important;
    font-size: 16px;
    height: 40px;
    width: 40px;
    border-radius: 0 3px 3px 0;
    line-height: 42px!important;
    text-align: center;

    border-left: 1px solid #000;
    
}

.searchicon a:hover {
	color: #fff;
}

.search-field{

	width: 275px !important;
    height: 40px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.35)!important;
    font-size: 14px!important;
    padding: 0 15px;
    font-weight: 300;
    letter-spacing: .5px;
    position: absolute;
    top: 0px;
    left: 70px;

}


.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: 14px;

}



.search-button:hover{

	color: #4ad2d2;

}

.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: #6c7078;

	font-size: 11px;

	font-weight: 300;

	text-transform: uppercase;

	text-decoration: none;

	



	-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);

}

.tags a:hover{

	text-decoration: none;

	border-color: #333;

	color: #4ad2d2;

}



/* 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-top: 1px solid rgba(255, 255, 255, 0.15);
	background: rgb(0 0 0 / 35%);
	vertical-align: middle;

	border-radius: 10px;

	-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);

}



.pricing-item-inner:hover{

	

}

.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 25px 0px 25px;

	text-align: left;

	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;

}

.pricingheaderbottom {
	padding-bottom: 25px;
}

.pr-list{

    margin: 0 -25px 0px;

    padding: 0;



    color: #6c7078;

    font-size: 12px;

    font-weight: 300;

}

.pr-list li{

	padding: 20px 20px;

	list-style: none;

	border-top: 1px solid rgb(255 255 255 / 15%);

}

.pr-list li:first-child{

	border-top: 1px solid rgb(255 255 255 / 15%);

}

.pricing-num{

	font-size: 40px;

	font-weight: 300;

	line-height: 1;



}

.pricing-num sup{

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

	font-size: 18px;

	font-weight: 300;

	position: relative;

	top: -20px;

	left: -3px;

	margin-left: -7px;

}

.pr-button{

    margin: 30px -20px 0;

    padding-top: 30px;

    border-top: 1px solid #f1f2f5;

}

.pr-per{

    color: #999;

    font-size: 12px;

}



.form-control {

    font-size: 16px;

  

}

.form-control::-webkit-input-placeholder { color:#6c7078; }
.form-control:-moz-placeholder { color:#6c7078; }
.form-control::-moz-placeholder { color: #6c7078; }
.form-control:-ms-input-placeholder { color: #6c7078; }


.form-control:focus {
    
}



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

   Shortcodes

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



.margin-block{

	margin-bottom: 30px;

}






/*

 * Owl Carousel

 */
 
 
 .owl-controls {
	 display: none!important;
 }
 
 
 .attorneypic {
    width: 70px;
    border-radius: 10px;
    border-top: 1px solid rgb(255 255 255 / 10%);
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 2px;
    background: #000;
}

.owl-carousel .owl-wrapper-outer {
	padding-top: 0px;
}

.owl-carousel{

    overflow: hidden;

}

.owl-buttons{

	position: static;

}

.owl-prev,

.owl-next{

	opacity: 0;
    display: block;
    position: absolute;
    top: 38%;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    background: rgb(0 0 0 / 35%);
    border-radius: 12px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px!important;

    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:before,

.owl-next:before{

    content: "";

    display: block;

    width: 66%;

    height: 66%;

    position: absolute;

    top: 17px;

    left: 20px;



    background: none;



    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;



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

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

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



    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);



    -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);

}

.owl-next:before{

    left: auto;

    right: 20px;

}

.owl-prev .fa,

.owl-next .fa{

    position: relative;

}

.owl-prev:hover,

.owl-next:hover{
	
	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;

}

.owl-prev:hover:before,

.owl-next:hover:before{

    opacity: 0.87;

}

.owl-prev:active:before,

.owl-next:active:before{

	opacity: 0.6;

}

.owl-carousel:hover .owl-prev{

	opacity: 1;

	left: 20px;

}

.owl-carousel:hover .owl-next{

	opacity: 1;

	right: 20px;

}

.owl-pagination{
	display: block;
    width: 100%;
    text-align: center;
    z-index: 1;
    margin-top: 20px;
}

.owl-page{

	display: inline-block;

	padding: 6px 4px;

    position: relative;

}

.owl-page span{

	width: 35px;
    height: 3px;
    display: block;
    background: #6c7078;
    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: #f0f0f0;
	width: 35px;

}

.owl-page.active span{

	background: linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);

    width: 38px;



}



.item-carousel .owl-prev{

	left: -125px;

}

.item-carousel .owl-next{

	right: -125px;

}

section:hover .item-carousel.owl-carousel .owl-prev{

	opacity: 1;

	left: -80px;

}

section:hover .item-carousel.owl-carousel .owl-next{

	opacity: 1;

	right: -80px;

}



.testimonialimage {

    border-radius: 100%;

    width: 115px;

}



.item-carousel{


}

.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(24, 25, 26, .4);

}

.single-carousel.black .owl-page.active span,

.small-item-carousel.black .owl-page.active span{

	background: rgba(24, 25, 26, .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(24, 25, 26, .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(24, 25, 26, .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(24, 25, 26, 1);

}



.homepagequotes {
    width: 40px;
    border-radius: 100px;
    float: left;
    margin: 0px 20px 0px 0px;
}

.homepagequoteslogo {
    float: right;
    width: 150px;
    margin: 0px 0px 0px 0px;
}


/*

 * Tabs

 */



.tpl-tabs{

	border-color: #e5e5e5;

	font-size: 14px;
    font-weight: 700;

	

}

.tpl-tabs > li > a{

    text-decoration: none;

    color: #6c7078;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.tpl-tabs > li > a:hover{

	background-color: #f1f2f5;

}

.tpl-tabs li.active a{

	color: #4ad2d2;

}

.tpl-tabs-cont{

	padding: 30px 0;

	color: #6c7078;

    line-height: 1.8;

}



/*

 * Tabs minimal

 */



.tpl-minimal-tabs{

	display: inline-block;

	font-size: 12px;

	font-weight: 300;

	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: #4ad2d2;

	background: none;

	border: 1px solid transparent;



	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

.tpl-minimal-tabs > li > a:hover{

	background: none;

	border-color: #e9e9e9;

	color: #6c7078;

}

.tpl-minimal-tabs li.active a,

.tpl-minimal-tabs li.active a:hover{

	border: 1px solid #222 !important;

	background: none !important;

	color: #4ad2d2;

	cursor: default;

}

.tpl-minimal-tabs-cont{

}





/*

 * Tabs Alternative

 */



.tpl-alt-tabs{

	font-size: 14px;

	font-weight: 300;

	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: #4ad2d2;

}

.tpl-alt-tabs li.active a,

.tpl-alt-tabs li.active a:hover{

	cursor: default;

    color: #4ad2d2;

}

.alt-tabs-icon{

    display: block;

    margin-bottom: 12px;

    font-size: 48px;

    

}

.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 #f1f2f5;

	font-size: 11px;

	

	text-transform: uppercase;

	color: #6c7078;



    -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: 'inter', sans-serif;
    
    line-height: 1.1;
    font-size: 28px;

}

.accordion > dt > a{

	display: block;

	position: relative;

	color: #4ad2d2;

	text-decoration: none;

	padding: 15px 25px;

	border: 2px solid #4ad2d2;

	background: #fff;





	-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);

}

.accordion > dt > a:hover{

	text-decoration: none;

	border-color: #4ad2d2;

	background: #4ad2d2;



	color: #fff;

}

.accordion > dt > a.active {

    color: #fff;

    border-color: #4ad2d2;

    background: #4ad2d2;

    cursor: default;


}



dl.accordion{

	color: #fff;

	border-color: #4ad2d2;

	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: #000;

	-webkit-font-smoothing: antialiased;

	-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);

}

.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: 14px;

	line-height: 1.8;

	color: #4ad2d2;

	font-weight: 300;

	border-left: 2px solid #4ad2d2;

	border-right: 2px solid #4ad2d2;

	border-bottom: 2px solid #4ad2d2;


	font-size: 16px;
    font-style: normal;
    line-height: 1.8;
    color: #6c7078;
    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: #000;
}





/*

 * Toggle

 */



dl {
	margin-bottom: 0px;
	}

dl.toggle{


	border-color: #4ad2d2;


	cursor: default;


}

.toggle > dt{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;


}

.toggle > dt:first{
	border-top: 0px;
}

.toggle > dt > a{

	display: block;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    padding: 15px 40px 15px 15px;
    color: #000 !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);

}

.toggle > dt > a:hover{

	

}

.toggle > dt > a.active{


}

.toggle > dt > a:after{

	content: "\f0d7";

	width: 15px;

	height: 15px;

	margin-top: -8px;

	position: absolute;

	top: 50%;

	right: 15px;
	color: #000;

	font-family: 'FontAwesome';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	font-size: 14px;

	line-height: 14px;

	text-align: center;


	-webkit-font-smoothing: antialiased;

	-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);

}

.toggle > dt > a.active:after,

.toggle > dt > a.active:hover:after{

	content: "\f0d8";



}

.toggle > dt > a:hover:after{



}

.toggle > dd{

	padding: 15px;
    font-size: 14px;
    color: #6c7078;
    line-height: 1.8;


}

.toggle li {
	margin-bottom: 10px;
}

.font400{
	font-weight: 300!important;
}




/*

 * Progress bars

 */



.tpl-progress{

    margin-top: 10px;

	margin-bottom: 50px;

	font-weight: 300;

	text-transform: uppercase;

	

	overflow: visible;

	height: 2px;

	background: #f0f0f0;



	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;



	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.tpl-progress .progress-bar{

	padding-top: 2px;

	position: relative;

	overflow: visible;

	background-color: #222;

	font-size: 11px;

	color: #4ad2d2;

	text-align: left;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.tpl-progress .progress-bar > span{

	display: inline-block;

	min-width: 24px;

	height: 24px;

	padding: 0 3px;

	position: absolute;

	top: 0px;

	right: -5px;



	text-align: center;

	line-height: 23px;

	



	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;



}

.progress {
    height: 25px !important;
    margin-bottom: 15px !important;
    border-radius: 400px;
    background: white;
}
.progress-bar {
    line-height: 22px !important;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-color: #000;
    font-size: 14px;
    font-weight: 700;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.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: rgb(255 255 255 / 20%);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

.tpl-progress-alt .progress-bar{

    padding: 2px 6px;
    position: relative;
    overflow: visible;
    background: linear-gradient(to right, #4ad2d2 0%,#4ad2d2 100%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}



.highlight pre{

    border-color: #eaeaea;

    background: #fcfcfc;

    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: #4ad2d2;

}

.fa-examples > div > i{

    display: inline-block;

    margin-right: 5px;

    min-width: 40px;

    min-height: 40px;

    border-right: 1px solid #f1f2f5;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

}

.fa-examples > div > .muted{

    margin-left: 5px;

    color: #999;

    font-size: 12px;

}

.fa-sm{

    width: 20px;

    font-size: 14px;

}



.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: #4ad2d2;

}

.et-examples .box1 > span{

    display: inline-block;

    margin-right: 5px;

    min-width: 70px;

    min-height: 70px;

    border-right: 1px solid #f1f2f5;

    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;

    

}


.solvebox {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 15px;
}


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

   Special demos

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

.profilepicbox {
	float: right;
    width: 25%;
    text-align: center;
    border-left: 1px solid #ddd;
    margin: 0px 0px 25px 25px;
    padding: 10px 15px;
}

/*

 * Magazine

 */



.magazine-logo-text{

   margin-top: 0;

    position: relative;

	font-size: 25px;

    font-weight: 300;

	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 .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);

}

.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(24, 25, 26, .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 .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);

}

.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: 14px;

    color: #4ad2d2;

}

.play-video-link:hover,

.play-video-link:focus{

    color: #6c7078;

    text-decoration: none;

    -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);

}

.play-video-link .fa{

    vertical-align: middle;

}



.download-button{

    display: inline-block;

    position: relative;

    padding: 13px 20px 13px 55px;

    border: 2px solid #4ad2d2;

    text-align: left;

    text-decoration: none;



    -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);

}

.download-button:hover,

.download-button:focus{

    text-decoration: none;

    color: #4ad2d2;

    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: #6c7078;

    font-weight: 300;

}



/*

 * 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: 6px;

    -moz-border-radius: 6px;

    -border-radius: 6px;



    -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: #4ad2d2;

    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: #4ad2d2;

    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 .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);

}

.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: 14px;

    

    font-weight: 300;

    text-transform: uppercase;

    text-decoration: none;

    cursor: pointer;



    -webkit-tap-highlight-color: rgba(255,255,255, .1);



    -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);



    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: #f1f2f5;

}

.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: 14px;

}

.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: 300;

}



.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, .6);

}

.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: 14px;

    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;



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -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);

}

.sp-social-links > a:hover{

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

    color: #999;

}



/* White side panel */



.side-panel.white{

    color: rgba(24, 25, 26, .65) !important;

    background: #f1f2f5;

    border-right: 1px solid rgba(24, 25, 26, .07);

}

.side-panel.white .sp-close-button{

    border: 1px solid rgba(24, 25, 26, .5);

}



.side-panel.white .sp-close-button:before{

    background: #4ad2d2;

}

.side-panel.white .sp-close-button:after{

    background: #4ad2d2;

}

.side-panel.white .sp-menu-links a{

    color: #6c7078;

    -webkit-tap-highlight-color: rgba(24, 25, 26, .05);

}

.side-panel.white .sp-menu-links li{

    border-top: 1px solid rgba(24, 25, 26, .04);

}

.side-panel.white .sp-menu-links li:last-child{

    border-bottom: 1px solid rgba(24, 25, 26, .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: #4ad2d2;

    text-decoration: none;

}

.no-touch .side-panel.white .sp-menu-links a:hover{

    background-color: rgba(24, 25, 26, .03);

}



.side-panel.white .sp-menu-links li > a:active,

.side-panel.white .sp-menu-links li a.active{

    color: #4ad2d2;

}

.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: #4ad2d2;

}



.side-panel.white .js-opened > .sp-has-sub > .fa{

    color: #333;

}

.side-panel.white .sp-sub > li{

    border: none!important;

}



.side-panel.white .sp-social-links > a{

    border: 1px solid rgba(24, 25, 26, .15);

    color: rgba(24, 25, 26, .4);

}

.side-panel.white .sp-social-links > a:hover{

    border-color: rgba(24, 25, 26, .3);

    color: rgba(24, 25, 26, .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: #4ad2d2;

    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: 300;

    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(24, 25, 26, .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; }

}





.contactbox1 {

	background: #fff;

	padding: 50px 25px 0px 25px;

	min-height: 24em;

	border-right: 1px solid #E8E8E8;

	border-radius: 0px 0px 0px 3px;

}



.contactbox2 {

	background: #fff;

	padding: 50px 25px 0px 25px;

	min-height: 24em;

	border-left: 1px solid #E8E8E8;

	border-right: 1px solid #E8E8E8;

}

.caption {
	font-size: 13px;
    line-height: 1.618;
    margin: 0px;
    padding: 10px;
	text-align: center;

}



.contactbox3 {

	background: #fff;

	padding: 50px;

}

.bg-halfyblackdoubled {

	    background: #f1f2f5;

		background-repeat: repeat-x;

        background-image: url(../images/bgblack.png), url(../images/bgblack.png);
		background-position: 0 0, 0 bottom!important;

}


.bg-halfyblack {

	    background: #f1f2f5;

		background-repeat: repeat-x;

        background-image: url(../images/bgblack.png);
        background-position: top!important;

}

.bg-halfyblackwhite {

	    background: #fff;

		background-repeat: repeat-x;

        background-image: url(../images/bgblack.png);
        background-position: top!important;

}

.bg-cta {
    background: #000;
    background-repeat: repeat-x;
    background-image: url(../images/bgblack.png);
    background-position: top !important;
} 

.bg-halfyblackreverse {

	    background: #f1f2f5;

		background-repeat: repeat-x;

        background-image: url(../images/bgblack.png);
        background-position: bottom!important;

}

.bg-halfyblackreversesmall {

	    background: #f1f2f5;

		background-repeat: repeat-x;

        background-image: url(../images/bgblacksmall.png);
        background-position: bottom!important;

}

.bg-halfyblackreversewhite {

	    background: #fff;

		background-repeat: repeat-x;

        background-image: url(../images/bgblack.png);
        background-position: bottom!important;

}

.bg-halfyblue {

	    background: #f1f2f5;

		background-repeat: repeat-x;

        background-image: url(../images/bgblue.png);
        background-position: top!important;

}

.bg-halfy3 {

	    background: #4ad2d2;

		background-repeat: repeat-x;

        background-image: url(../images/bgwhite.png);
        background-position: top!important;

}

.bg-halfyshort {

	    background: #fff;

		background-repeat: repeat-x;

        background-image: url(../images/bgdarkshort.png);
        background-position: bottom!important;

}

.bg-halfyshort2 {

	    background: #f1f2f5;

		background-repeat: repeat-x;

        background-image: url(../images/bgdarkshort.png);
        background-position: bottom!important;

}



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;
}



.testibg {
    padding: 35px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    border-top: 2px solid #d3d7dc;
}

.quotestars2 {
    color: #ffb612;
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: auto;
    width: 140px;
    background: #fff;
    font-size: 14px;
    border-radius: 6px;
}

.testibg2 {
    padding: 55px 35px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    border-top: 2px solid #d3d7dc;
}





.solutionsidebar {
	background: #f1f2f5;
    padding: 25px;
    border-radius: 5px;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
}

.mt-5 {
	margin-top:5px;
}
.mb-5 {
	margin-bottom:5px!important;
}

.mb-2 {
	margin-bottom:2px!important;
}
.testiimage {
	width: 85px;
    border-radius: 100px!important;
    padding: 3px;
    border: 1px solid #f0f2f5;
   
    border-radius: 100%;
}

.testiimage2 {
    border-radius: 100%;
    width: 55px!important;
    background-image: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
    box-shadow: 0 7px 13px -3px rgba(24,25,26,.1), 0 2px 4px 0 rgba(24,25,26,.15), inset 0px -2px 0px rgba(10,11,8,.25);
}

.whyusicons {
	border-radius: 100%;
    width: 55px!important;
    background: #cb1111!important;
    background: -moz-linear-gradient(top, #f22d2d 0%, #cb1111 100%)!important;
    background: -webkit-linear-gradient(top, #f22d2d 0%,#cb1111 100%)!important;
    background: linear-gradient(to bottom, #f22d2d 0%,#cb1111 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22d2d', endColorstr='#cb1111',GradientType=0 );
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    height: 55px;
    line-height: 55px;
    color: white!important;
    font-size: 26px;
}

.text14 {

	font-size: 14px;

    font-style: normal;

    line-height: 2;

    color: #6c7078;

}



.downloadsbg {

    background-color: #fff;

    padding: 50px 25px;

    border-radius: 3px;

    border: 1px solid #f1f2f5;

}




.ctalogo {
    width: 60px;
    margin: -6px 0px 0 0;
}

.footerlogo {
	width: 150px;
 
}

.yellowstar {
	padding: 0px 1px; 
}

.toppills {
	padding: 10px;
    

}

.toppillsboy {
	border-right: 1px solid #000;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
    }

.toppillsbg {
	background: rgb(0 0 0 / 30%);
}


.llgray {
    background-image: url(../images/llgray.png);
    background-repeat: no-repeat;
    background-size: 210px;
    background-position: center;
    background-attachment: inherit;
}

.footerboy {
	background-color: #000;
    background-image: url(../images/llfooter.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: 90%;
    font-family: "industry";
    

}

.shadowpic {
	box-shadow: 0 55px 20px -45px rgba(0, 0, 0, 0.3);
}


.casestudybutton {
	width: 100%;
    padding: 16px;
    font-size: 16px;
    border-radius: 0px 0px 3px 3px;
    background: #000;

	border: none;
    text-transform: none;
    color: #fff;
   font-family: 'inter', sans-serif;
}

.casestudybutton:hover {
	background: #4ad2d2;
	color: #fff;

}

.readmorebox {

    padding: 0px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.1);

    -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);
}



.readmoreboxpadding {
	padding: 40px 0px 0px 0px;
	min-height: 310px;
}


.readmorebox2 {
	background-color: #2492D2;
}
.blogauthorbox {
	-webkit-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    padding: 25px;
    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);
}

.blogauthorbox:hover {
	
	-webkit-box-shadow: 0 0 16px rgba(0,23,31,.4);
    -moz-box-shadow: 0 0 16px rgba(0,23,31,.4);
    box-shadow: 0 0 16px rgba(0,23,31,.4);
}

.authorbox {
    border: 1px solid #ddd;
    position: inherit;
    border-radius: 6px;

    
    padding: 25px;
    margin-top: 25px;
    margin-bottom: 5px;

}

.authorbox a {
	color:#3C46FB;
}


.authorboxpadding{
	padding: 35px;
}
.authorbox img {



}


.authorletter {
    float: right;
    max-width: 220px;
    margin: 7px 0 25px 50px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;

}


.blockquoteright {
	float: right;
    font-size: 24px;
   font-family: 'inter', sans-serif;
    color: #000;
    line-height: 1.2;
    max-width: 300px;
    margin: 0px -180px 50px 50px;
    border-left: 2px solid #4ad2d2;
    padding: 15px 0px 15px 50px;
    text-align: left;
    font-weight: 900;
}

.blockquoteleft {
	float: left;
    font-size: 24px;
   font-family: 'inter', sans-serif;
    color: #000;
    line-height: 1.2;
    max-width: 300px;
    margin: 0px 50px 50px -180px;
    border-right: 2px solid #4ad2d2;
    padding: 15px 50px 15px 0px;
    font-weight: 900;
}
.cliffnotes2 {
	display: none;
	margin: 0px -90px 50px 50px!important;
}

.casestudysidebar {
	margin: 0px 0px 30px 0px!important;
	text-shadow: 0px 1px 0px #fff;
    border-radius: 6px;
    padding: 25px;
    font-size: 14px;
    line-height: 1.618;
    color: #6c7078;
    }

.casestudysidebar img {
	float: none;
	margin: 0px auto 20px auto;
	width: 50%;
}

.cliffnotes {
	display: none;
	float: right;
    border-radius: 1px;
    max-width: 300px;
    margin: 0px -180px 50px 50px;
	background: #2670c3;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
	border-radius: 3px;
    padding: 25px;
    font-size: 14px;
    line-height: 1.618;
}

.cliffnotes h5 {
	font-size: 24px;
   font-family: 'inter', sans-serif;
    color: #fff;
    line-height: 1.2;
    margin: 0px 0px 15px 0px;
    
}

.cliffnotes p {
	font-size: 14px;
	line-height: 1.618;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	margin: 0px 0px 0px 17px;
    display: list-item;
}

.twitter-share-button {
	float: right;
	margin-top: 25px;
}

.hoverboy {
	background: #fff;
	-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);
}

.hoverboy:hover {
	background: #f1f2f5;
}

.fullwidthimage {
	margin: 0px -180px 2em -180px;
	border-radius: 6px;
}

.floatrightimage {
	margin: 0px -180px 2em 2em;
	float: right;
	max-width: 300px;
}

.floatleftimage {
	margin: 10px 2em 2em -180px;
	float: left;
	max-width: 300px;
}

.moreboxes {

    min-height: 300px;
    }

.thumbsup {
    background-image: url(../images/thumbsup.jpg);
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: 2em bottom!important;
    background-attachment: inherit;
}

.thinkingcta {
    background-image: url(../images/thinking.png);
    background-repeat: no-repeat;
    background-size: 220px;
    background-position: 2em bottom!important;
    background-attachment: inherit;
}

.kbg {
    background-image: url(../images/k.png);
    background-repeat: no-repeat;
    background-size: 115px;
    background-position: 98.5% 96%!important;
    background-attachment: inherit;
}

.kbgsmall {
    background-image: url(../images/k.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 98.5% 96%!important;
    background-attachment: inherit;
}

.kbggray {
    background-image: url(//klickerinc.com/wp-content/themes/mega-theme/css/../images/kgray.png)!important;
    background-repeat: no-repeat!important;
    background-size: 50px!important;
    background-position: 96% 57%!important;
    background-attachment: inherit;
}

.contactpagebox {
    background: #1F2227;
    border-radius: 10px;
}

.checkmarkscontact {
    font-size: 20px;
    line-height: 40px;
    margin-right: 25px;
    float: left;
    background: #ec4f74;
    background: -moz-linear-gradient(top, #ec4f74 0%, #4ad2d2 100%);
    background: -webkit-linear-gradient(top, #ec4f74 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom, #ec4f74 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4f74', endColorstr='#4ad2d2',GradientType=0 );

    color: #fff!important;
    text-align: center!important;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    padding: 0px;
}


.contactpagebox1 {
	border-right: 1px solid #142636;
    padding: 35px;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 15%);

}

.borderboyblue {
    background: #4ad2d2;
    width: 65px;
    margin: 0px auto;
    height: 1px;
}

.italic {
	font-style: italic;
}

.noitalic {
	font-style: normal;
}

.contactpagebox2 {
	padding: 35px;
}

.letterbox {
	border: 4px solid rgba(255, 255, 255, 0.4);
    padding: 50px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
}

.yoda {
	background-image: url(../images/yoda.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 2em bottom;
    background-attachment: inherit;
}

.padfiftynew {
	padding: 0 50px;
}

.letterimage {
    float: right;
    margin: 0 -50px 50px 50px;
  

}

.paddingfifty {
	padding: 50px;
}

.padfifty {
	padding: 50px;


}

.padfifty img{
	width: 60px;
    float: right;
    margin: -27px 0px 10px 10px;
}
.padfifty2 {
	padding: 50px;

	min-height: 450px;

}

.padfifty2 img{
	width: 60px;
	float: right;
	margin: -27px 0px 10px 10px;
}

.inboundboxed {

}

.inboundboxed ul {
	margin: 0px;
}

.inboundboxed ul li {
	list-style: none;
	text-indent: -1.2em;


}

.inboundboxed ul li:before {
  	font-family: 'FontAwesome';
	content: '\f054';
	padding: 0px 1em 0px 0px;
	color: #000;
	font-size: 10px;
}​

.letterbg {

}

.letterbg:before {
	font-family: 'FontAwesome';
    content: '\f10d';
    color: rgba(29,35,41, 0.1);
    font-size: 40px;
    position: absolute;
    left: 15px;
    top: -29px;

}
.font24 {
	font-size: 24px;
	line-height: 1.3;
}
.font22 {
	font-size: 22px;
	
}
.font20 {
	font-size: 20px!important;

}

.font20intro {
	font-size: 20px;

}

.font20number {
	font-size: 20px;
}
.font18 {
	font-size: 18px;
}

.font16 {
	font-size: 16px!important;;
}



.lawyerstat1white {
	border-right: 1px solid rgb(0 0 0 / 10%);
	border-top: 1px solid rgb(0 0 0 / 10%);
	padding: 15px 0px;
    
    
}
.lawyerstat2white {
	border-top: 1px solid rgb(0 0 0 / 10%);
	padding: 15px 0px;
 
    
}

.lawyerstat3white {
	border-right: 1px solid rgb(0 0 0 / 10%);
	border-top: 1px solid rgb(0 0 0 / 10%);
	padding: 15px 0px;
    
    
}
.lawyerstat4white {
 	padding: 15px 0px;
 	border-top: 1px solid rgb(0 0 0 / 10%);
}


.lawyerstat1new {
	border-right: 1px solid rgb(255 255 255 / 10%);
	border-top: 1px solid rgb(255 255 255 / 10%);
	padding: 15px 0px;
    
    
}
.lawyerstat2new {
	border-top: 1px solid rgb(255 255 255 / 10%);
	padding: 15px 0px;
 
    
}

.lawyerstat3new {
	border-right: 1px solid rgb(255 255 255 / 10%);
	border-top: 1px solid rgb(255 255 255 / 10%);
	padding: 15px 0px;
    
    
}
.lawyerstat4new {
 	padding: 15px 0px;
 	border-top: 1px solid rgb(255 255 255 / 10%);
}


.lawyerstat1 {
	border-right: 1px solid rgba(204,207,210,.5);
	border-bottom: 1px solid rgba(204,207,210,.5);
	padding: 20px 0px;
    box-shadow: 0px 1px 0px #fff, inset -1px 0px 0px #fff;
    
}
.lawyerstat2 {
	border-bottom: 1px solid rgba(204,207,210,.5);
	padding: 20px 0px;
    box-shadow: 0px 1px 0px #fff;
    
}

.lawyerstat3 {
	border-right: 1px solid #000;
    padding: 10px 0px;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
    
}

.lawyerstat4 {
 	padding: 10px 0px;
}

.lawyerstat5 {
 	padding: 15px 0;
    border-left: 3px solid #00aeec;
}

.lawyerstat6 {
 	padding: 15px 0;
    border-right: 3px solid #00aeec;
}

.lawyerstat7 {
 	padding: 20px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    border-radius: 10px;
}






.initialauthorpic3 {
    border-radius: 100px!important;
    width: 35px;
    margin: 0 10px 0 0;
    float: left;
}
 .initialauthorpic {
    border-radius: 100px!important;
    width: 40px;
    margin: 0px 10px 0px 0px;

}

.initialauthorpic2 {
    border-radius: 100px!important;
    width: 30px;
    margin: 0px 10px 0px 0px;
    float: left;
}

.newblogbottom {
	border-top: 1px solid rgba(24, 25, 26,.1);
    padding: 10px 20px;
}

.newblogbottom a {
	font-family: 'inter', sans-serif;
    
    color: #4ad2d2;
}

.newblogbottom a:hover {
	color: #000;
}

.realsmall {
    font-size: 12px;
}

.ordinal {
	vertical-align: super;
    font-size: 65%;
    
    }

.entry_author_image img, .authorimg {
    
    float: left;
    width: 25px;
	margin: 0px 25px 0px 0px;


}


.categorylink2 {
    font-size: 10px;
    color: #00b4ee;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
   font-family: 'inter', sans-serif;
}

.categorylink {
    background: #f1f2f5!important;
    border-radius: 5px!important;
    padding: 4px 6px!important;
    font-size: 10px;
    color: #6c7078;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.fakefb {
	position: absolute;
    right: 48px;
    font-size: 140%;
    top: 30px;
    color: #808080;
}
.postinfo {

}

.postinfo a {
	font-family: 'inter', sans-serif;
    
    color: #000;
}

.postinfo a:hover {
	color: #fff;
}

.ctaradialsbox {
	    background: #fff;
	    border-radius: 5px
}
.ctaradials {
	width: 33%;
    float: left;
    border-radius: 0px;
	padding: 10px 15px;
    font-size: 12px;
}

.padding25 {
	padding: 25px;
}

.darktextbg {

}

.muted {
	opacity: .5;
}

.muted:hover {
	opacity: 1;
}


.yarpp-related {
	margin: 0px!important;
}

.menubrand {

    padding:0px!important;
}

.menubrandimages {
	margin: 0px!important;
}

.menubrandimages1 {
	border-right: 1px solid rgba(29,35,41, 0.1);
    border-bottom: 1px solid rgba(29,35,41, 0.1);
}
.menubrandimages2 {
	border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(29,35,41, 0.1);
}
.menubrandimages3 {
	border-right: 1px solid rgba(29,35,41, 0.1);
	border-bottom: 1px solid transparent;;

	}
.menubrandimages4 {
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;

	}

.menuhover {
	opacity: 1;
	-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);
}
.menuhover:hover {
	    opacity: .75;
}

.padding10 {
	padding: 10px;
}

.masonsmall {
    height: 300px;
    display: block;
    width: 100%;
    -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);
    color: #4ad2d2;
  
  
}

.masonsmallimage {
    height: 300px;
    display: block;
    width: 100%;
    -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);
    color: #4ad2d2;

}

.masonsmallimage p {
	line-height: 1.4;
	font-size: 85%;
}

.masonhoversmallimagehover {
	width: 100%;
	height: 300px;
	color: #4ad2d2;
	display: block;
	padding: 100px 35px;
}

.masonhoversmallimagehover:hover {
	background: #4ad2d2;
	color: #fff;
}

.masonhoversmallimagehoverwhite {
	width: 100%;
	height: 300px;
	color: #4ad2d2;
	display: block;
	padding: 35px;
}

.masonhoversmallimagehoverwhite:hover {
	background: rgba(255, 255, 255, 0.6);
}


.masonhoversmall {
	background: #2b3036;
    width: 100%;
    height: 300px;
    color: #fff;
    display: block;
    padding: 35px;
    
}

.masonhoversmall:hover {
	background: #4ad2d2;
	color: #fff;
}


.masonmedium {
	background: #fff;
    height: 602px;
    display: block;
    width: 100%;
}

.masonhovermedium {
	width: 100%;
	color: #4ad2d2;
	display: block;
	height: 602px;
}

.masonhovermedium:hover {
	background: rgba(29,35,41, 0.95);
	color: #fff;
}

.masonmedium2 {
	background: #fff;
    height: 500px;
    display: block;
    width: 100%;
}

.masonhovermedium2 {
	width: 100%;
	color: #4ad2d2;
	display: block;
	height: 500px;
}

.masonhovermedium2:hover {
	background: rgba(29,35,41, 0.85);
	color: #fff;
}

.masonhovernewbie {
	position: absolute;
    bottom: 0px;
    padding: 35px;
    background: -moz-linear-gradient(top,  rgba(29,35,41,0) 0%, rgba(29,35,41,0.1) 10%, rgba(29,35,41,0.5) 100%);
	background: -webkit-linear-gradient(top,  rgba(29,35,41,0) 0%,rgba(29,35,41,0.1) 10%,rgba(29,35,41,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(29,35,41,0) 0%,rgba(29,35,41,0.1) 10%,rgba(29,35,41,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#80231f20',GradientType=0 );
	width: 100%;
}

.masonhovernewbie p {
	line-height: 1.4;
	font-size: 85%;
}


.masonhovernewbie2 {
	position: absolute;
    bottom: 0px;
    padding: 25px;
    background: -moz-linear-gradient(top,  rgba(29,35,41,0) 0%, rgba(29,35,41,0.1) 10%, rgba(29,35,41,0.5) 100%);
	background: -webkit-linear-gradient(top,  rgba(29,35,41,0) 0%,rgba(29,35,41,0.1) 10%,rgba(29,35,41,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(29,35,41,0) 0%,rgba(29,35,41,0.1) 10%,rgba(29,35,41,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#80231f20',GradientType=0 );
	width: 100%;
}

.masonhovernewbie2 p {
	line-height: 1.4;
	font-size: 85%;
}

.firstcharacter {
	float: left;
    color: #fff;
    font-size: 75px;
    line-height: 65px;
    padding-right: 10px;
   font-family: 'inter', sans-serif;
    }



.tm {
	font-size: 30%;
    top: 0px;
    position: absolute;
    margin-left: 20px;
    opacity: .3;
}

.ebook {
    margin-top: -35px;
}

.forthesepeople {
	font-size: 16px;
    position: absolute;
    margin: 10px 0px 0px 3px;
    min-width: 297px;
    text-align: center;
}

.forthesepeople2 {
	font-size: 12px;
    position: absolute;
    margin: 3px 0px 0px 0px;
    min-width: 207px;
    text-align: center;
}
.aboutpersondiv {
	margin-top: -95px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 100;
}
.aboutpersonpic {
	width: 190px;
    margin: 0px auto 50px auto;
    text-align: center;
    border-radius: 100%;
    padding: 4px;
    background: #fff;
}

.timeline {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #4ad2d2;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 0px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.mb-15 {
	margin-bottom: 15px;
}

.mt-15 {
	margin-top: 15px;
}

.font26 {
	font-size: 26px;
}
.mb-20 {
	margin-bottom: 20px;
}
.timeline > li:after {
  clear: both;
}

.timeline-panel img {
	width: 75%;
}
.timeline > li > .timeline-panel {
  width: 44%;
  float: left;
  background: #fff;
  padding: 35px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 20px;
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 32px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 32px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  	color: #000;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 51%;
    margin-left: -31px;
    background-color: #f1f2f5;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}



.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
  font-size: 14px;
  color: #6c7078;
}

.timeline-body > p + p {
  margin-top: 5px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.morepics {
	border: 1px solid rgba(29,35,41, 0.1);
    border-radius: 100%;
    padding: 10px;
    width: 85%;
}

.morepics2 {
    border: 2px solid #000;
    border-radius: 100%;
    padding: 10px;
    width: 85%;
}

.

/* 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;
}


.homeyo {
	background: rgba(255, 255, 255, 0.7);
    padding: 25px;
}

.borderboy {
	border-top: 2px solid #f1f2f5;
    box-shadow: 0px 1px 0px rgb(255 255 255/20%);
    width: 25%;
    }
    
.borderboy2 {
	background: #4ad2d2;
    height: 1px;
    width: 12%;
    float: none;
    margin: auto;
  
    }    

.minheight {
    min-height: 400px;
}

.minheighttext {
    min-height: 400px;
}

.padseventy {
    padding: 70px 140px;
}
.boxes{
    background: #000;
    padding: 25px;
    border-radius: 3px;

    }
    
.boxes2{
    background: #fff;
    padding: 70px;
    border-radius: 3px;

    } 
    
.boxes3{
    background: #f1f2f5;

    border-radius: 3px;

    }  
.boxes3bgimage {
	background-size: cover;
	background-position: center;
	border-radius: 3px 0px 0px 3px;
}   

.imageopener {
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
}  

.whitebox {
	background: white; 
	padding: 25px;
	border-radius: 10px;
	
	}

.cartnav {
	
    color: #4ad2d2!important;
    font-weight: 700;
}

.cartnav:hover {
	background: #f1f2f5;
	
}



.noshaddow {
	box-shadow: none!important;
}

th {
    text-align: left;
    width: 20%;
}

.table>thead>tr>th {
	border-bottom: 0px solid;
}

.wp-post-image {

}
.blogpichome {
	border-radius: 8px 8px 0px 0px;
}

.bloggywraphome {
	background: #4ad2d2;
    padding: 25px;
    border-radius: 3px;
}

.bloggywrapblog {
	background: #fff;
    padding: 35px;
    box-shadow: 0 55px 80px -40px rgba(24, 25, 26,.45), 0 5px 15px rgba(24, 25, 26,.05);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    border-radius: 8px;
}


.resourceswrap{
	background: #2670c3;
    padding: 25px;
    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);
    min-height: 500px;
}

.resourceswrap:hover {
	box-shadow: 0px 0px 16px rgba(0, 23, 31, 0.4);
}
.locationbox {
	background: #f1f2f5;
	border-radius: 10px;
	}
.locationbox img {
	border-radius: 20px 20px 0px 0px;
	display: none;
	}
	
.newsbox {
	background: white;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 6px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);

	}	
	
.newsboxpatientpic {
	float: left;
    border-radius: 54px;
    background: #fb771a;
    margin: 0px 15px 0px 0px;
    width: 65px;
}		

.teambox {
	background: white;
	border-radius: 10px;
	}
	
.teambox img {
	border-radius: 20px 20px 0px 0px;
	}
.contactboxpad {
	padding: 25px;
	min-height: 185px;
	}	
	
.teamboxpad {
	padding: 25px;
	}
	
.teamboxpad2 {
	padding: 15px;
	min-height: 100px;
	}

.lovebox {
	background: #9100ED;
	border-radius: 10px;
	padding: 95px 50px;
	}
	
	
.sellywraphome {
	background: #000;
    padding: 25px;
    border-radius: 3px;
    min-height: 384px;
    -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);

}

.socialstars {
	font-size: 8px;
    color: rgb(255 255 255 / 50%);
   	background: #1F2227; 
   	border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px;
    border-radius: 12px;
}

.socialstarslogos{
	float: left;
    background: linear-gradient(to bottom, #1F2227 0%, #000 100%);
    border-radius: 8px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
    font-size: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.video2 {
	background: #ffffff;
	padding: 5px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 8px;

	
}

.video3 {

	background: #ffffff;
    padding: 5px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 8px;
    min-height: 235px;
    }


.video {
	    padding: 12px;
    border-radius: 0px 16px 16px 0px;
 
    background: black;
}

.sellywraphome:hover {
	box-shadow: 0px 0px 16px rgba(0, 23, 31, 0.4);
}

.sellywraphome p {
	font-size: 85%;
	color: #fff;
	margin-bottom: 15px;
}

.authorwrap1 {
	background: #000;
    padding: 50px;
    border-radius: 3px;
    min-height: 300px;
}

.authorwrap2 {
	background: #000;
    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(24, 25, 26,.1);
    -moz-box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
    box-shadow: 0 1px 2px rgba(24, 25, 26,.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 {
	
	-webkit-box-shadow: 0 0 16px rgba(0,23,31,.4);
    -moz-box-shadow: 0 0 16px rgba(0,23,31,.4);
    box-shadow: 0 0 16px rgba(0,23,31,.4);
}

.blogstuff {
    color: #6c7078;
    font-size: 85%;
}

.blogstuff p {
    margin-bottom: 15px;
    font-size: 16px;
    color: #6c7078;
    font-weight: 300;
    line-height: 1.618;
}

.sectionbordered {
	    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 -1px 0 0 rgba(0, 23, 31, 0.3);
}

.padbox {
    padding: 35px;
}

.authoryo2 {
    line-height: 1!important;
    padding-top: 5px!important;
}

.lined4 {

}

.lined4:before {
    background-image: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
    height: 1px;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 97.4%;
    z-index: 1;
}

.lined4 span {
    background: #fff;
    padding: 0px 25px 0px 0px;
     z-index: 2; 
    position: relative;
}

.lined5 {

}

.lined5:before {
    background-image: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
    height: 1px;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 97.4%;
    z-index: 1;
}

.lined5 span {
    background: #f1f2f5;
    padding: 0px 25px 0px 0px;
     z-index: 2; 
    position: relative;
}



.lineddark {

}

.lineddark:before {
    background-image: linear-gradient(135deg,#21dbaa,#4ad2d2,#4ad2d2,#4ad2d2);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 97%;
    z-index: 1;
    height: 1px;
}

.lineddark span {
    background: #000;
    padding: 0px 35px 0px 0px;
    z-index: 2; 
    position: relative;
}

.borderboysmallblue {
    background-image: linear-gradient(135deg, #4ad2d2,#4ad2d2,#4ad2d2);
    height: 1px;
    width: 50px;
    margin: 15px auto;
}

.moneysign {
	font-size: 50%;
}

.lineddark2 {

}

.lineddark2:before {
    background-image: linear-gradient(135deg,#21dbaa,#4ad2d2,#4ad2d2,#4ad2d2);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    height: 1px;
}

.lineddark2 span {
   	background: #000;
    padding: 0px 35px 0px 0px;
    z-index: 2; 
    position: relative;
}

.lined {

}

.lined:before {
    background: rgb(255 255 255 / 20%);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 97.4%;
    z-index: 1;
    height: 1px;
}

.lined span {
   	background: #000;
    padding: 0px 35px 0px 35px;
    z-index: 2; 
    position: relative;
}

.lined2 {

}

.lined2:before {
    background: #d3d7dc;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    height: 1px;
}

.lined2 span {
    background: #f1f2f5;
    padding: 0px 35px 0px 0px;
    z-index: 2; 
    position: relative;
}

.lined3 {

}

.lined3:before {
    background-image: linear-gradient(135deg,#21dbaa,#4ad2d2,#4ad2d2,#4ad2d2);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 92%;
    z-index: -1;
    height: 1px;
}

.lined3 span {
    background: #fff;
    padding: 0 35px;
}

.linednew {

}

.linednew:before {
    background-image: linear-gradient(135deg,#21dbaa,#4ad2d2,#4ad2d2,#4ad2d2);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 97%;
    z-index: 1;
    height: 1px;
}

.linednew span {
   	background: #fff;
    padding: 0px 35px 0px 0px;
     z-index: 2; 
    position: relative;
}

.boxheader {
	padding: 10px 35px;
    border-bottom: 1px solid #f0f2f5;
    box-shadow: 0px 1px 0px #fff;
}

.borderboyfulldark {
	border-bottom: 1px solid rgb(255 255 255 / 15%);
    box-shadow: inset 0px -1px 0px rgb(0 0 0 / 25%);
    height: 2px;
}
 


.borderboyfull85 {
	border-top: 1px solid #f0f2f5;
	box-shadow: 0px 1px 0px #fff;
	width: 85%;
}

.borderboyfull {
    background: #ddd;
    height: 1px;a

}

.borderboyfull2 {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.pricingbox {
	box-shadow: 0 5px 15px rgba(24, 25, 26,.05), 0 55px 80px -40px rgba(24, 25, 26,.45);
	background: #313233;
	border-radius: 6px;
	position: relative;
    z-index: 1;
    }



.breadcrumbicons {
	color: #4ad2d2;
    margin: 0px 10px;
    font-size: 10px;
}

.breadcrumbicons2 {
	color: rgba(255, 255, 255, 0.65);
    margin: 0px 10px;
    font-size: 10px;
}


.pricingboxpad {
	padding: 25px;
}

.pricingtitle{
	background: #4dabc6;
	background: -moz-linear-gradient(left,  #4dabc6 0%, #499dd4 100%);
	background: -webkit-linear-gradient(left,  #4dabc6 0%,#499dd4 100%);
	background: linear-gradient(to right,  #4dabc6 0%,#499dd4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dabc6', endColorstr='#499dd4',GradientType=1 );

    border-radius: 6px 6px 0px 0px;
    padding: 15px;
}

.pricingtitledark {
	background: #479384;
	background: -moz-linear-gradient(left,  #479384 0%, #479295 100%);
	background: -webkit-linear-gradient(left,  #479384 0%,#479295 100%);
	background: linear-gradient(to right,  #479384 0%,#479295 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479384', endColorstr='#479295',GradientType=1 );

}

.adboxheader {
	background: #4ad2d2;
    background: -webkit-linear-gradient(to right,#4ad2d2,#000);
    background: linear-gradient(to right,#4ad2d2,#000);
    border-radius: 8px 8px 0px 0px;
    padding: 15px;
    
}

.adboxheader2 {
    background: #4ad2d2;
    background: -webkit-linear-gradient(to right,#4ad2d2,#000);
    background: linear-gradient(to right,#4ad2d2,#000);
    border-radius: 8px 8px 0px 0px;
    padding: 15px;
}



.borderblogfull {
	border-top: 1px solid #f0f2f5;
	width: 100%;
}

.signin{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f2f5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f2f5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f2f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );

	border: 2px solid #f1f2f5;
	
	border-radius: 8px;
	font-size: 16px;

    font-style: normal;

    color: #6c7078;

	line-height: 1.618;

}

.red {
	color: #ee383a;
}

.orange {
	color: #fb771a;
}

.underline {
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(../images/underline2.png);
}


.blogpadsubscribe {
    padding: 25px;
    background-position: right center;
    border-radius: 3px 3px 0px 0px;
}

.blog-item-bodysidebar {
	background: #f1f2f5;
    padding: 25px;
    margin-bottom: 40px;
    margin-top: 0px;
    border-radius: 10px;
    
}

.blog-item-bodysidebar img{
    width: 75px;

    margin-bottom: 15px;

    }

.productpic {
    border-radius: 0 3px 3px 0;
}

.blogsidebarpad{
	padding: 0px 25px 25px 25px;
	
}

.linedparagraph {
	border-left: 4px solid #f1f2f5;
    padding: 2px 0px 2px 25px;
    margin-bottom: 35px;
}

.linedparagraph p{
	margin-bottom: 5px!important;
}

.blogsidebarpad2{
	padding: 25px;
	
}

.productbox {
    box-shadow: 0 55px 80px -40px rgba(24, 25, 26,.45), 0 5px 15px rgba(24, 25, 26,.05);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    border-radius: 3px;
}

.borderboyextrasmall {
    background: #f0f2f5;
    height: 1px;
    width: 75px;
    box-shadow: 0px 1px 0px #fff;
}

.newbuttonextrasmall {
    box-shadow: 0 7px 13px -3px rgba(24, 25, 26,.1), 0 2px 4px 0 rgba(24, 25, 26,.15), inset 0px -2px 0px rgba(10,11,8,.25);
    color: #fff!important;
    background: #4ad2d2;
    background: -moz-linear-gradient(top,#4ad2d2 0%,#f36752 100%);
    background: -webkit-linear-gradient(top,#4ad2d2 0%,#f36752 100%);
    background: linear-gradient(to bottom,#4ad2d2 0%,#f36752 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ad2d2',endColorstr='#f36752',GradientType=0);
    font-size: 12px;
    padding: 8px 16px 10px;
    border-radius: 100px;
    font-weight: 700;
}

.newbuttonextrasmall:hover {
	background: #4ad2d2;
    background: -moz-linear-gradient(top,#4ad2d2 0%,#4ad2d2c 100%);
    background: -webkit-linear-gradient(top,#4ad2d2 0%,#4ad2d2 100%);
    background: linear-gradient(to bottom,#4ad2d2 0%,#4ad2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ad2d2',endColorstr='#4ad2d2',GradientType=0);
} 

.extrasmall {
	font-size: 50%;
}

.font142 {
    font-size: 14px!important;
    font-weight: 300;
}

.font14 {
    font-size: 14px!important;
}

.smallboxfont14 {
	font-size: 14px;
	text-align: center;
}

.font12 {
    font-size: 12px!important;

}

.font10 {
    font-size: 10px!important;
    font-weight: 700;
}

.underlinelink2 {
	border-bottom: 1px solid #4ad2d2;
    
    padding-bottom: 2px;
}

.underlinelink2:hover {
	opacity: .7;
}

.underlinelink {
	border-bottom: 1px solid #fb771a;
    padding-bottom: 2px;
    font-weight: 700;
    color: black;
}

.underlinelink:hover {

}

.darklink {
	color: #000!important;
	-webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    cursor: pointer;
}
.darklink:hover {
	color: rgba(0, 0, 0, 0.7)!important;
}

.darklink:hover {
    transform: scale(1.02);
}

.bluelink {
	color: #4ad2d2!important;
	-webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bluelink:hover {
	color: #000!important;
}

.borderboysmallcentered {
    background: linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);
    height: 1px;
    width: 70px;
    margin: 0 auto;
}

.borderboysmallcentered2 {
    background: #4ad2d2;
    height: 1px;
    width: 100px;
    margin: 0 auto;
}

.borderboysmall {
    background:#4ad2d2;
    height: 1px;
    width: 90px;
}

.absoluteright5 {
    position: absolute;
    width: 800px;
    right: 0;
    bottom: 5em;
}

.awardsbg2 {
   	padding: 30px 0px;
    margin: 30px -35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.26), 0px 1px 0px rgba(255, 255, 255, 0.25);
}

.mainboxpad {
    padding: 25px;
}

.purplebox {
    border-radius: 0px 0px 6px 6px;
    padding: 0px 25px 15px 25px;
    color: #000;
}

.authorbg {
	padding: 20px 25px 10px 25px;
    position: absolute;
    bottom: 0;
    width: 92.2%;
    background: -moz-linear-gradient(top, rgba(24,25,26,0) 0%, rgba(24,25,26,0.35) 30%, rgba(24,25,26,0.6) 55%, rgba(24,25,26,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(24,25,26,0) 0%,rgba(24,25,26,0.35) 30%,rgba(24,25,26,0.6) 55%,rgba(24,25,26,0.6) 100%);
    background: linear-gradient(to bottom, rgba(24,25,26,0) 0%,rgba(24,25,26,0.35) 30%,rgba(24,25,26,0.6) 55%,rgba(24,25,26,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0018191a', endColorstr='#9918191a',GradientType=0 );
    border-radius: 0 0 6px 6px;
}

.categorybox3 {
    padding: 25px;
    border-radius: 6px 6px 0px 0px;
    background: #fff;
   
}

.resultsauthor {
	border-radius: 100%;
    float: left;
    margin: 0 15px 0 0;
}
.categorypic {
    border-radius: 0px 0px 6px 6px;
}


.bg-suite {
    background-image: linear-gradient(to top,#272c3b 0%,#272c3b 70%,#fff 70%,#fff 100%);
    background-attachment: inherit;
}



.categorynew{
	background: #000;
  	color: #fff;;  
    font-family: 'inter', sans-serif;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0px!important;
    font-size: 12px;
    padding: 6px 12px 4px 12px;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 10px;
    -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);
}

.categorynew:hover {
	opacity: .6;
}



.resultsboxnew img {
	width: 125px;
}



.small {
	font-size: 100%!important;
}
.bg-mostlyblacktowhite {
    background-image: linear-gradient(to bottom,#000 0%,#000 77%,#fff 77%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlywhitetoblack {
    background-image: linear-gradient(to top,#000 0%,#000 53%,#fff 53%,#fff 100%);
}

.bg-mostlypurpletowhite {
    background-image: linear-gradient(to bottom,#fff 0%,#fff 80%,#fff 80%,#fff 100%);
    background-attachment: inherit;
}

.bg-mostlygrayreversedark {
	background-image: linear-gradient(to bottom,#000 0%,#000 50px,#101217 50px,#101217 100%);
	background-attachment: inherit;
}

.bg-mostlygrayreverseabout {
	background-image: linear-gradient(to bottom,#000 0%,#000 50px,#101217 50px,#101217 100%);
	background-attachment: inherit;
}

.bg-mostlygrayreverse {
    background-image: linear-gradient(to bottom,#f1f2f5 0%,#f1f2f5 17%,#fff 17%,#fff 93%, #f1f2f5 93%);
    background-attachment: inherit;
}

.bg-mostlygray {
	background-image: linear-gradient(to top,#fff 0%,#fff 20px,#f1f2f5 20px,#f1f2f5 100%);
	background-attachment: inherit;
}

.bg-mostlygray2 {
    background-image: linear-gradient(to bottom,#fff 0%,#fff 125px,#f1f2f5 125px,#f1f2f5 100%);
    background-attachment: inherit;
}

.bg-mostlygray3 {
	background-image: linear-gradient(to bottom,#fff 0%, #fff 210px, #f1f2f5 210px, #f1f2f5 100%);
	background-attachment: inherit;
}

.rainbowbox {
	background-image: linear-gradient(135deg,#21dbaa,#4ad2d2,#4ad2d2,#4ad2d2);
	padding: 2px;
	border-radius: 18px 0px 18px 0px;
	box-shadow: 0 1px 2px rgba(24, 25, 26,.1);
}
.graylink {
	color: #6c7078!important;
	-webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.graylink:hover {
	color: #4ad2d2!important;
}
.casestudybox img {
	border-radius: 8px 8px 0px 0px;
}

.borderboyextrasmall {
    background: #f0f2f5;
    height: 1px;
    width: 75px;
    box-shadow: 0px 1px 0px #fff;
}

.borderboyextrasmallcentered {
    background: #27374a;
    height: 1px;
    width: 75px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
    margin: 0px auto;
}

.loginicon {
    color: rgba(255, 255, 255, 0.6);
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px!important;
    -webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.loginicon:hover{
	color: #4ad2d2;
}
.shadowbox {
    box-shadow: 0 55px 80px -40px rgba(24, 25, 26,.45), 0 5px 15px rgba(24, 25, 26,.05);
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    border-radius: 3px;

}

.howitworksicons {
    width: 60px;
    font-size: 50px;
}

.notifybubble {
	position: absolute;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    height: 16px;
    border-radius: 50%;
    background: #f5a61c;
    box-shadow: 0 5px 16px rgba(24, 25, 26,.07);
    width: 16px;
    color: #fff;
    top: 13px;
    right: -10px;
    border: 1px solid #000;
    text-align: center;
}

.notifyicon {
	font-size: 150%;
    color: #4ad2d2;
    position: absolute;
    left: 0px;
    top: 27px;
}

.signinicons {
	color: #6c7078;
    margin-left: 15px;
    position: absolute;
    margin-top: 16px;
    font-size: 16px;
}

.pt-5 {
	padding-top: 5px;
}

.aboutpics {
	width: 65px;
    border-radius: 3px!important;
    border: 2px solid #000;
}

.contactpic {
    width: 100px;
    border-radius: 3px!important;
    border: 2px solid #000;
}

.absolutesection2 {
    position: absolute;
    top: 60px;
    z-index: 100;
	background: rgba(255, 255, 255, 0.5);
    
}

.stars2 {
	font-size: 14px;
}

.stars {
    font-size: 12px;

   
}

.starsicon2 {
	
	color: #f5a61c;
}

.starsicon {
	margin: 0px 3px;
	color: #f5a61c;
}



.breadcrumbflag {
	float: right;
    width: 18px;
}

.reviewsbox {
	padding: 35px;
    background: #fff;
    border-radius: 12px;
    }
    
.reviewsboxrating {
    padding: 25px;
    border: 2px solid #f1f2f5;
    border-radius: 12px;
    box-shadow: inset 0px 1px 0px rgb(255 255 255 / 15%), 0px 1px 0px rgb(255 255 255 / 15%);
    }
    
.reviewsboxlogo {
	width: 100px;
	}  
	
.taglink {
	background: #f1f2f5;
    color: #000;
    padding: 5px 10px 5px 10px;
    border-radius: 100px;
    font-family: 'inter', sans-serif;
    line-height: 1.2;
    font-weight: 700!important;
    font-size: 10px;
    display: inline-block;
    margin-bottom: 5px;
        }	  

.ml-20 {
    margin-left: 20px;
    margin-top: 3px;
}

.servicepageicons {
	width: 90px;
	margin-bottom: 10px;
}

.breadcrumbs2 {
	color: #000;
    padding: 8px 0px;
    background: #ffffff;
    width: 100%;
    z-index: 100;
    font-weight: 700;
    line-height: 1.8;
    font-family: 'inter', sans-serif;
}

.servicesmainbox {
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 4px 4px 0px #000;
    padding: 25px;
}

.breadcrumbs2 a{
	color: #000; 
	-webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
	
}
.breadcrumbs2 a:hover{
	color: #4ad2d2;
	
}

.minboy2 {
    min-height: 135px;
}

.line12 {
    line-height: 1.2!important;
}

.line14 {
    line-height: 1.4!important;
}

.line11 {
    line-height: 1.1!important;
}

.weight400 {
	font-weight: 300!important;
}

.categorytag {
    background: #f1f2f5;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 10px;
}

.absolutebottom {
	position: absolute;
    bottom: 25px;
    width: 79%;
    }

.categoryboxinsightsbigboy {
	min-height: 610px!important;
    padding: 70px 50px!important;
}

.categoryboxinsightshome {
	min-height: 300px;
	border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgb(0 0 0 / 35%);
    border-radius: 10px;
    cursor: pointer;
    padding: 25px;
    -webkit-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.categoryboxinsightshome:hover {

    box-shadow: 0px 0px 20px rgb(255 255 255 / 24%);

}


.categoryboxinsights {
	min-height: 290px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
    background: rgb(0 0 0 / 35%);
    border-radius: 10px;
    cursor: pointer;
    padding: 25px;
    -webkit-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .4s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.categoryboxinsights:hover {

    box-shadow: 0px 0px 20px rgb(255 255 255 / 24%);

}

.line15 {
    line-height: 1.5!important;
}

.smallbox {
	background: #090810;
	padding: 25px 15px;
	border-radius: 10px;
	min-height: 145px;
	border-top: 1px solid rgb(255 255 255 / 15%);
}
.breadcrumbs {
    color: #fff;
    padding: 8px 0px;
    background: #176399;
    width: 100%;
    z-index: 100;
    font-weight: 700;
    line-height: 1.8;
    font-family: 'inter', sans-serif;
}

.breadcrumbs a{
	color: #fff; 
	-webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
	
}
.breadcrumbs a:hover{
	color: rgba(255, 255, 255, 0.7); 
	
}

.breadcrumbs3 {
    color: #000;
    padding: 12px 0px;
    background: #fff;
    width: 100%;
    z-index: 100;
    font-weight: 700;
    line-height: 1.8;
    font-family: 'inter', sans-serif;
    border-bottom: 2px solid #f1f2f5;
}

.breadcrumbs3 a{
	color: #000; 
	-webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
	
}
.breadcrumbs3 a:hover{
	color: #4ad2d2; 
	
}

.pillarcontent {
	border-top: 1px solid rgb(255 255 255 / 15%);
	background:#1F2227;
    padding: 15px;
    border-radius: 10px;
} 

.pillarcontent img {
	width: 20%;
    border-radius: 10px;
    float: left;
    margin: 0px 15px 0px 0px;
} 

.resultspicnew {
    width: 70px;
    background-image: linear-gradient(135deg, #4ad2d2,#4ad2d2,#4ad2d2);
    padding: 2px;
    margin: 0px auto 20px auto;
    border-radius: 1000px;
}


.moreicon {
	font-size: 10px;
    margin-left: 5px;
}

.phoneicon {
    margin-right: 5px;
}

.ml-10 {
	padding-left: 10px;

}

.mr-10 {
	margin-right: 10px;

}

.ml-15 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-5 {
	margin-left: 5px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-25 {
	margin-right: 25px;
}

.darkgray {
	background: linear-gradient(to bottom,  rgba(197,197,197,1) 0%,rgba(98,98,98,1) 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	}


.foundations{
    color: #ee383a;
    }

.foundationsbg {
	background: linear-gradient(135deg, #4ad2d2 0%, #4ad2d2 100%);
    }
    
.traffictakeoverbg {
    background: #f863ff;
    background: -moz-linear-gradient(bottom,#f863ff 0%,#e200ed 100%);
    background: -webkit-linear-gradient(bottom,#f863ff 0%,#e200ed 100%);
    background: linear-gradient(to bottom,#f863ff 0%,#e200ed 100%);
    }  
    
.traffictakeover{
    background: linear-gradient(90deg,#f863ff,#e200ed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }

.statusbg {    
	background: #c05efd;
    background: -moz-linear-gradient(bottom,#c05efd 0%,#9100ed 100%);
    background: -webkit-linear-gradient(bottom,#c05efd 0%,#9100ed 100%);
    background: linear-gradient(to bottom,#c05efd 0%,#9100ed 100%); 
    } 

.status {
	 background: linear-gradient(90deg,#c05efd,#9100ed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    } 
    
.leadloopbg {
	background: #3F00ED;
    background: -moz-linear-gradient(to bottom,#5b20ff 0%,#3F00ED 100%);
    background: -webkit-linear-gradient(to bottom,#5b20ff 0%,#3F00ED 100%);
    background: linear-gradient(to bottom,#5b20ff 0%,#3F00ED 100%);
    }

.leadloop {
	 background: linear-gradient(90deg,#5b20ff,#3F00ED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }     
    
	      
          
.countriesboxhighlighted {
	background: #cb1111!important;
    background: -moz-linear-gradient(top, #f22d2d 0%, #cb1111 100%)!important;
    background: -webkit-linear-gradient(top, #f22d2d 0%,#cb1111 100%)!important;
    background: linear-gradient(to bottom, #f22d2d 0%,#cb1111 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22d2d', endColorstr='#cb1111',GradientType=0 );
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    border-radius: 8px;
    padding: 25px 25px 30px 25px;
    line-height: 1.3;
    text-align: center;
}

.featuresaward {
	width: 50%;
	margin: 0px auto;
	opacity: .7;
}

.tinyfunnel2 {
    width: 36px;
    margin: 3px 10px 0px 0px;
    float: left;
}

.attorneysbox {
	background: #1F2227;
    border-radius: 10px;
    -webkit-transition: all .6s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .6s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .6s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .6s cubic-bezier(0, .0, .58, 1);
    transition: all .6s cubic-bezier(0,.0,.58,1);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 25px;
    min-height: 308px;
}

.attorneysbox2 {
	background: #1F2227;
    border-radius: 10px;
    -webkit-transition: all .6s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .6s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .6s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .6s cubic-bezier(0, .0, .58, 1);
    transition: all .6s cubic-bezier(0,.0,.58,1);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 25px;
}

.featuresbox {
	background: #1F2227;
    border-radius: 10px;
    -webkit-transition: all .6s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .6s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .6s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .6s cubic-bezier(0, .0, .58, 1);
    transition: all .6s cubic-bezier(0,.0,.58,1);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.featuresbox:hover {
	box-shadow: 0px 0px 20px rgb(255 255 255 / 25%);
}

.featuresboxpad1 {
	padding: 25px;
}

.featuresboxlogos {
	width: 75px;
    margin: 5px 5px 5px 0px;
	opacity: .6;
}

.countriesboxnew1 {
	width: 90%;
    border-radius: 6px 6px 0px 0px;
    color: #000;
    font-size: 12px;
    padding: 9px 25px 5px 25px;
    font-family: 'inter', sans-serif;
    
    font-weight: 700;
    background: #fff;
    margin: 0px auto;
    text-align: center;
    
    }
    
.countriesboxnew2 {
	background: #1F2227;
	padding: 2px;
    border-radius: 10px;
}    



.countriesboxborder1 {
	border-radius: 4px;
}

.countriesboxborder2 {
	
}

.countriesboxborder3 {
	border-right: 4px solid #f1f2f5;
}	

.countriesboxcta {
	
	min-height: 235px;
    padding: 35px 25px;
    line-height: 1.618;
    -webkit-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    transition: all .5s cubic-bezier(0,.000,.58,1.000);

}

.sliderbox {
    background: #fff;
    border-radius: 10px;
	border-top: 1px solid #f1f2f5;
}

.sliderboxpad {
    padding: 50px 35px;
}

.sliderbox img {
    border-radius: 20px 0px 0px 20px;
}

.servicesbox {

    padding: 15px;
    line-height: 1.3;
    -webkit-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    transition: all .5s cubic-bezier(0,.000,.58,1.000);

}

.countriesbox {
	background: #1F2227;
    padding: 140px 25px 25px 25px;
    line-height: 1.3;
    -webkit-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    transition: all .5s cubic-bezier(0,.000,.58,1.000);
    border-radius: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);

}


.countriesbox img {
	width: 33%;
    margin-bottom: 10px;
}

.blackhighlight {
	background: #000;
    color: white;
    display: inline;
    padding: 4px 10px 4px 0px;
    border-radius: 0px 2px 2px 0px;

}

.whitehighlight {
	color: #ffffff;
    display: inline;
    padding: 4px 10px 4px 0px;
    border-radius: 0px 2px 2px 0px;


}

.tinyfunnel {
	    width: 22px;
    margin: -2px 2px 0px 0px;
}

.countriesbox p {
	
}

.typesicons {
	font-size: 28px;
	float: left;
	margin: 0px 20px 0px 0px;
}

.tinybutton {
	background: white;
    padding: 5px 10px 3px 10px;
    border-radius: 100px;

}

.wheremoney {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border-top: 1px solid rgb(255 255 255 / 15%);
    padding: 35px;
}

.stepshighlight {
	display: inline;
    padding: 2px 5px 3px 5px;
    border-radius: 4px;
}

.stepsbox {

    padding: 25px 25px 35px 25px;
    line-height: 1.3;
    -webkit-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -moz-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -o-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    -ms-transition: all .5s cubic-bezier(0,.000,.58,1.000);
    transition: all .5s cubic-bezier(0,.000,.58,1.000);

}

.stepsbox:hover {
	background: rgb(255 255 255 / 5%);
}

.stepstag {
	background: #fff;
    border-radius: 10px;
    padding: 4px 10px 2px 10px;
    margin-bottom: 10px;
    display: inline-block;
    color: rgb(100 103 107 / 56%);
}

.stepsbox img {
	background: white;
	margin: 0px auto;
	padding: 5px;
    border-radius: 100px;
	margin: 0px 0px 15px 0px;
    width: 50px;
}

.stepsicon {
	margin: 16px 25px 20px 0px;
    border-radius: 100px;
    font-size: 40px;
    line-height: 42px;
    display: block;
    float: left;
    text-align: center;
}


.countriesbox2 {
	border: 4px solid #f1f2f5;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f1f2f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f5',GradientType=0 );
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    border-radius: 8px;
    padding: 25px 25px 30px 25px;
    line-height: 1.3;
    text-align: center;

}

.countriesbox2 img {
	background: white;
	padding: 5px;
    border-radius: 100px;
	margin-bottom: 15px;
    width: 50px;
}

.resultsboxnew {
	border-top: 1px solid rgb(255 255 255 / 20%);

    border-radius: 10px;
    line-height: 1.3;
    text-align: center;
}

.resultsboxnew img{
	border-radius: 6px 6px 0px 0px;

}

.resultsboxpad {
	padding: 10px 35px 25px 35px;
	background: rgb(18 20 23 / 35%);
    border-radius: 10px;
    min-height: 284px;

}

.minheightboy {
	min-height: 132px;
}

.lineheightboy {
	line-height: 1.3;
}

.quotepicleft {
    width: 45px;
    float: left;
    margin-right: 10px;
    -webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    border-radius: 100px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0px;
    background: #1F2227;
}

.resultsbox1 {
	padding: 15px;
    border-right: 1px solid #000;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
	min-height: 90px;
   
}

.resultsbox2 {
	padding: 15px;
	border-right: 1px solid #000;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
	min-height: 90px;   
}

.resultsbox3 {
	padding: 15px;
    border-right: 1px solid #000;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
    min-height: 90px;
}

.resultsbox4 {
	padding: 15px;
	border-right: 1px solid #000;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
    min-height: 90px;	 
}

.resultsbox5 {
	padding: 15px;
    border-right: 1px solid #000;
    box-shadow: inset -1px 0px 0px rgb(255 255 255 / 10%);
    min-height: 90px;
}

.resultsbox6 {
	padding: 15px;
	min-height: 90px;
}

.injurypic2 {
    width: 60px;
    border-radius: 126px!important;
    float: left;
    margin: 0 10px 0 0;
}


.absoluteawards {
	position: absolute;
    bottom: 100px;
}

.absoluteresults {
	background: rgb(0 0 0/30%);
	position: absolute;
    bottom: 0px;
    width: 100%;
}

.absoluteresults2 {
	
	position: absolute;
    bottom: 0px;
    width: 100%;
}

.absoluteresults2bg {
	background: rgb(0 0 0/30%);
	}



.attorneybox {
	background: #fff;
    position: inherit;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 25px;
}

.attorneybox img {
	width: 95px;
	border-radius: 100px;
	margin-bottom: 10px;
}




.lawyerboxnewwhite {
 	box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
 	border-radius: 10px;

  -webkit-transition: all .7s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .7s cubic-bezier(0,.0,.58,1);
    -o-transition: all .7s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .7s cubic-bezier(0,.0,.58,1);
    transition: all .7s cubic-bezier(0,.0,.58,1);
    
}

.lawyerboxnew {
 	background: #fff;
 	border-radius: 6px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
    
}

.faqmorelink {
	float: right;
}

.faqtitle {
	float: left;
}

.lawyerboxnew2 {
 	border: 4px solid #101217;
    background: #101217;
	background: -moz-linear-gradient(top,  #101217 0%, #000000 100%);
	background: -webkit-linear-gradient(top,  #101217 0%,#000000 100%);
	background: linear-gradient(to bottom,  #101217 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101217', endColorstr='#000000',GradientType=0 );


 	border-radius: 8px;
    
}

.statsstrip2 {
	
	}

.statsstrip {
	background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
}

.lawyerstatsbg {
	border-radius: 100px;
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 40%);
}

.lawyerboxnewpadnew {
	padding: 25px;
	
}

.lawyerboxnewpad {
	padding: 25px;
	min-height: 338px;
}

.lawyerbox {
 	background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    position: inherit;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
    padding: 35px;
}
.whyusbox {
    position: inherit;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
    min-height: 194px;
}

.lawyerbox3 {
    position: inherit;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
    min-height: 292px;
}

.lawyerbox3pad {
	padding: 25px;
}


.pledgebox {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5',GradientType=0);
    position: inherit;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(24, 25, 26,.2);
}

.pledgeboxnew {
	padding: 35px 35px 35px 65px;
	}
	

.pledgebackground2 {
	border-radius: 12px;
    background: #0f1217;
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);

}


.pledgebackground {
	border-radius: 6px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: -webkit-linear-gradient(top,#fff 0%,#f1f2f5 100%);
    background: linear-gradient(to bottom,#fff 0%,#f1f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f2f5s',GradientType=0);
    box-shadow: 0 1px 2px rgb(24 25 26 / 20%);
    border-top: 1px solid #e5e7e8;
    text-shadow: 0px 1px 0px #fff;
}
.pledgebox1 {
    padding: 35px 35px 35px 65px;
    border-bottom: 1px solid rgba(204, 207, 210, 0.5);
    position: inherit;
    box-shadow: 0px 1px 0px #fff;
}

.pledgenumbersnew {
    position: absolute;
    color: #ffffff;
    left: 14px;
    top: 32px;
    font-weight: 700;
    font-size: 32px;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 56px;
    background: rgb(24 25 26 / 10%);
    }

.pledgenumbers {
    position: absolute;
    color: rgba(24, 25, 26,.1);
    left: 14px;
    top: 22px;
    font-weight: 700;
    font-size:64px;
}

.pledgebox2 {
    padding: 35px 35px 35px 65px;
    position: inherit;
}

.buttononblacksmall {
    color: #fff!important;
    border: 1px solid #4ad2d2;
    font-weight: 700;
    font-size: 10px;
    padding: 8px 12px;
    border-radius: 100px;
   font-family: 'inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
}

.buttononblacksmall:hover {
	border: 1px solid #fff;
}


.logoscroller {
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 15px;
}


.breadcrumbboy {
    padding: 5px 40px;
}

.footerboxpad {
	padding: 35px 35px 15px 35px;
	border-right: 1px solid #f0f2f5;
}
.footerboxpad2 {
	padding: 35px 35px 15px 35px;
	
}

.col-sm-25 {
	width: 20%;
}

.footerboxpadborder {
	border-radius: 16px 0px 0px 16px;
}

.borderradius {
	border-radius: 12px;
}

.ctabubble {
	border-radius: 100px;

    color: #000000 !important;
    font-size: 12px;
    padding: 4px 16px;
    font-weight: 800;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-family: "inter", sans-serif;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.5);
    margin: 5px;
    display: inline-block;
}

.categorybutton {
    border-radius: 100px;
    cursor: pointer;
    color: #fff!important;
    font-size: 10px;
    padding: 4px 16px;
    font-weight: 800;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    font-family: "inter", sans-serif;
    font-weight: 700;
    background: #ee383a;
    margin: 5px;
    display: inline-block;
}

.quotepiccentered2 {
    width: 115px;
    border-radius: 20px!important;
    background: #ee383a;
    -webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.quotepiccentered {
    width: 115px;
    border-radius: 20px;
    background: #4ad2d2;
    -webkit-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all .27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   
}

.introductiontext {
    font-size: 22px;
  
    font-style: italic;
    line-height: 1.618;
}

.gradienttext {
   
    font-weight: 700!important;
    background: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navicons {
	width: 35px;
	float: left;
    margin: -7px 5px 0px 0px;
}

.squareboy {
	border-radius: 50px 0px;
}

.squareboyoverlay {
	    position: absolute;
    left: 10em;
    bottom: -7em;
}

.bg-halfgray {
	background-image: linear-gradient(to bottom,#f1f2f5 0%,#f1f2f5 77%,#fff 77%,#fff 100%);
    background-attachment: inherit;
}

.nav-logo-wrap2 {
    float: left;
    margin: 0;
    padding-left: 2em;
    margin-left: 2em;

    background: rgb(0 0 0 / 75%);
    padding-right: 2em;
    -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);
}

.minboy {
	min-height: 85px;

}


.card-ribbon {
   	position: absolute;
    z-index: 3;
    right: 10px;
    bottom: -10px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    
}

.blogroll {
    border-left: 2px solid #4ad2d2 ;
    padding: 3px 0 0px 15px;
    font-size: 22px;
    line-height: 1.3;
}

.testiplay {
    position: absolute;
    margin-left: -55px;
    margin-top: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50px;
    font-size: 23px;
    text-align: center;
    color: #ffffff;
}

.ribbon {
  	position: absolute;
    left: 11px;
    top: 55px;
    z-index: 1;
    overflow: hidden;
    width: 170px;
    height: 170px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #000;
    text-align: center;
    line-height: 24px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 150px;
    display: block;
    background-image:linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);
    box-shadow: 0 5px 20px rgba(24, 25, 26,.1);
    position: absolute;
    top: 32px;
    left: -31px;
    font-family: 'inter', sans-serif;
  
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #6b543a;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #6b543a;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #6b543a;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #6b543a;
}

.ribbon2 {
  position: absolute;
    left: -4px;
    top: -4px;
    z-index: 1;
    overflow: hidden;
    width: 170px;
    height: 170px;
    text-align: right;
}
.ribbon2 span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #000;
    text-align: center;
    line-height: 24px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 150px;
    display: block;
    background-image:linear-gradient(to bottom, #4ad2d2 0%,#4ad2d2 100%);
    box-shadow: 0 5px 20px rgba(24, 25, 26,.1);
    position: absolute;
    top: 32px;
    left: -31px;
    font-family: 'inter', sans-serif;
  
}
.ribbon2 span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #6b543a;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #6b543a;
}
.ribbon2 span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #6b543a;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #6b543a;
}

.nav-logo-wrap2 .logo {
    display: table-cell;
    vertical-align: middle;
    max-width: 205px;
    height: 70px;
    -webkit-transition: all .27s cubic-bezier(.3,.100,.58,1.000);
    -moz-transition: all .27s cubic-bezier(.3,.100,.58,1.000);
    -o-transition: all .27s cubic-bezier(.3,.100,.58,1.000);
    -ms-transition: all .27s cubic-bezier(.3,.100,.58,1.000);
    transition: all .27s cubic-bezier(.3,.100,.58,1.000);
}

.google {
	width: 65px;
    float: left;
    padding: 5px 8px;
    border-radius: 6px;
    margin-top: 5px;
    border: 1px solid #e4e7e8;
}

.google2 {
	width: 65px;
    float: left;
    padding: 5px 8px;
    border-radius: 6px;
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.table {

    border-radius: 6px;
    border: 1px solid #ddd;
    display: block;
}

.footerpad {
    padding: 8px;
}

.tablelogo {
	width: 100px;
}

.bg-darktable {
    background: rgb(255 255 255 / 4%);
}

.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;
    text-align: center;
    border-top: 1px solid #ddd;
    text-align: center;

    font-size: 14px;
    font-family: 'inter', sans-serif;
    font-weight: 300!important;
	color: #6c7078;
}

.noshaddow {
	box-shadow: none!important;
}

.compliance {
	width: 70%;
    float: none;
    margin: 0px auto;
    }

th {
    text-align: left;
    width: 19% !important;
}

.table>thead>tr>th {
	border-bottom: 0px solid;
	font-weight: 700;
}

.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;}



.comparearrow {
    position: absolute;
    margin-left: 7px;
}

.calendlyframe {
	border: 1px solid #d3d7dc;
}

.statsbox1 {
	padding: 12px;
	border-right: 1px solid rgb(0 0 0 / 40%);
	border-top: 1px solid rgb(0 0 0 / 40%);
	box-shadow: inset 0px 1px 0px rgb(255 255 255 / 10%), 1px 0px 0px rgb(255 255 255 / 10%);
}

.statsbox2 {
	padding: 12px;
	border-top: 1px solid rgb(0 0 0 / 40%);
	box-shadow: inset 0px 1px 0px rgb(255 255 255 / 10%);
}

.spaced {
    letter-spacing: 1px;
    
}

.spaced2 {
    letter-spacing: 1px;
    
}

.spaced3 {
    letter-spacing: .25px;
    
}

.spaced4 {
    letter-spacing: .15px;
    
}

.awards1:hover {
    transform: scale(1.05);
}

.awards1 {
    padding: 5px 35px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
}

.clientlogobox {
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 4px 4px 0px #000;
}

.projectbox2 {
	background: #1F2227;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 20px;
}

.projectbox2 img {
	border-radius: 6px;
}

.projectbox {
    border: 1px solid #1c263c;
    border-radius: 6px;
    box-shadow: 4px 4px 0px #1F2227;
    padding: 20px;
   
}

.font30 {
    font-size: 30px;
}

.body {
    font-family: 'inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: none;
    
}
.formbgwhite {
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 4px 4px 0px #000;
    padding: 25px;
}

.formbgdark {
    background: #1F2227;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 25px;
}

.letstalk {
	float: left;
    width: 100px;
    margin: 0px 15px 15px 0px;
}

.letstalk2 {
	background: #1F2227;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 14px;
    width: 90px;

}

.quotestats2 {
    border-radius: 6px;
    height: 28px;
    border: 1px solid #fff;
}

.uparrow {
    font-size: 14px;
    float: left;
    color: #ffffff;
    margin: 0px 10px 0px 3px;
    width: 28px;
    height: 28px;
    text-align: center;
    background: none;
    border-right: 1px solid #000;
    padding: 2px;
}

.quotestatspad {
    padding: 7px;
}

.nofeebadge {
	width: 333px;
	margin: 0px auto;
}

.rotatecheckmark {
	position: absolute;
    font-size: 135px;
    z-index: 1;
    top: 349px;
    left: 72px;
	width: 220px;
    height: 220px;
    border-radius: 127px;
    line-height: 220px;
    text-align: center;
}

.rotate {
  animation: rotation 21s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.projectbox img {
    border-radius: 6px;
}

.projectboxpad {
    padding: 0px 30px;
}

.quotestats {
    border-radius: 6px;
    height: 28px;

}


.projectboxbottom {
    margin: 0px 30px;
    position: absolute;
    top: 30px;
}

.stepshighlight2 {
    display: inline;
    padding: 3px 4px;
    border-radius: 6px;
    color: #fff;
}

.projecttags {
    border: 1px solid #d7d8dc;
    border-radius: 4px;
    color: #000 !important;
    font-size: 10px;
    padding: 5px 10px 5px 10px;

    margin: 10px 10px 0px 0px;
    display: inline-block;
    font-weight: 700 !important;
    font-size: 10px;

}

.bigbox {
	border-radius: 12px;
	padding: 50px;
}

.elementcard2 {
	border:1px solid #000!important;
}

.elementcard {
	border: 1px solid #4ad2d2;
	border-radius: 6px;
	min-height: 400px;
	padding: 25px 15px 0px 15px
}

.elementcard img{
	width: 100%;
    position: absolute;
    bottom: 0;
    left: 8%;
    bottom: -14%;
}

.projectboxpad2 {
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
}



.newbuttonnav {
	border-radius: 6px !important;
    cursor: pointer !important;
    color: #fff !important;
    background: #fb771a;
    font-size: 12px !important;
    padding: 6px 16px 6px 16px !important;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -o-transition: all .27s cubic-bezier(0, .0, .58, 1);
    -ms-transition: all .27s cubic-bezier(0, .0, .58, 1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    margin-top: 18px !important;
    line-height: 18px !important;
    height: 31px !important;
    margin-left: 65px !important;
    border: none;
    font-family: 'inter', sans-serif;
    letter-spacing: 0px;
    border: none;
    }

.newbuttonnav:hover {
	opacity: .7;


}

.conditionspic {
	float: left;
    width: 80px;
    margin: 0px 15px 0px 0px;
}

.newbutton {
	background: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
	color: #fff!important;
    font-size: 14px;
    padding: 8px 22px 8px 22px;
    font-weight: 600;
    border-radius: 50px;
    -webkit-transition: all .27s cubic-bezier(0,.0,.58,1);
    -moz-transition: all .27s cubic-bezier(0,.0,.58,1);
    -o-transition: all .27s cubic-bezier(0,.0,.58,1);
    -ms-transition: all .27s cubic-bezier(0,.0,.58,1);
    transition: all .27s cubic-bezier(0,.0,.58,1);
    text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 40%);

   font-family: 'inter', sans-serif;
    text-transform: uppercase;
	
}  
.gridicons{
	border-top: 1px solid rgb(255 255 255 / 10%);
    background: #1F2227;
    border-radius: 10px;
    margin: 0px 12px 0px 0px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    margin: 0px auto 10px auto;
    }

.newbutton:hover {
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 40%), inset 0px 0px 6px rgb(0 0 0 / 70%);
    opacity: .92;
}

.faviconnav {
	width: 15px;
}

.kbot {
	position: absolute;
    left: 64%;
    top: -20px;
    width: 90%;
}

.rightpic {
	width: 190px!important;
    float: right;
    margin: 0px 0px 25px 25px!important;
}

.highlighted {
    color: #000;
    background: #fff;
    padding: 2px;
    border-radius: 1px;
    display: inline-block;
    line-height: 1;
}

.thankyounumbers {
    font-size: 30px;
    float: left;
    border-top: 1px solid rgb(255 255 255 / 20%);
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 100px;
    line-height: 50px;
    font-weight: 700;
    background: #000;
    margin: -3px 15px 0px 0px;
}

.underlinedlink {
	border-bottom: 1px solid #4ad2d2;
	color: white;
	font-weight: 600;
	padding-bottom: 2px;
}

.underlinedlink:hover {
	color:#4ad2d2!important;
}

.underlinedlink2 {
	border-bottom: 1px solid #4ad2d2;
	color: black!important;
	font-weight: 600;
	padding-bottom: 2px;
}

.underlinedlink2:hover {
	color:#4ad2d2!important;
}

.phoneicon {    
	background-image: linear-gradient(135deg,#4ad2d2,#4ad2d2,#4ad2d2);
    padding: 4px;
    border-radius: 4px;
    color: white;
}

/* dev css start */

.categoryboxinsights {
    position: relative !important;
}

.customBlofPostStyle {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 30px;
}

.customBlofPostStyle li {
    max-width: calc(33% - 20px);
}
  

/* Dev css close */