/* THEME COLORS */



/* BACKGROUNDS */



.bg-green {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ba39c+0,3498db+100 */

background: rgb(27,163,156); /* Old browsers */

background: -moz-linear-gradient(left, rgba(27,163,156,1) 0%, rgba(52,152,219,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(27,163,156,1)), color-stop(100%,rgba(52,152,219,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, rgba(27,163,156,1) 0%,rgba(52,152,219,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, rgba(27,163,156,1) 0%,rgba(52,152,219,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, rgba(27,163,156,1) 0%,rgba(52,152,219,1) 100%); /* IE10+ */

background: linear-gradient(to right, rgba(27,163,156,1) 0%,rgba(52,152,219,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ba39c', endColorstr='#3498db',GradientType=1 ); /* IE6-9 */

}



.bg-orange {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4af32+0,da670a+100 */

background: rgb(244,175,50); /* Old browsers */

background: -moz-linear-gradient(left, rgba(244,175,50,1) 0%, rgba(218,103,10,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,175,50,1)), color-stop(100%,rgba(218,103,10,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left, rgba(244,175,50,1) 0%,rgba(218,103,10,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left, rgba(244,175,50,1) 0%,rgba(218,103,10,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left, rgba(244,175,50,1) 0%,rgba(218,103,10,1) 100%); /* IE10+ */

background: linear-gradient(to right, rgba(244,175,50,1) 0%,rgba(218,103,10,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4af32', endColorstr='#da670a',GradientType=1 ); /* IE6-9 */

}



.bg-violet {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f86c1+0,443e57+100 */

 /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f86c1', endColorstr='#443e57',GradientType=1 ); /* IE6-9 */

}

	

.wh-clr { color: #fff; }

.wh-clr-hov:hover { color: #fff; }

.brd-wh-clr { border-color: #fff; }

.brd-wh-clr-hov:hover { border-color: #fff; }

.bg-wh-clr { background-color: #fff; }

.bg-wh-clr-hov:hover { background-color: #fff; }

.bg-wh-alpha { background-color: rgba(255,255,255,0.5); }

.bg-bk-alpha { background-color: rgba(0,0,0,0.5); }

.gr1-clr { color: #ebebeb; }

.gr1-clr-hov:hover { color: #ebebeb; }

.brd-gr1-clr { border-color: #ebebeb; }

.brd-gr1-clr-hov:hover { border-color: #ebebeb; }

.bg-gr1-clr { background-color: #ebebeb; }

.bg-gr1-clr-hov:hover { background-color: #ebebeb; }

.gr2-clr { color: #dfdfdf; }

.gr2-clr-hov:hover { color: #dfdfdf; }

.brd-gr2-clr { border-color: #dfdfdf; }

.brd-gr2-clr-hov:hover { border-color: #dfdfdf; }

.bg-gr2-clr { background-color: #dfdfdf; }

.bg-gr2-clr-hov:hover { background-color: #dfdfdf; }

.gr3-clr { color: #f1f1f1; }

.gr3-clr-hov:hover { color: #f1f1f1; }

.brd-gr3-clr { border-color: #f1f1f1; }

.brd-gr3-clr-hov:hover { border-color: #f1f1f1; }

.bg-gr3-clr { background-color: #f1f1f1; }

.bg-gr3-clr-hov:hover { background-color: #f1f1f1; }



/* CUSTOM COLORS */



/* first color */



.fs-clr { color: #1BA39C; }

 

.fs-clr-hov:hover { color: #1BA39C; }

 

.bg-fs-clr { background-color: #1BA39C; }

.bg-fs-clr-hov:hover { background-color: #1BA39C; }

 

.bg-fs-alpha { background-color: rgba(27,163,156,0.5); }

.brd-fs-clr { border-color: #1BA39C; }

.brd-fs-clr-hov:hover { border-color: #1BA39C; }



/* second color */

	

.nd-clr { color: #3F3043; }

 

.nd-clr-hov:hover { color: #3F3043; }

 

.bg-nd-clr { background-color: #3F3043; }

.bg-nd-clr-hov:hover { background-color: #3F3043; }

.bg-nd-alpha { background-color: rgba(63,48,67,0.5)); }

.brd-nd-clr { border-color: #3F3043; }

.brd-nd-clr-hov:hover { border-color: #3F3043; }



/* third color */



.rd-clr { color: #3498DB; }

 

.rd-clr-hov:hover { color: #3498DB; }

 

.bg-rd-clr { background-color: #3498DB; }

.bg-rd-clr-hov:hover { background-color: #3498DB; }

 

.bg-rd-alpha { background-color: rgba(52,152,219,0.5); }

.brd-rd-clr { border-color: #3498DB; }

.brd-rd-clr-hov:hover { border-color: #3498DB; }

	

/* Preloader */



#jpreBar {

	background: #3F3043;

}



#jprePercentage {

	border-color: #3F3043;

	color: #3F3043;

}



/* Standard Menu/Submenu */

	

.main-menu li:hover > a  {

	color: #3F3043;

}



.header-dark .sub-menu li > a {

	background-color: #3F3043 !important;

}



.header-dark .sub-menu li > a:hover {

	background-color: #fff !important;

	color: #3F3043;

}



/* Sticky Menu/Submenu */



.sticky .main-menu li, .sticky .main-menu li > a {

	color: #3F3043;

}



.sticky .main-menu li:hover > a {

	background-color: #3F3043;

}



.sticky .sub-menu li > a {

	background-color: #2574a9 !important;

}



.sticky .sub-menu li:hover > a {

	background-color: #3F3043 !important;

}



/* Sticky Quick Icons */



.sticky #quick-icons li {

	color: #3F3043;

}



.sticky #quick-icons li:hover {

	border-color: #3F3043;

}



/* Sticky Nav Icons */



.sticky-icons li{

	color: #3F3043 !important;

}



/* Slills */



.team-skills li .bar-val {

	background: #2574a9;

}



/* Mobile Menu */



#mobile-menu {

	background-color: #3F3043;

}



#mobile-menu li:hover {

	background: #2574a9;

}



/* Video */



#volume { position: absolute; left: 0; bottom: 0; background: #3F3043; z-index:9999; color: #fff; padding: 10px; display: block; opacity: 0.2; font-size: 16px; cursor: pointer; }



#volume:hover { opacity: 1; }



#internal-video:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(37,116,169,0.7); }



/* Typography */



blockquote { 

	border-color: #2574a9;

	color: #2574a9; 

}



h1, h2, h3 { color: #2574a9; }



.ui-tabs .ui-tabs-nav li.ui-tabs-active {

	background: #2574a9;

	color: #fff;

}



/* TRANSITIONS */



.transit {

	transition: 0.3s all ease-in-out;

	-moz-transition: 0.3s all ease-in-out;

	-ms-transition: 0.3s all ease-in-out;

	-o-transition: 0.3s all ease-in-out;

	-webkit-transition: 0.3s all ease-in-out;

}



.transit-fade,

.transit-left,

.transit-right,

.transit-top,

.transit-bottom,

.transit-bouncein,

.transit-flip,

.transit-rotate {

	opacity: 0;

}



.transit-words {

	visibility: hidden;

}



/* DIVIDERS */



.clear {

    clear: both;

}



.line-center {

    clear: both;

    margin: 25px auto;

    width: 50px;

	border-top-style: solid;

	border-top-width: 3px;

}



.line-left {

    clear: both;

    margin: 25px 0;

    width: 50px;

	border-top-style: solid;

	border-top-width: 3px;

}



/* SPACING */



.marg-25 {

	margin: 25px;

}



.marg-x-25 {

	margin: 0 25px;

}



.marg-y-25 {

	margin: 25px 0;

}



.marg-top-25 {

	margin-top: 25px;

}



.marg-bott-25 {

	margin-bottom: 25px;

}



.marg-left-25 {

	margin-left: 25px;

}



.marg-right-25 {

	margin-right: 25px;

}



.padd-25 {

	padding: 25px;

}



.padd-x-25 {

	padding: 0 25px;

}



.padd-y-25 {

	padding: 25px 0;

}



.padd-top-25 {

	padding-top: 25px;

}



.padd-bott-25 {

	padding-bottom: 25px;

}



.padd-left-25 {

	padding-left: 25px;

}



.padd-right-25 {

	padding-right: 25px;

}



.marg-50 {

	margin: 50px;

}



.marg-x-50 {

	margin: 0 50px;

}



.marg-y-50 {

	margin: 50px 0;

}



.marg-top-50 {

	margin-top: 50px;

}



.marg-bott-50 {

	margin-bottom: 50px;

}



.marg-left-50 {

	margin-left: 50px;

}



.marg-right-50 {

	margin-right: 50px;

}



.padd-50 {

	padding: 50px;

}



.padd-x-50 {

	padding: 0 50px;

}



.padd-y-50 {

	padding: 50px 0;

}



.padd-top-50 {

	padding-top: 50px;

}



.padd-bott-50 {

	padding-bottom: 50px;

}



.padd-left-50 {

	padding-left: 50px;

}



.padd-right-50 {

	padding-right: 50px;

}



.marg-75 {

	margin: 75px;

}



.marg-x-75 {

	margin: 0 75px;

}



.marg-y-75 {

	margin: 75px 0;

}



.marg-top-75 {

	margin-top: 75px;

}



.marg-bott-75 {

	margin-bottom: 75px;

}



.marg-left-75 {

	margin-left: 75px;

}



.marg-right-75 {

	margin-right: 75px;

}



.padd-75 {

	padding: 75px;

}



.padd-x-75 {

	padding: 0 75px;

}



.padd-y-75 {

	padding: 75px 0;

}



.padd-top-75 {

	padding-top: 75px;

}



.padd-bott-75 {

	padding-bottom: 75px;

}



.padd-left-75 {

	padding-left: 75px;

}



.padd-right-75 {

	padding-right: 75px;

}



.marg-100 {

	margin: 100px;

}



.marg-x-100 {

	margin: 0 100px;

}



.marg-y-100 {

	margin: 100px 0;

}



.marg-top-100 {

	margin-top: 100px;

}



.marg-bott-100 {

	margin-bottom: 100px;

}



.marg-left-100 {

	margin-left: 100px;

}



.marg-right-100 {

	margin-right: 100px;

}



.padd-100 {

	padding: 100px;

}



.padd-x-100 {

	padding: 0 100px;

}



.padd-y-100 {

	padding: 100px 0;

}



.padd-top-100 {

	padding-top: 100px;

}



.padd-bott-100 {

	padding-bottom: 100px;

}



.padd-left-100 {

	padding-left: 100px;

}



.padd-right-100 {

	padding-right: 100px;

}



.marg-25 {

	margin: 25px;

}



.marg-x-25 {

	margin: 0 25px;

}



.marg-y-25 {

	margin: 25px 0;

}



.marg-top-25 {

	margin-top: 25px;

}



.marg-bott-25 {

	margin-bottom: 25px;

}



.marg-left-25 {

	margin-left: 25px;

}



.marg-right-25 {

	margin-right: 25px;

}



.padd-25 {

	padding: 25px;

}



.padd-x-25 {

	padding: 0 25px;

}



.padd-y-25 {

	padding: 25px 0;

}



.padd-top-25 {

	padding-bottom: 70px;

	padding-top: 25px;

}



.padd-bott-25 {

	padding-bottom: 25px;

}



.padd-left-25 {

	padding-left: 25px;

}



.padd-right-25 {

	padding-right: 25px;

}



.marg-50 {

	margin: 50px;

}



.marg-x-50 {

	margin: 0 50px;

}



.marg-y-50 {

	margin: 50px 0;

}



.marg-top-50 {

	margin-top: 50px;

}



.marg-bott-50 {

	margin-bottom: 50px;

}



.marg-left-50 {

	margin-left: 50px;

}



.marg-right-50 {

	margin-right: 50px;

}



.padd-50 {

	padding: 50px;

}



.padd-x-50 {

	padding: 0 50px;

}



.padd-y-50 {

	padding: 50px 0;

}



.padd-top-50 {

	padding-top: 50px;

}



.padd-bott-50 {

	padding-bottom: 50px;

}



.padd-left-50 {

	padding-left: 50px;

}



.padd-right-50 {

	padding-right: 50px;

}



.marg-75 {

	margin: 75px;

}



.marg-x-75 {

	margin: 0 75px;

}



.marg-y-75 {

	margin: 75px 0;

}



.marg-top-75 {

	margin-top: 75px;

}



.marg-bott-75 {

	margin-bottom: 75px;

}



.marg-left-75 {

	margin-left: 75px;

}



.marg-right-75 {

	margin-right: 75px;

}



.padd-75 {

	padding: 75px;

}



.padd-x-75 {

	padding: 0 75px;

}



.padd-y-75 {

	padding: 75px 0;

}



.padd-top-75 {

	padding-top: 75px;

}



.padd-bott-75 {

	padding-bottom: 75px;

}



.padd-left-75 {

	padding-left: 75px;

}



.padd-right-75 {

	padding-right: 75px;

}



.marg-100 {

	margin: 100px;

}



.marg-x-100 {

	margin: 0 100px;

}



.marg-y-100 {

	margin: 100px 0;

}



.marg-top-100 {

	margin-top: 100px;

}



.marg-bott-100 {

	margin-bottom: 100px;

}



.marg-left-100 {

	margin-left: 100px;

}



.marg-right-100 {

	margin-right: 100px;

}



.padd-100 {

	padding: 100px;

}



.padd-x-100 {

	padding: 0 100px;

}



.padd-y-100 {

	padding: 100px 0;

}



.padd-top-100 {

	padding-top: 100px;

}



.padd-bott-100 {

	padding-bottom: 100px;

}



.padd-left-100 {

	padding-left: 100px;

}



.padd-right-100 {

	padding-right: 100px;

}