/*-----------------------------------------------------------------------------------*/
/* Global Styles
/*-----------------------------------------------------------------------------------*/
.symple-clear-floats { clear: both }
.symple-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.symple-fadein { opacity: 0; }
.vc_editor .symple-fadein { opacity: 1; }

/* Grid > Main Classes */
.symple-grid { margin: 0 -10px }
.symple-col { float: left; margin: 0 0 20px; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.symple-col.symple-count-1 { clear: both; }
.symple-col-1 { float: none }
.symple-col-2 { width: 50% }
.symple-col-3 { width: 33.33% }
.symple-col-4 { width: 25% }
.symple-col-5 { width: 20% }
.symple-col-6 { width: 16.66666667% }
.symple-col-7 { width: 14.28% }

/*-----------------------------------------------------------------------------------*/
/* Spacing
/*-----------------------------------------------------------------------------------*/
.symple-spacing { display: block; height: auto; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; outline: none !important; }

/*-----------------------------------------------------------------------------------*/
/* Divider
/*-----------------------------------------------------------------------------------*/
.symple-divider { display: block; width: 100%; height: 0; margin: 20px 0; background: none !important; }
.symple-divider.solid { border-top: 1px solid #eee }
.symple-divider.dashed { border-top: 2px dashed #eee }
.symple-divider.dotted { border-top: 3px dotted #eee }
.symple-divider.double { height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.symple-divider.fadeout { width: 100%; height: 1px; border: none; margin-bottom: 42px; margin-top: 12px; margin-left: auto; margin-right: auto; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(#dddddd), to(#f9f9f9)) !important; background-image: -webkit-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: -moz-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: -o-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: -ms-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; }
.symple-divider.fadein { width: 100%; height: 1px; border: none; margin-bottom: 42px; margin-top: 12px; margin-left: auto; margin-right: auto; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(#dddddd), to(#f9f9f9)) !important; background-image: -webkit-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: -moz-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: -o-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: -ms-radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; background-image: radial-gradient(50% 50%, #dddddd, #f9f9f9) !important; }

/*-----------------------------------------------------------------------------------*/
/* Bullets
/*-----------------------------------------------------------------------------------*/
.symple-bullets ul { margin-left: 0 !important; padding-left: 0 !important; list-style: none !important; list-style-image: none !important; }
.symple-bullets ul li { padding-left: 25px !important; }
.symple-bullets-check ul li{ background: url('images/check.png') left center no-repeat; }
.symple-bullets-gray ul li{ background: url('images/bullets-gray.png') left center no-repeat; }
.symple-bullets-blue ul li{ background: url('images/bullets-blue.png') left center no-repeat; }
.symple-bullets-red ul li{ background: url('images/bullets-red.png') left center no-repeat; }
.symple-bullets-purple ul li{ background: url('images/bullets-purple.png') left center no-repeat; }

/*-----------------------------------------------------------------------------------*/
/* Background
/*-----------------------------------------------------------------------------------*/
.symple-background p:last-child { margin: 0; }
.symple-background.style-centered { background-image-repeat: repeat; }
.symple-background.style-fixed,
.symple-background.style-parallax { background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/*-----------------------------------------------------------------------------------*/
/* Columns
/*-----------------------------------------------------------------------------------*/
.symple-one-half { width: 48% }
.symple-one-third { width: 33.66% }
.symple-two-third { width: 62.33% }
.symple-one-fourth { width: 22% }
.symple-three-fourth { width: 74% }
.symple-one-fifth { width: 16.8% }
.symple-two-fifth { width: 37.6% }
.symple-three-fifth { width: 58.4% }
.symple-four-fifth { width: 67.2% }
.symple-one-sixth { width: 13.33% }
.symple-five-sixth { width: 82.67% }
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { position: relative; margin-right: 4%; margin-bottom: 1em; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.symple-column-last { margin-right: 0!important; clear: right; }
.symple-column-last:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { }

/*-----------------------------------------------------------------------------------*/
/* Buttons
/*-----------------------------------------------------------------------------------*/
.symple-button { font-family: inherit; margin: 5px 5px 5px 0; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; text-align: center; outline: none; border: none !important; border-radius: 3px; background: #333; color: #fff !important; padding: 0.8em 1em; line-height: 1em; text-decoration: none !important; -webkit-appearance: none; }
.symple-button:hover { color: #fff; opacity: 0.8; }
.symple-shortcodes span.symple-button-inner { border: none; }

.symple-button.black { background: #000; }
.symple-button.gray { background: #bdc3c7; }
.symple-button.blue { background: #3498db; }
.symple-button.teal { background: #1abc9c; }
.symple-button.orange { background: #f26c4f; }
.symple-button.red { background: #E32027; }
.symple-button.pink { background: #EA4C89; }
.symple-button.purple { background: #9b59b6; }
.symple-button.green { background: #2ecc71; }
.symple-button.gold { background: #f39c12; }
.symple-button.brown { background: #2ecc71; }
.symple-button.navy { background: #34495e; }
.symple-button.rosy { background: #E5789B; }

.symple-button { font-size: 13px }
.symple-button.large { font-size: 16px }
.symple-button.giant { font-size: 18px }
.symple-button.left { float: left }
.symple-button.right { float: right; margin-right: 0; margin-left: 5px; }
.symple-button-icon-left { margin-right: 7px; }
.symple-button-icon-right { margin-left: 7px; }
.symple-button.aligncenter { display: block; margin: 0 auto; }

/*-----------------------------------------------------------------------------------*/
/* Highlights
/*-----------------------------------------------------------------------------------*/
.symple-highlight-yellow, .symple-highlight-yellow a { background-color: #FFF7A8; color: #695D43; }
.symple-highlight-blue, .symple-highlight-blue a { color: #5091b2; background: #e9f7fe; }
.symple-highlight-green, .symple-highlight-green a { color: #5f9025; background: #ebf6e0; }
.symple-highlight-red, .symple-highlight-red a { color: #de5959; background: #ffe9e9; }
.symple-highlight-gray, .symple-highlight-gray a { color: #666; background: #f9f9f9; }

/*-----------------------------------------------------------------------------------*/
/* Boxes

/*-----------------------------------------------------------------------------------*/
/*main*/
.symple-box { display: block; padding: 15px 20px; margin: 0; font-size: 1em; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.symple-box p:last-child { margin: 0 }
/*aligns*/
.symple-box.left { float: left }
.symple-box.right { float: right }
.symple-box.center { margin: 0 auto; float: none; }
/*colors*/
.symple-box.black { color: #fff; background: #000; }
.symple-box.white { color: #0000; background: #ffff; border: 1px solid #eee; }
.symple-box.gray { color: #666; background: #f9f9f9; border: 1px solid #ddd; }
.symple-box.red { color: #de5959; background: #ffe9e9; border: 1px solid #fbc4c4; }
.symple-box.green { color: #5f9025; background: #ebf6e0; border: 1px solid #b3dc82; }
.symple-box.blue { color: #5091b2; background: #e9f7fe; border: 1px solid #b6d7e8; }
.symple-box.yellow { color: #c4690e; background: #fffdf3; border: 1px solid #f2dfa4; }

/*-----------------------------------------------------------------------------------*/
/* Toggle
/*-----------------------------------------------------------------------------------*/
.symple-toggle .symple-toggle-trigger { display: block; color: #555; display: block; padding: 15px 15px 15px 37px; border: 1px solid #ddd; background: #f9f9f9 url("images/plus.png") no-repeat 15px center; outline: 0; text-transform: none; letter-spacing: normal; font-weight: normal; font-size: 1em; line-height: 1.5em; margin: 0; margin-top: 10px; cursor: pointer; }
.symple-toggle .symple-toggle-trigger:hover { background-color: #eee; text-decoration: none; }
.symple-toggle .symple-toggle-trigger.active, .symple-toggle .symple-toggle-trigger.active:hover { color: #000; background-color: #eee; background-image: url("images/minus.png"); text-decoration: none; }
.symple-toggle .symple-toggle-container { display: none; overflow: hidden; padding: 15px; border: 1px solid #ddd; border-top: 0px; }
.symple-toggle.state-open .symple-toggle-container { display: block; }

/*-----------------------------------------------------------------------------------*/
/* Accordion
/*-----------------------------------------------------------------------------------*/
.symple-accordion h3.symple-accordion-trigger { display: block; color: #555; display: block; padding: 15px 15px 15px 37px; border: 1px solid #ddd; background: #f9f9f9 url("images/plus.png") no-repeat 15px center; outline: 0; text-transform: none; letter-spacing: normal; font-weight: normal; font-size: 1em; line-height: 1.5em; margin: 10px 0 0 !important; cursor: pointer; }
.symple-accordion h3.symple-accordion-trigger a { color: #555; text-decoration: none !important; }
.symple-accordion .ui-state-focus { outline: none }
.symple-accordion .symple-accordion-trigger:hover { background-color: #eee; text-decoration: none; }
.symple-accordion .symple-accordion-trigger.ui-state-active { background-color: #eee; background-image: url("images/minus.png"); text-decoration: none; }
.symple-accordion .symple-accordion-trigger.ui-state-active a { color: #000 }
.symple-accordion .ui-accordion-content { background-color: #fff; padding: 15px; border: 1px solid #ddd; border-top: 0px; }
.symple-accordion .ui-accordion-content p:last-child { margin: 0px }
.symple-accordion .ui-icon { margin-right: 7px }

/*-----------------------------------------------------------------------------------*/
/* Tabs
/*-----------------------------------------------------------------------------------*/
.symple-tabs ul.ui-tabs-nav { display: block; margin: 0 !important; padding: 0; border-bottom: solid 1px #ddd; }
.symple-tabs ul.ui-tabs-nav li { display: block; width: auto; height: 40px; padding: 0 !important; float: left !important; margin: 0 4px 0 0 !important; outline: none; }
.symple-tabs ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 40px; padding: 0px 20px; line-height: 40px; border: solid 1px #ddd; border-bottom: none; margin: 0; background-color: #f5f5f5; font-size: 1em; color: #444; outline: none; border-radius: 4px 4px 0 0; }
.symple-tabs ul.ui-tabs-nav li a:hover { color: #333; background: #eee; }
.symple-tabs ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 40px; color: #000 !important; }
.symple-tabs ul.ui-tabs-nav .ui-state-active a:hover { background: #fff }
.symple-tabs .tab-content { background: #fff; padding: 20px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.symple-tabs ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.symple-tabs ul.tabs:after { clear: both }
.symple-tabs ul.tabs { zoom: 1 }
.symple-tabs .ui-tabs-hide { display: none }
.symple-tabs:before, ul.symple-tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.symple-tabs:after { clear: both }
.symple-tabs { zoom: 1 }
.symple-tabs .ui-tabs-hide { display: none }

/*-----------------------------------------------------------------------------------*/
/* Icons
/*-----------------------------------------------------------------------------------*/
.symple-icon { text-decoration: none !important; }
a:hover .symple-icon { text-decoration: none; opacity: 0.8; }
.symple-icon a { color: inherit; }
.symple-icon.symple-icon-circle { display: block; text-align: center; background: #000; color: #fff; border-radius: 100%; }
.symple-icon.symple-icon-xlarge { font-size: 70px; height: 150px; line-height: 150px; width: 150px; margin-bottom: 30px; }
.symple-icon.symple-icon-xlarge.symple-icon-float-left { margin-right: 30px; }
.symple-icon.symple-icon-xlarge.symple-icon-float-right { margin-left: 30px; }
.symple-icon.symple-icon-large { font-size: 32px; height: 80px; line-height: 80px; width: 80px;margin-bottom: 20px; }
.symple-icon.symple-icon-large.symple-icon-float-left { margin-right: 20px; }
.symple-icon.symple-icon-large.symple-icon-float-right { margin-left: 20px; }
.symple-icon.symple-icon-normal { font-size: 18px; height: 45px; line-height: 45px; width: 45px;margin-bottom: 20px; }
.symple-icon.symple-icon-normal.symple-icon-float-left { margin-right: 20px; }
.symple-icon.symple-icon-normal.symple-icon-float-right { margin-left: 20px; }
.symple-icon.symple-icon-small { font-size: 14px; height: 30px; line-height: 30px; width: 30px; margin-bottom: 15px;  }
.symple-icon.symple-icon-small.symple-icon-float-left { margin-right: 15px; }
.symple-icon.symple-icon-small.symple-icon-float-right { margin-left: 15px; }
.symple-icon.symple-icon-tiny { font-size: 12px; height: 25px; line-height: 25px; width: 25px; margin-bottom: 10px;  }
.symple-icon.symple-icon-tiny.symple-icon-float-left { margin-right: 10px; }
.symple-icon.symple-icon-tiny.symple-icon-float-right { margin-left: 10px; }
.symple-icon-float-left { display: block; float: left; }
.symple-icon-float-right { display: block; float: right; }
.symple-icon-float-center { margin: 0 auto; display: block; }

/*-----------------------------------------------------------------------------------*/
/* Provide some responsive support for the Symple Shortcodes
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 860px) { 
	.symple-shortcodes-responsive .symple-flexslider-wrap .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
	.symple-shortcodes-responsive .symple-flexslider-wrap .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}
@media only screen and (max-width: 700px) {

	.symple-shortcodes-responsive .symple-col { width: 100%; }

	.symple-shortcodes-responsive .symple-one-half,
	.symple-shortcodes-responsive .symple-one-third,
	.symple-shortcodes-responsive .symple-two-third,
	.symple-shortcodes-responsive .symple-three-fourth,
	.symple-shortcodes-responsive .symple-one-fourth,
	.symple-shortcodes-responsive .symple-one-fifth,
	.symple-shortcodes-responsive .symple-two-fifth,
	.symple-shortcodes-responsive .symple-three-fifth,
	.symple-shortcodes-responsive .symple-four-fifth,
	.symple-shortcodes-responsive .symple-one-sixth,
	.symple-shortcodes-responsive .symple-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }

	.symple-shortcodes-responsive .symple-shortcodes-responsive .symple-pricing-table > div { margin-bottom: 25px }

	.symple-shortcodes-responsive .symple-shortcodes-responsive .symple-box,
	.symple-shortcodes-responsive .symple-box.left,
	.symple-shortcodes-responsive .symple-box.right { float: none; width: 100% !important; }

	.symple-shortcodes-responsive .symple-tabs ul.ui-tabs-nav { margin-left: 0 }
	.symple-shortcodes-responsive .symple-tabs ul.ui-tabs-nav li { width: 100% }
	.symple-shortcodes-responsive .symple-tabs ul.ui-tabs-nav li a { border-left-width: 1px }
	.symple-shortcodes-responsive .symple-tabs ul.ui-tabs-nav .ui-state-active a,
	.symple-shortcodes-responsive .symple-tabs ul.ui-tabs-nav .ui-state-active a:hover { height: 39px; padding-top: 0; margin-left: 0; top: auto; background-color: #eee; color: #000; font-weight: bold; }
	.symple-shortcodes-responsive .symple-callout-caption { text-align: center }
	.symple-shortcodes-responsive .symple-callout-caption { float: none; font-size: 1.6em; font-weight: 400; width: 100%; color: #555; }
	.symple-shortcodes-responsive .symple-callout-button { position: inherit; right: auto; top: auto; margin: 20px auto 0; text-align: center; }
}