Mini Shell

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

	Theme Name: Extent
	----------------------
	
/*----------------------------------
	
	/* #Color Skins
================================================== */
.colorskin-1 .blox.dark *,.colorskin-2 .blox.dark *,.colorskin-3 .blox.dark *,.colorskin-4 .blox.dark *,.colorskin-5 .blox.dark *,.colorskin-6 .blox.dark *,.colorskin-7 .blox.dark *,.colorskin-8 .blox.dark *,.colorskin-9 .blox.dark *,.colorskin-10 .blox.dark *{color:#fff},.colorskin-11 .blox.dark *{color:#fff},.colorskin-12 .blox.dark *{color:#fff},.colorskin-13 .blox.dark *{color:#fff},.colorskin-14 .blox.dark *{color:#fff},.colorskin-15 .blox.dark *{color:#fff},.colorskin-16 .blox.dark *{color:#fff},.colorskin-17 .blox.dark *{color:#fff},.colorskin-18 .blox.dark *{color:#fff},.colorskin-19 .blox.dark *{color:#fff},.colorskin-20 .blox.dark *{color:#fff}



/* == Color Skin 1 #(Teal)#
=================================== */

/* == TextColors
---------------- */
.colorskin-1 #nav a:hover, .colorskin-1 #nav li:hover > a, .colorskin-1 #nav li.current > a, .colorskin-1 #nav li.active > a, .colorskin-1 #nav ul li a:hover, .colorskin-1 #nav li.current ul li a:hover, .colorskin-1 .nav-wrap2 #nav ul li a:hover, .colorskin-1 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-1 #nav ul li.current > a, .colorskin-1 #nav ul li:hover > a, .colorskin-1 nav.primary .portfolioFilters a.selected, .colorskin-1 nav.primary .portfolioFilters a:hover, .colorskin-1 nav.primary ul li a:active, .colorskin-1 .colorf , .colorskin-1 .callout i, .colorskin-1 a.magicmore, .colorskin-1 .icon-box i, .colorskin-1 .icon-box1 i, .colorskin-1 .icon-box3:hover i, .colorskin-1 .icon-box5 i, .colorskin-1 .icon-box8 i, .colorskin-1 .icon-box9 i, .colorskin-1 .icon-box10 i, .colorskin-1 .icon-box11 i, .colorskin-1 .zoomex2 a:hover i, .colorskin-1 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-1 .testimonials-slider-w .testimonial-content h4 q:after {color: #1bbc9b}


/* == Backgrounds
----------------- */
.colorskin-1 .icon-box1:hover i, .colorskin-1 .icon-box6 i, .colorskin-1 .icon-box4:hover i, .colorskin-1 .colorb, .colorskin-1 .footer-in .contact-inf button, .colorskin-1 #footer .side-list li:hover img, .colorskin-1 .icon-box1:hover i, .colorskin-1 .side-list li:hover img,
.colorskin-1 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-1 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-1 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #1bbc9b}


/* == BorderColors
------------------ */
.colorskin-1 nav.primary .portfolioFilters a.selected, .colorskin-1 nav.primary ul li a:active, .colorskin-1 .our-team-ca:hover figure img, .colorskin-1 .footer-in h5.subtitle:after, .colorskin-1 .our-team:hover figure, .colorskin-1 a.magicmore:after, .colorskin-1 .icon-box5:hover i , .colorskin-1 .zoomex2 a:hover i, .colorskin-1 .max-title2:after, .colorskin-1 .max-title4:after, .colorskin-1 .max-title5:after, .colorskin-1 .sidebar h4.subtitle:after, .colorskin-1 h6.h-sub-content, .colorskin-1 .icon-box1:hover i, .colorskin-1 .icon-box4:hover i {border-color:#1bbc9b}

/* == PortfolioItemBg
----------------------- */
.colorskin-1 .zoomex2 { background-color:rgba(27,188,155,.92);}




/* == Color Skin 2 #(Blue)#
=================================== */

/* == TextColors
---------------- */
.colorskin-2 #nav a:hover, .colorskin-2 #nav li:hover > a, .colorskin-2 #nav li.current > a, .colorskin-2 #nav li.active > a, .colorskin-2 #nav ul li a:hover, .colorskin-2 #nav li.current ul li a:hover, .colorskin-2 .nav-wrap2 #nav ul li a:hover, .colorskin-2 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-2 #nav ul li.current > a, .colorskin-2 #nav ul li:hover > a, .colorskin-2 nav.primary .portfolioFilters a.selected, .colorskin-2 nav.primary .portfolioFilters a:hover, .colorskin-2 nav.primary ul li a:active, .colorskin-2 .colorf , .colorskin-2 .callout i, .colorskin-2 a.magicmore, .colorskin-2 .icon-box i, .colorskin-2 .icon-box1 i, .colorskin-2 .icon-box3:hover i, .colorskin-2 .icon-box5 i, .colorskin-2 .icon-box8 i, .colorskin-2 .icon-box9 i, .colorskin-2 .icon-box10 i, .colorskin-2 .icon-box11 i, .colorskin-2 .zoomex2 a:hover i, .colorskin-2 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-2 .testimonials-slider-w .testimonial-content h4 q:after {color: #0093d0}


/* == Backgrounds
----------------- */
.colorskin-2 .icon-box1:hover i, .colorskin-2 .icon-box6 i, .colorskin-2 .icon-box4:hover i, .colorskin-2 .colorb, .colorskin-2 .footer-in .contact-inf button, .colorskin-2 #footer .side-list li:hover img, .colorskin-2 .icon-box1:hover i, .colorskin-2 .side-list li:hover img,
.colorskin-2 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-2 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-2 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #0093d0}


/* == BorderColors
------------------ */
.colorskin-2 nav.primary .portfolioFilters a.selected, .colorskin-2 nav.primary ul li a:active, .colorskin-2 .our-team-ca:hover figure img, .colorskin-2 .footer-in h5.subtitle:after, .colorskin-2 .our-team:hover figure, .colorskin-2 a.magicmore:after, .colorskin-2 .icon-box5:hover i , .colorskin-2 .zoomex2 a:hover i, .colorskin-2 .max-title2:after, .colorskin-2 .max-title4:after, .colorskin-2 .max-title5:after, .colorskin-2 .sidebar h4.subtitle:after, .colorskin-2 h6.h-sub-content, .colorskin-2 .icon-box1:hover i, .colorskin-2 .icon-box4:hover i {border-color:#0093d0}

/* == PortfolioItemBg
----------------------- */
.colorskin-2 .zoomex2 { background-color:rgba(0,147,208,.92);}




/* == Color Skin 3 #(Red)#
=================================== */

/* == TextColors
---------------- */
.colorskin-3 #nav a:hover, .colorskin-3 #nav li:hover > a, .colorskin-3 #nav li.current > a, .colorskin-3 #nav li.active > a, .colorskin-3 #nav ul li a:hover, .colorskin-3 #nav li.current ul li a:hover, .colorskin-3 .nav-wrap2 #nav ul li a:hover, .colorskin-3 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-3 #nav ul li.current > a, .colorskin-3 #nav ul li:hover > a, .colorskin-3 nav.primary .portfolioFilters a.selected, .colorskin-3 nav.primary .portfolioFilters a:hover, .colorskin-3 nav.primary ul li a:active, .colorskin-3 .colorf , .colorskin-3 .callout i, .colorskin-3 a.magicmore, .colorskin-3 .icon-box i, .colorskin-3 .icon-box1 i, .colorskin-3 .icon-box3:hover i, .colorskin-3 .icon-box5 i, .colorskin-3 .icon-box8 i, .colorskin-3 .icon-box9 i, .colorskin-3 .icon-box10 i, .colorskin-3 .icon-box11 i, .colorskin-3 .zoomex2 a:hover i, .colorskin-3 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-3 .testimonials-slider-w .testimonial-content h4 q:after {color: #ccc}


/* == Backgrounds
----------------- */
.colorskin-3 .icon-box1:hover i, .colorskin-3 .icon-box6 i, .colorskin-3 .icon-box4:hover i, .colorskin-3 .colorb, .colorskin-3 .footer-in .contact-inf button, .colorskin-3 #footer .side-list li:hover img, .colorskin-3 .icon-box1:hover i, .colorskin-3 .side-list li:hover img,
.colorskin-3 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-3 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-3 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #e53f51}


/* == BorderColors
------------------ */
.colorskin-3 nav.primary .portfolioFilters a.selected, .colorskin-3 nav.primary ul li a:active, .colorskin-3 .our-team-ca:hover figure img, .colorskin-3 .footer-in h5.subtitle:after, .colorskin-3 .our-team:hover figure, .colorskin-3 a.magicmore:after, .colorskin-3 .icon-box5:hover i , .colorskin-3 .zoomex2 a:hover i, .colorskin-3 .max-title2:after, .colorskin-3 .max-title4:after, .colorskin-3 .max-title5:after, .colorskin-3 .sidebar h4.subtitle:after, .colorskin-3 h6.h-sub-content, .colorskin-3 .icon-box1:hover i, .colorskin-3 .icon-box4:hover i {border-color:#e53f51}

/* == PortfolioItemBg
----------------------- */
.colorskin-3 .zoomex2 { background-color:rgba(229,63,81,.92);}




/* == Color Skin 4 #(Yellow)#
=================================== */

/* == TextColors
---------------- */
.colorskin-4 #nav a:hover, .colorskin-4 #nav li:hover > a, .colorskin-4 #nav li.current > a, .colorskin-4 #nav li.active > a, .colorskin-4 #nav ul li a:hover, .colorskin-4 #nav li.current ul li a:hover, .colorskin-4 .nav-wrap2 #nav ul li a:hover, .colorskin-4 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-4 #nav ul li.current > a, .colorskin-4 #nav ul li:hover > a, .colorskin-4 nav.primary .portfolioFilters a.selected, .colorskin-4 nav.primary .portfolioFilters a:hover, .colorskin-4 nav.primary ul li a:active, .colorskin-4 .colorf , .colorskin-4 .callout i, .colorskin-4 a.magicmore, .colorskin-4 .icon-box i, .colorskin-4 .icon-box1 i, .colorskin-4 .icon-box3:hover i, .colorskin-4 .icon-box5 i, .colorskin-4 .icon-box8 i, .colorskin-4 .icon-box9 i, .colorskin-4 .icon-box10 i, .colorskin-4 .icon-box11 i, .colorskin-4 .zoomex2 a:hover i, .colorskin-4 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-4 .testimonials-slider-w .testimonial-content h4 q:after {color: #f1c40f}


/* == Backgrounds
----------------- */
.colorskin-4 .icon-box1:hover i, .colorskin-4 .icon-box6 i, .colorskin-4 .icon-box4:hover i, .colorskin-4 .colorb, .colorskin-4 .footer-in .contact-inf button, .colorskin-4 #footer .side-list li:hover img, .colorskin-4 .icon-box1:hover i, .colorskin-4 .side-list li:hover img,
.colorskin-4 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-4 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-4 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #f1c40f}


/* == BorderColors
------------------ */
.colorskin-4 nav.primary .portfolioFilters a.selected, .colorskin-4 nav.primary ul li a:active, .colorskin-4 .our-team-ca:hover figure img, .colorskin-4 .footer-in h5.subtitle:after, .colorskin-4 .our-team:hover figure, .colorskin-4 a.magicmore:after, .colorskin-4 .icon-box5:hover i , .colorskin-4 .zoomex2 a:hover i, .colorskin-4 .max-title2:after, .colorskin-4 .max-title4:after, .colorskin-4 .max-title5:after, .colorskin-4 .sidebar h4.subtitle:after, .colorskin-4 h6.h-sub-content, .colorskin-4 .icon-box1:hover i, .colorskin-4 .icon-box4:hover i {border-color:#f1c40f}

/* == PortfolioItemBg
----------------------- */
.colorskin-4 .zoomex2 {background-color: rgba(241,196,15,.92);}




/* == Color Skin 5 #(Pink)#
=================================== */

/* == TextColors
---------------- */
.colorskin-5 #nav a:hover, .colorskin-5 #nav li:hover > a, .colorskin-5 #nav li.current > a, .colorskin-5 #nav li.active > a, .colorskin-5 #nav ul li a:hover, .colorskin-5 #nav li.current ul li a:hover, .colorskin-5 .nav-wrap2 #nav ul li a:hover, .colorskin-5 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-5 #nav ul li.current > a, .colorskin-5 #nav ul li:hover > a, .colorskin-5 nav.primary .portfolioFilters a.selected, .colorskin-5 nav.primary .portfolioFilters a:hover, .colorskin-5 nav.primary ul li a:active, .colorskin-5 .colorf , .colorskin-5 .callout i, .colorskin-5 a.magicmore, .colorskin-5 .icon-box i, .colorskin-5 .icon-box1 i, .colorskin-5 .icon-box3:hover i, .colorskin-5 .icon-box5 i, .colorskin-5 .icon-box8 i, .colorskin-5 .icon-box9 i, .colorskin-5 .icon-box10 i, .colorskin-5 .icon-box11 i, .colorskin-5 .zoomex2 a:hover i, .colorskin-5 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-5 .testimonials-slider-w .testimonial-content h4 q:after {color: #e64883}


/* == Backgrounds
----------------- */
.colorskin-5 .icon-box1:hover i, .colorskin-5 .icon-box6 i, .colorskin-5 .icon-box4:hover i, .colorskin-5 .colorb, .colorskin-5 .footer-in .contact-inf button, .colorskin-5 #footer .side-list li:hover img, .colorskin-5 .icon-box1:hover i, .colorskin-5 .side-list li:hover img,
.colorskin-5 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-5 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-5 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #e64883}


/* == BorderColors
------------------ */
.colorskin-5 nav.primary .portfolioFilters a.selected, .colorskin-5 nav.primary ul li a:active, .colorskin-5 .our-team-ca:hover figure img, .colorskin-5 .footer-in h5.subtitle:after, .colorskin-5 .our-team:hover figure, .colorskin-5 a.magicmore:after, .colorskin-5 .icon-box5:hover i , .colorskin-5 .zoomex2 a:hover i, .colorskin-5 .max-title2:after, .colorskin-5 .max-title4:after, .colorskin-5 .max-title5:after, .colorskin-5 .sidebar h4.subtitle:after, .colorskin-5 h6.h-sub-content, .colorskin-5 .icon-box1:hover i, .colorskin-5 .icon-box4:hover i {border-color:#e64883}

/* == PortfolioItemBg
----------------------- */
.colorskin-5 .zoomex2 {background-color: rgba(230,72,131,.92);}




/* == Color Skin 6 #(Green)#
=================================== */

/* == TextColors
---------------- */
.colorskin-6 #nav a:hover, .colorskin-6 #nav li:hover > a, .colorskin-6 #nav li.current > a, .colorskin-6 #nav li.active > a, .colorskin-6 #nav ul li a:hover, .colorskin-6 #nav li.current ul li a:hover, .colorskin-6 .nav-wrap2 #nav ul li a:hover, .colorskin-6 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-6 #nav ul li.current > a, .colorskin-6 #nav ul li:hover > a, .colorskin-6 nav.primary .portfolioFilters a.selected, .colorskin-6 nav.primary .portfolioFilters a:hover, .colorskin-6 nav.primary ul li a:active, .colorskin-6 .colorf , .colorskin-6 .callout i, .colorskin-6 a.magicmore, .colorskin-6 .icon-box i, .colorskin-6 .icon-box1 i, .colorskin-6 .icon-box3:hover i, .colorskin-6 .icon-box5 i, .colorskin-6 .icon-box8 i, .colorskin-6 .icon-box9 i, .colorskin-6 .icon-box10 i, .colorskin-6 .icon-box11 i, .colorskin-6 .zoomex2 a:hover i, .colorskin-6 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-6 .testimonials-slider-w .testimonial-content h4 q:after {color: #45ab48}


/* == Backgrounds
----------------- */
.colorskin-6 .icon-box1:hover i, .colorskin-6 .icon-box6 i, .colorskin-6 .icon-box4:hover i, .colorskin-6 .colorb, .colorskin-6 .footer-in .contact-inf button, .colorskin-6 #footer .side-list li:hover img, .colorskin-6 .icon-box1:hover i, .colorskin-6 .side-list li:hover img,
.colorskin-6 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-6 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-6 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #45ab48}


/* == BorderColors
------------------ */
.colorskin-6 nav.primary .portfolioFilters a.selected, .colorskin-6 nav.primary ul li a:active, .colorskin-6 .our-team-ca:hover figure img, .colorskin-6 .footer-in h5.subtitle:after, .colorskin-6 .our-team:hover figure, .colorskin-6 a.magicmore:after, .colorskin-6 .icon-box5:hover i, .colorskin-6 .zoomex2 a:hover i, .colorskin-6 .max-title2:after, .colorskin-6 .max-title4:after, .colorskin-6 .max-title5:after, .colorskin-6 .sidebar h4.subtitle:after, .colorskin-6 h6.h-sub-content, .colorskin-6 .icon-box1:hover i, .colorskin-6 .icon-box4:hover i {border-color:#45ab48}


/* == PortfolioItemBg
----------------------- */
.colorskin-6 .zoomex2 {background-color: rgba(69,171,72,.92);}





/* == Color Skin 7 #(Orchid)#
=================================== */

/* == TextColors
---------------- */
.colorskin-7 #nav a:hover, .colorskin-7 #nav li:hover > a, .colorskin-7 #nav li.current > a, .colorskin-7 #nav li.active > a, .colorskin-7 #nav ul li a:hover, .colorskin-7 #nav li.current ul li a:hover, .colorskin-7 .nav-wrap2 #nav ul li a:hover, .colorskin-7 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-7 #nav ul li.current > a, .colorskin-7 #nav ul li:hover > a, .colorskin-7 nav.primary .portfolioFilters a.selected, .colorskin-7 nav.primary .portfolioFilters a:hover, .colorskin-7 nav.primary ul li a:active, .colorskin-7 .colorf , .colorskin-7 .callout i, .colorskin-7 a.magicmore, .colorskin-7 .icon-box i, .colorskin-7 .icon-box1 i, .colorskin-7 .icon-box3:hover i, .colorskin-7 .icon-box5 i, .colorskin-7 .icon-box8 i, .colorskin-7 .icon-box9 i, .colorskin-7 .icon-box10 i, .colorskin-7 .icon-box11 i, .colorskin-7 .zoomex2 a:hover i, .colorskin-7 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-7 .testimonials-slider-w .testimonial-content h4 q:after {color: #9661ab}


/* == Backgrounds
----------------- */
.colorskin-7 .icon-box1:hover i, .colorskin-7 .icon-box6 i, .colorskin-7 .icon-box4:hover i, .colorskin-7 .colorb, .colorskin-7 .footer-in .contact-inf button, .colorskin-7 #footer .side-list li:hover img, .colorskin-7 .icon-box1:hover i, .colorskin-7 .side-list li:hover img,
.colorskin-7 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-7 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-7 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #9661ab}


/* == BorderColors
------------------ */
.colorskin-7 nav.primary .portfolioFilters a.selected, .colorskin-7 nav.primary ul li a:active, .colorskin-7 .our-team-ca:hover figure img, .colorskin-7 .footer-in h5.subtitle:after, .colorskin-7 .our-team:hover figure, .colorskin-7 a.magicmore:after, .colorskin-7 .icon-box5:hover i, .colorskin-7 .zoomex2 a:hover i, .colorskin-7 .max-title2:after, .colorskin-7 .max-title4:after, .colorskin-7 .max-title5:after, .colorskin-7 .sidebar h4.subtitle:after, .colorskin-7 h6.h-sub-content, .colorskin-7 .icon-box1:hover i, .colorskin-7 .icon-box4:hover i {border-color:#45ab48}

 /* == PortfolioItemBg
----------------------- */
.colorskin-7 .zoomex2 {background-color: rgba(150,97,171,.92);}





/* == Color Skin 8 #(Jade)#
=================================== */

/* == TextColors
---------------- */
.colorskin-8 #nav a:hover, .colorskin-8 #nav li:hover > a, .colorskin-8 #nav li.current > a, .colorskin-8 #nav li.active > a, .colorskin-8 #nav ul li a:hover, .colorskin-8 #nav li.current ul li a:hover, .colorskin-8 .nav-wrap2 #nav ul li a:hover, .colorskin-8 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-8 #nav ul li.current > a, .colorskin-8 #nav ul li:hover > a, .colorskin-8 nav.primary .portfolioFilters a.selected, .colorskin-8 nav.primary .portfolioFilters a:hover, .colorskin-8 nav.primary ul li a:active, .colorskin-8 .colorf , .colorskin-8 .callout i, .colorskin-8 a.magicmore, .colorskin-8 .icon-box i, .colorskin-8 .icon-box1 i, .colorskin-8 .icon-box3:hover i, .colorskin-8 .icon-box5 i, .colorskin-8 .icon-box8 i, .colorskin-8 .icon-box9 i, .colorskin-8 .icon-box10 i, .colorskin-8 .icon-box11 i, .colorskin-8 .zoomex2 a:hover i, .colorskin-8 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-8 .testimonials-slider-w .testimonial-content h4 q:after {color: #0aad80}


/* == Backgrounds
----------------- */
.colorskin-8 .icon-box1:hover i, .colorskin-8 .icon-box6 i, .colorskin-8 .icon-box4:hover i, .colorskin-8 .colorb, .colorskin-8 .footer-in .contact-inf button, .colorskin-8 #footer .side-list li:hover img, .colorskin-8 .icon-box1:hover i, .colorskin-8 .side-list li:hover img,
.colorskin-8 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-8 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-8 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #0aad80}


/* == BorderColors
------------------ */
.colorskin-8 nav.primary .portfolioFilters a.selected, .colorskin-8 nav.primary ul li a:active, .colorskin-8 .our-team-ca:hover figure img, .colorskin-8 .footer-in h5.subtitle:after, .colorskin-8 .our-team:hover figure, .colorskin-8 a.magicmore:after, .colorskin-8 .icon-box5:hover i, .colorskin-8 .zoomex2 a:hover i, .colorskin-8 .max-title2:after, .colorskin-8 .max-title4:after, .colorskin-8 .max-title5:after, .colorskin-8 .sidebar h4.subtitle:after, .colorskin-8 h6.h-sub-content, .colorskin-8 .icon-box1:hover i, .colorskin-8 .icon-box4:hover i {border-color:#45ab48}

/* == PortfolioItemBg
----------------------- */
.colorskin-8 .zoomex2 {background-color: rgba(10,173,128,.92);}





/* == Color Skin 9 #(SkyBlue)#
=================================== */

/* == TextColors
---------------- */
.colorskin-9 #nav a:hover, .colorskin-9 #nav li:hover > a, .colorskin-9 #nav li.current > a, .colorskin-9 #nav li.active > a, .colorskin-9 #nav ul li a:hover, .colorskin-9 #nav li.current ul li a:hover, .colorskin-9 .nav-wrap2 #nav ul li a:hover, .colorskin-9 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-9 #nav ul li.current > a, .colorskin-9 #nav ul li:hover > a, .colorskin-9 nav.primary .portfolioFilters a.selected, .colorskin-9 nav.primary .portfolioFilters a:hover, .colorskin-9 nav.primary ul li a:active, .colorskin-9 .colorf , .colorskin-9 .callout i, .colorskin-9 a.magicmore, .colorskin-9 .icon-box i, .colorskin-9 .icon-box1 i, .colorskin-9 .icon-box3:hover i, .colorskin-9 .icon-box5 i, .colorskin-9 .icon-box8 i, .colorskin-9 .icon-box9 i, .colorskin-9 .icon-box10 i, .colorskin-9 .icon-box11 i, .colorskin-9 .zoomex2 a:hover i, .colorskin-9 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-9 .testimonials-slider-w .testimonial-content h4 q:after {color: #0ab1f0}


/* == Backgrounds
----------------- */
.colorskin-9 .icon-box1:hover i, .colorskin-9 .icon-box6 i, .colorskin-9 .icon-box4:hover i, .colorskin-9 .colorb, .colorskin-9 .footer-in .contact-inf button, .colorskin-9 #footer .side-list li:hover img, .colorskin-9 .icon-box1:hover i, .colorskin-9 .side-list li:hover img,
.colorskin-9 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-9 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-9 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #0ab1f0}


/* == BorderColors
------------------ */
.colorskin-9 nav.primary .portfolioFilters a.selected, .colorskin-9 nav.primary ul li a:active, .colorskin-9 .our-team-ca:hover figure img, .colorskin-9 .footer-in h5.subtitle:after, .colorskin-9 .our-team:hover figure, .colorskin-9 a.magicmore:after, .colorskin-9 .icon-box5:hover i , .colorskin-9 .zoomex2 a:hover i, .colorskin-9 .max-title2:after, .colorskin-9 .max-title4:after, .colorskin-9 .max-title5:after, .colorskin-9 .sidebar h4.subtitle:after, .colorskin-9 h6.h-sub-content, .colorskin-9 .icon-box1:hover i, .colorskin-9 .icon-box4:hover i {border-color:#0ab1f0}

/* == PortfolioItemBg
----------------------- */
.colorskin-9 .zoomex2 {background-color: rgba(10,177,240,.92);}





/* == Color Skin 10 #(Orange)#
=================================== */

/* == TextColors
---------------- */
.colorskin-10 #nav a:hover, .colorskin-10 #nav li:hover > a, .colorskin-10 #nav li.current > a, .colorskin-10 #nav li.active > a, .colorskin-10 #nav ul li a:hover, .colorskin-10 #nav li.current ul li a:hover, .colorskin-10 .nav-wrap2 #nav ul li a:hover, .colorskin-10 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-10 #nav ul li.current > a, .colorskin-10 #nav ul li:hover > a, .colorskin-10 nav.primary .portfolioFilters a.selected, .colorskin-10 nav.primary .portfolioFilters a:hover, .colorskin-10 nav.primary ul li a:active, .colorskin-10 .colorf , .colorskin-10 .callout i, .colorskin-10 a.magicmore, .colorskin-10 .icon-box i, .colorskin-10 .icon-box1 i, .colorskin-10 .icon-box3:hover i, .colorskin-10 .icon-box5 i, .colorskin-10 .icon-box8 i, .colorskin-10 .icon-box9 i, .colorskin-10 .icon-box10 i, .colorskin-10 .icon-box11 i, .colorskin-10 .zoomex2 a:hover i, .colorskin-10 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-10 .testimonials-slider-w .testimonial-content h4 q:after {color: #ff5a00}


/* == Backgrounds
----------------- */
.colorskin-10 .icon-box1:hover i, .colorskin-10 .icon-box6 i, .colorskin-10 .icon-box4:hover i, .colorskin-10 .colorb, .colorskin-10 .footer-in .contact-inf button, .colorskin-10 #footer .side-list li:hover img, .colorskin-10 .icon-box1:hover i, .colorskin-10 .side-list li:hover img,
.colorskin-10 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-10 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-10 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #ff5a00}


/* == BorderColors
------------------ */
.colorskin-10 nav.primary .portfolioFilters a.selected, .colorskin-10 nav.primary ul li a:active, .colorskin-10 .our-team-ca:hover figure img, .colorskin-10 .footer-in h5.subtitle:after, .colorskin-10 .our-team:hover figure, .colorskin-10 a.magicmore:after, .colorskin-10 .icon-box5:hover i, .colorskin-10 .zoomex2 a:hover i, .colorskin-10 .max-title2:after, .colorskin-10 .max-title4:after, .colorskin-10 .max-title5:after, .colorskin-10 .sidebar h4.subtitle:after, .colorskin-10 h6.h-sub-content, .colorskin-10 .icon-box1:hover i, .colorskin-10 .icon-box4:hover i {border-color:#ff5a00}

/* == PortfolioItemBg
----------------------- */
.colorskin-10 .zoomex2 {background-color: rgba(255,90,0,.92);}





/* == Color Skin 11 #(SplashOrange)#
=================================== */

/* == TextColors
---------------- */
.colorskin-11 #nav a:hover, .colorskin-11 #nav li:hover > a, .colorskin-11 #nav li.current > a, .colorskin-11 #nav li.active > a, .colorskin-11 #nav ul li a:hover, .colorskin-11 #nav li.current ul li a:hover, .colorskin-11 .nav-wrap2 #nav ul li a:hover, .colorskin-11 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-11 #nav ul li.current > a, .colorskin-11 #nav ul li:hover > a, .colorskin-11 nav.primary .portfolioFilters a.selected, .colorskin-11 nav.primary .portfolioFilters a:hover, .colorskin-11 nav.primary ul li a:active, .colorskin-11 .colorf , .colorskin-11 .callout i, .colorskin-11 a.magicmore, .colorskin-11 .icon-box i, .colorskin-11 .icon-box1 i, .colorskin-11 .icon-box3:hover i, .colorskin-11 .icon-box5 i, .colorskin-11 .icon-box8 i, .colorskin-11 .icon-box9 i, .colorskin-11 .icon-box10 i, .colorskin-11 .icon-box11 i, .colorskin-11 .zoomex2 a:hover i, .colorskin-11 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-11 .testimonials-slider-w .testimonial-content h4 q:after {color: #c3512f}


/* == Backgrounds
----------------- */
.colorskin-11 .icon-box1:hover i, .colorskin-11 .icon-box6 i, .colorskin-11 .icon-box4:hover i, .colorskin-11 .colorb, .colorskin-11 .footer-in .contact-inf button, .colorskin-11 #footer .side-list li:hover img, .colorskin-11 .icon-box1:hover i, .colorskin-11 .side-list li:hover img,
.colorskin-11 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-11 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-11 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #c3512f}


/* == BorderColors
------------------ */
.colorskin-11 nav.primary .portfolioFilters a.selected, .colorskin-11 nav.primary ul li a:active, .colorskin-11 .our-team-ca:hover figure img, .colorskin-11 .footer-in h5.subtitle:after, .colorskin-11 .our-team:hover figure, .colorskin-11 a.magicmore:after, .colorskin-11 .icon-box5:hover i , .colorskin-11 .zoomex2 a:hover i, .colorskin-11 .max-title2:after, .colorskin-11 .max-title4:after, .colorskin-11 .max-title5:after, .colorskin-11 .sidebar h4.subtitle:after, .colorskin-11 h6.h-sub-content, .colorskin-11 .icon-box1:hover i, .colorskin-11 .icon-box4:hover i {border-color:#c3512f}

/* == PortfolioItemBg
----------------------- */
.colorskin-11 .zoomex2 {background-color: rgba(195,81,47,.92);}





/* == Color Skin 12 #(DarkBlue)#
=================================== */

/* == TextColors
---------------- */
.colorskin-12 #nav a:hover, .colorskin-12 #nav li:hover > a, .colorskin-12 #nav li.current > a, .colorskin-12 #nav li.active > a, .colorskin-12 #nav ul li a:hover, .colorskin-12 #nav li.current ul li a:hover, .colorskin-12 .nav-wrap2 #nav ul li a:hover, .colorskin-12 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-12 #nav ul li.current > a, .colorskin-12 #nav ul li:hover > a, .colorskin-12 nav.primary .portfolioFilters a.selected, .colorskin-12 nav.primary .portfolioFilters a:hover, .colorskin-12 nav.primary ul li a:active, .colorskin-12 .colorf , .colorskin-12 .callout i, .colorskin-12 a.magicmore, .colorskin-12 .icon-box i, .colorskin-12 .icon-box1 i, .colorskin-12 .icon-box3:hover i, .colorskin-12 .icon-box5 i, .colorskin-12 .icon-box8 i, .colorskin-12 .icon-box9 i, .colorskin-12 .icon-box10 i, .colorskin-12 .icon-box11 i, .colorskin-12 .zoomex2 a:hover i, .colorskin-12 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-12 .testimonials-slider-w .testimonial-content h4 q:after {color: #55606e}


/* == Backgrounds
----------------- */
.colorskin-12 .icon-box1:hover i, .colorskin-12 .icon-box6 i, .colorskin-12 .icon-box4:hover i, .colorskin-12 .colorb, .colorskin-12 .footer-in .contact-inf button, .colorskin-12 #footer .side-list li:hover img, .colorskin-12 .icon-box1:hover i, .colorskin-12 .side-list li:hover img,
.colorskin-12 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-12 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-12 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #55606e}


/* == BorderColors
------------------ */
.colorskin-12 nav.primary .portfolioFilters a.selected, .colorskin-12 nav.primary ul li a:active, .colorskin-12 .our-team-ca:hover figure img, .colorskin-12 .footer-in h5.subtitle:after, .colorskin-12 .our-team:hover figure, .colorskin-12 a.magicmore:after, .colorskin-12 .icon-box5:hover i , .colorskin-12 .zoomex2 a:hover i, .colorskin-12 .max-title2:after, .colorskin-12 .max-title4:after, .colorskin-12 .max-title5:after, .colorskin-12 .sidebar h4.subtitle:after, .colorskin-12 h6.h-sub-content, .colorskin-12 .icon-box1:hover i, .colorskin-12 .icon-box4:hover i {border-color:#55606e}

/* == PortfolioItemBg
----------------------- */
.colorskin-12 .zoomex2 {background-color: rgba(85,96,110,.92);}





/* == Color Skin 13 #(CoralPink)#
=================================== */

/* == TextColors
---------------- */
.colorskin-13 #nav a:hover, .colorskin-13 #nav li:hover > a, .colorskin-13 #nav li.current > a, .colorskin-13 #nav li.active > a, .colorskin-13 #nav ul li a:hover, .colorskin-13 #nav li.current ul li a:hover, .colorskin-13 .nav-wrap2 #nav ul li a:hover, .colorskin-13 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-13 #nav ul li.current > a, .colorskin-13 #nav ul li:hover > a, .colorskin-13 nav.primary .portfolioFilters a.selected, .colorskin-13 nav.primary .portfolioFilters a:hover, .colorskin-13 nav.primary ul li a:active, .colorskin-13 .colorf , .colorskin-13 .callout i, .colorskin-13 a.magicmore, .colorskin-13 .icon-box i, .colorskin-13 .icon-box1 i, .colorskin-13 .icon-box3:hover i, .colorskin-13 .icon-box5 i, .colorskin-13 .icon-box8 i, .colorskin-13 .icon-box9 i, .colorskin-13 .icon-box10 i, .colorskin-13 .icon-box11 i, .colorskin-13 .zoomex2 a:hover i, .colorskin-13 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-13 .testimonials-slider-w .testimonial-content h4 q:after {color: #fe8178}


/* == Backgrounds
----------------- */
.colorskin-13 .icon-box1:hover i, .colorskin-13 .icon-box6 i, .colorskin-13 .icon-box4:hover i, .colorskin-13 .colorb, .colorskin-13 .footer-in .contact-inf button, .colorskin-13 #footer .side-list li:hover img, .colorskin-13 .icon-box1:hover i, .colorskin-13 .side-list li:hover img,
.colorskin-13 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-13 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-13 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #fe8178}


/* == BorderColors
------------------ */
.colorskin-13 nav.primary .portfolioFilters a.selected, .colorskin-13 nav.primary ul li a:active, .colorskin-13 .our-team-ca:hover figure img, .colorskin-13 .footer-in h5.subtitle:after, .colorskin-13 .our-team:hover figure, .colorskin-13 a.magicmore:after, .colorskin-13 .icon-box5:hover i , .colorskin-13 .zoomex2 a:hover i, .colorskin-13 .max-title2:after, .colorskin-13 .max-title4:after, .colorskin-13 .max-title5:after, .colorskin-13 .sidebar h4.subtitle:after, .colorskin-13 h6.h-sub-content, .colorskin-13 .icon-box1:hover i, .colorskin-13 .icon-box4:hover i {border-color:#fe8178}

/* == PortfolioItemBg
----------------------- */
.colorskin-13 .zoomex2 {background-color: rgba(254,129,120,.92);}




/* == Color Skin 14 #(Brown)#
=================================== */

/* == TextColors
---------------- */
.colorskin-14 #nav a:hover, .colorskin-14 #nav li:hover > a, .colorskin-14 #nav li.current > a, .colorskin-14 #nav li.active > a, .colorskin-14 #nav ul li a:hover, .colorskin-14 #nav li.current ul li a:hover, .colorskin-14 .nav-wrap2 #nav ul li a:hover, .colorskin-14 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-14 #nav ul li.current > a, .colorskin-14 #nav ul li:hover > a, .colorskin-14 nav.primary .portfolioFilters a.selected, .colorskin-14 nav.primary .portfolioFilters a:hover, .colorskin-14 nav.primary ul li a:active, .colorskin-14 .colorf , .colorskin-14 .callout i, .colorskin-14 a.magicmore, .colorskin-14 .icon-box i, .colorskin-14 .icon-box1 i, .colorskin-14 .icon-box3:hover i, .colorskin-14 .icon-box5 i, .colorskin-14 .icon-box8 i, .colorskin-14 .icon-box9 i, .colorskin-14 .icon-box10 i, .colorskin-14 .icon-box11 i, .colorskin-14 .zoomex2 a:hover i, .colorskin-14 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-14 .testimonials-slider-w .testimonial-content h4 q:after {color: #7c6853}


/* == Backgrounds
----------------- */
.colorskin-14 .icon-box1:hover i, .colorskin-14 .icon-box6 i, .colorskin-14 .icon-box4:hover i, .colorskin-14 .colorb, .colorskin-14 .footer-in .contact-inf button, .colorskin-14 #footer .side-list li:hover img, .colorskin-14 .icon-box1:hover i, .colorskin-14 .side-list li:hover img,
.colorskin-14 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-14 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-14 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #7c6853}


/* == BorderColors
------------------ */
.colorskin-14 nav.primary .portfolioFilters a.selected, .colorskin-14 nav.primary ul li a:active, .colorskin-14 .our-team-ca:hover figure img, .colorskin-14 .footer-in h5.subtitle:after, .colorskin-14 .our-team:hover figure, .colorskin-14 a.magicmore:after, .colorskin-14 .icon-box5:hover i, .colorskin-14 .zoomex2 a:hover i, .colorskin-14 .max-title2:after, .colorskin-14 .max-title4:after, .colorskin-14 .max-title5:after, .colorskin-14 .sidebar h4.subtitle:after, .colorskin-14 h6.h-sub-content, .colorskin-14 .icon-box1:hover i, .colorskin-14 .icon-box4:hover i {border-color:#7c6853}


/* == PortfolioItemBg
----------------------- */
.colorskin-14 .zoomex2 {background-color: rgba(124,104,83,.92);}





/* == Color Skin 15 #(GreenYellow)#
=================================== */

/* == TextColors
---------------- */
.colorskin-15 #nav a:hover, .colorskin-15 #nav li:hover > a, .colorskin-15 #nav li.current > a, .colorskin-15 #nav li.active > a, .colorskin-15 #nav ul li a:hover, .colorskin-15 #nav li.current ul li a:hover, .colorskin-15 .nav-wrap2 #nav ul li a:hover, .colorskin-15 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-15 #nav ul li.current > a, .colorskin-15 #nav ul li:hover > a, .colorskin-15 nav.primary .portfolioFilters a.selected, .colorskin-15 nav.primary .portfolioFilters a:hover, .colorskin-15 nav.primary ul li a:active, .colorskin-15 .colorf , .colorskin-15 .callout i, .colorskin-15 a.magicmore, .colorskin-15 .icon-box i, .colorskin-15 .icon-box1 i, .colorskin-15 .icon-box3:hover i, .colorskin-15 .icon-box5 i, .colorskin-15 .icon-box8 i, .colorskin-15 .icon-box9 i, .colorskin-15 .icon-box10 i, .colorskin-15 .icon-box11 i, .colorskin-15 .zoomex2 a:hover i, .colorskin-15 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-15 .testimonials-slider-w .testimonial-content h4 q:after {color: #bed431}


/* == Backgrounds
----------------- */
.colorskin-15 .icon-box1:hover i, .colorskin-15 .icon-box6 i, .colorskin-15 .icon-box4:hover i, .colorskin-15 .colorb, .colorskin-15 .footer-in .contact-inf button, .colorskin-15 #footer .side-list li:hover img, .colorskin-15 .icon-box1:hover i, .colorskin-15 .side-list li:hover img,
.colorskin-15 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-15 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-15 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #bed431}


/* == BorderColors
------------------ */
.colorskin-15 nav.primary .portfolioFilters a.selected, .colorskin-15 nav.primary ul li a:active, .colorskin-15 .our-team-ca:hover figure img, .colorskin-15 .footer-in h5.subtitle:after, .colorskin-15 .our-team:hover figure, .colorskin-15 a.magicmore:after, .colorskin-15 .icon-box5:hover i , .colorskin-15 .zoomex2 a:hover i, .colorskin-15 .max-title2:after, .colorskin-15 .max-title4:after, .colorskin-15 .max-title5:after, .colorskin-15 .sidebar h4.subtitle:after, .colorskin-15 h6.h-sub-content, .colorskin-15 .icon-box1:hover i, .colorskin-15 .icon-box4:hover i {border-color:#bed431}

/* == PortfolioItemBg
----------------------- */
.colorskin-15 .zoomex2 {background-color: rgba(190,212,49,.92);}





/* == Color Skin 16 #(SplashBlue)#
=================================== */

/* == TextColors
---------------- */
.colorskin-16 #nav a:hover, .colorskin-16 #nav li:hover > a, .colorskin-16 #nav li.current > a, .colorskin-16 #nav li.active > a, .colorskin-16 #nav ul li a:hover, .colorskin-16 #nav li.current ul li a:hover, .colorskin-16 .nav-wrap2 #nav ul li a:hover, .colorskin-16 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-16 #nav ul li.current > a, .colorskin-16 #nav ul li:hover > a, .colorskin-16 nav.primary .portfolioFilters a.selected, .colorskin-16 nav.primary .portfolioFilters a:hover, .colorskin-16 nav.primary ul li a:active, .colorskin-16 .colorf , .colorskin-16 .callout i, .colorskin-16 a.magicmore, .colorskin-16 .icon-box i, .colorskin-16 .icon-box1 i, .colorskin-16 .icon-box3:hover i, .colorskin-16 .icon-box5 i, .colorskin-16 .icon-box8 i, .colorskin-16 .icon-box9 i, .colorskin-16 .icon-box10 i, .colorskin-16 .icon-box11 i, .colorskin-16 .zoomex2 a:hover i, .colorskin-16 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-16 .testimonials-slider-w .testimonial-content h4 q:after {color: #2d5c88}


/* == Backgrounds
----------------- */
.colorskin-16 .icon-box1:hover i, .colorskin-16 .icon-box6 i, .colorskin-16 .icon-box4:hover i, .colorskin-16 .colorb, .colorskin-16 .footer-in .contact-inf button, .colorskin-16 #footer .side-list li:hover img, .colorskin-16 .icon-box1:hover i, .colorskin-16 .side-list li:hover img, 
.colorskin-16 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-16 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-16 #header.sm-rgt-mn #menu-icon span.mn-ext3{background-color: #2d5c88}


/* == BorderColors
------------------ */
.colorskin-16 nav.primary .portfolioFilters a.selected, .colorskin-16 nav.primary ul li a:active, .colorskin-16 .our-team-ca:hover figure img, .colorskin-16 .footer-in h5.subtitle:after, .colorskin-16 .our-team:hover figure, .colorskin-16 a.magicmore:after, .colorskin-16 .icon-box5:hover i, .colorskin-16 .zoomex2 a:hover i, .colorskin-16 .max-title2:after, .colorskin-16 .max-title4:after, .colorskin-16 .max-title5:after, .colorskin-16 .sidebar h4.subtitle:after, .colorskin-16 h6.h-sub-content, .colorskin-16 .icon-box1:hover i, .colorskin-16 .icon-box4:hover i {border-color:#2d5c88}

/* == PortfolioItemBg
----------------------- */
.colorskin-16 .zoomex2 {background-color: rgba(45,92,136,.92);}





/* == Color Skin 17 #(Gray)#
=================================== */

/* == TextColors
---------------- */
.colorskin-17 #nav a:hover, .colorskin-17 #nav li:hover > a, .colorskin-17 #nav li.current > a, .colorskin-17 #nav li.active > a, .colorskin-17 #nav ul li a:hover, .colorskin-17 #nav li.current ul li a:hover, .colorskin-17 .nav-wrap2 #nav ul li a:hover, .colorskin-17 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-17 #nav ul li.current > a, .colorskin-17 #nav ul li:hover > a, .colorskin-17 nav.primary .portfolioFilters a.selected, .colorskin-17 nav.primary .portfolioFilters a:hover, .colorskin-17 nav.primary ul li a:active, .colorskin-17 .colorf , .colorskin-17 .callout i, .colorskin-17 a.magicmore, .colorskin-17 .icon-box i, .colorskin-17 .icon-box1 i, .colorskin-17 .icon-box3:hover i, .colorskin-17 .icon-box5 i, .colorskin-17 .icon-box8 i, .colorskin-17 .icon-box9 i, .colorskin-17 .icon-box10 i, .colorskin-17 .icon-box11 i, .colorskin-17 .zoomex2 a:hover i, .colorskin-17 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-17 .testimonials-slider-w .testimonial-content h4 q:after {color: #333333}


/* == Backgrounds
----------------- */
.colorskin-17 .icon-box1:hover i, .colorskin-17 .icon-box6 i, .colorskin-17 .icon-box4:hover i, .colorskin-17 .colorb, .colorskin-17 .footer-in .contact-inf button, .colorskin-17 #footer .side-list li:hover img, .colorskin-17 .icon-box1:hover i, .colorskin-17 .side-list li:hover img,
.colorskin-17 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-17 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-17 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #333333}


/* == BorderColors
------------------ */
.colorskin-17 nav.primary .portfolioFilters a.selected, .colorskin-17 nav.primary ul li a:active, .colorskin-17 .our-team-ca:hover figure img, .colorskin-17 .footer-in h5.subtitle:after, .colorskin-17 .our-team:hover figure, .colorskin-17 a.magicmore:after, .colorskin-17 .icon-box5:hover i, .colorskin-17 .zoomex2 a:hover i, .colorskin-17 .max-title2:after, .colorskin-17 .max-title4:after, .colorskin-17 .max-title5:after, .colorskin-17 .sidebar h4.subtitle:after, .colorskin-17 h6.h-sub-content, .colorskin-17 .icon-box1:hover i, .colorskin-17 .icon-box4:hover i {border-color:#333333}

/* == PortfolioItemBg
----------------------- */
.colorskin-17 .zoomex2 {background-color: rgba(51,51,51,.92);}





/* == Color Skin 18 #(Cyan)#
=================================== */

/* == TextColors
---------------- */
.colorskin-18 #nav a:hover, .colorskin-18 #nav li:hover > a, .colorskin-18 #nav li.current > a, .colorskin-18 #nav li.active > a, .colorskin-18 #nav ul li a:hover, .colorskin-18 #nav li.current ul li a:hover, .colorskin-18 .nav-wrap2 #nav ul li a:hover, .colorskin-18 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-18 #nav ul li.current > a, .colorskin-18 #nav ul li:hover > a, .colorskin-18 nav.primary .portfolioFilters a.selected, .colorskin-18 nav.primary .portfolioFilters a:hover, .colorskin-18 nav.primary ul li a:active, .colorskin-18 .colorf , .colorskin-18 .callout i, .colorskin-18 a.magicmore, .colorskin-18 .icon-box i, .colorskin-18 .icon-box1 i, .colorskin-18 .icon-box3:hover i, .colorskin-18 .icon-box5 i, .colorskin-18 .icon-box8 i, .colorskin-18 .icon-box9 i, .colorskin-18 .icon-box10 i, .colorskin-18 .icon-box11 i, .colorskin-18 .zoomex2 a:hover i, .colorskin-18 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-18 .testimonials-slider-w .testimonial-content h4 q:after {color: #2997ab}


/* == Backgrounds
----------------- */
.colorskin-18 .icon-box1:hover i, .colorskin-18 .icon-box6 i, .colorskin-18 .icon-box4:hover i, .colorskin-18 .colorb, .colorskin-18 .footer-in .contact-inf button, .colorskin-18 #footer .side-list li:hover img, .colorskin-18 .icon-box1:hover i, .colorskin-18 .side-list li:hover img,
.colorskin-18 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-18 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-18 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #2997ab}


/* == BorderColors
------------------ */
.colorskin-18 nav.primary .portfolioFilters a.selected, .colorskin-18 nav.primary ul li a:active, .colorskin-18 .our-team-ca:hover figure img, .colorskin-18 .footer-in h5.subtitle:after, .colorskin-18 .our-team:hover figure, .colorskin-18 a.magicmore:after, .colorskin-18 .icon-box5:hover i , .colorskin-18 .zoomex2 a:hover i, .colorskin-18 .max-title2:after, .colorskin-18 .max-title4:after, .colorskin-18 .max-title5:after, .colorskin-18 .sidebar h4.subtitle:after, .colorskin-18 h6.h-sub-content, .colorskin-18 .icon-box1:hover i, .colorskin-18 .icon-box4:hover i {border-color:#2997ab}

/* == PortfolioItemBg
----------------------- */
.colorskin-18 .zoomex2 {background-color: rgba(41,151,171,.92);}





/* == Color Skin 19 #(Vine)#
=================================== */

/* == TextColors
---------------- */
.colorskin-19 #nav a:hover, .colorskin-19 #nav li:hover > a, .colorskin-19 #nav li.current > a, .colorskin-19 #nav li.active > a, .colorskin-19 #nav ul li a:hover, .colorskin-19 #nav li.current ul li a:hover, .colorskin-19 .nav-wrap2 #nav ul li a:hover, .colorskin-19 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-19 #nav ul li.current > a, .colorskin-19 #nav ul li:hover > a, .colorskin-19 nav.primary .portfolioFilters a.selected, .colorskin-19 nav.primary .portfolioFilters a:hover, .colorskin-19 nav.primary ul li a:active, .colorskin-19 .colorf , .colorskin-19 .callout i, .colorskin-19 a.magicmore, .colorskin-19 .icon-box i, .colorskin-19 .icon-box1 i, .colorskin-19 .icon-box3:hover i, .colorskin-19 .icon-box5 i, .colorskin-19 .icon-box8 i, .colorskin-19 .icon-box9 i, .colorskin-19 .icon-box10 i, .colorskin-19 .icon-box11 i, .colorskin-19 .zoomex2 a:hover i, .colorskin-19 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-19 .testimonials-slider-w .testimonial-content h4 q:after {color: #734854}


/* == Backgrounds
----------------- */
.colorskin-19 .icon-box1:hover i, .colorskin-19 .icon-box6 i, .colorskin-19 .icon-box4:hover i, .colorskin-19 .colorb, .colorskin-19 .footer-in .contact-inf button, .colorskin-19 #footer .side-list li:hover img, .colorskin-19 .icon-box1:hover i, .colorskin-19 .side-list li:hover img,
.colorskin-19 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-19 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-19 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #734854}


/* == BorderColors
------------------ */
.colorskin-19 nav.primary .portfolioFilters a.selected, .colorskin-19 nav.primary ul li a:active, .colorskin-19 .our-team-ca:hover figure img, .colorskin-19 .footer-in h5.subtitle:after, .colorskin-19 .our-team:hover figure, .colorskin-19 a.magicmore:after, .colorskin-19 .icon-box5:hover i , .colorskin-19 .zoomex2 a:hover i, .colorskin-19 .max-title2:after, .colorskin-19 .max-title4:after, .colorskin-19 .max-title5:after, .colorskin-19 .sidebar h4.subtitle:after, .colorskin-19 h6.h-sub-content, .colorskin-19 .icon-box1:hover i, .colorskin-19 .icon-box4:hover i {border-color:#734854}

/* == PortfolioItemBg
----------------------- */
.colorskin-19 .zoomex2 {background-color: rgba(115,72,84,.92);}




/* == Color Skin 20 #(SplashRed)#
=================================== */

/* == TextColors
---------------- */
.colorskin-20 #nav a:hover, .colorskin-20 #nav li:hover > a, .colorskin-20 #nav li.current > a, .colorskin-20 #nav li.active > a, .colorskin-20 #nav ul li a:hover, .colorskin-20 #nav li.current ul li a:hover, .colorskin-20 .nav-wrap2 #nav ul li a:hover, .colorskin-20 .nav-wrap2.darknavi #nav ul li a:hover, .colorskin-20 #nav ul li.current > a, .colorskin-20 #nav ul li:hover > a, .colorskin-20 nav.primary .portfolioFilters a.selected, .colorskin-20 nav.primary .portfolioFilters a:hover, .colorskin-20 nav.primary ul li a:active, .colorskin-20 .colorf , .colorskin-20 .callout i, .colorskin-20 a.magicmore, .colorskin-20 .icon-box i, .colorskin-20 .icon-box1 i, .colorskin-20 .icon-box3:hover i, .colorskin-20 .icon-box5 i, .colorskin-20 .icon-box8 i, .colorskin-20 .icon-box9 i, .colorskin-20 .icon-box10 i, .colorskin-20 .icon-box11 i, .colorskin-20 .zoomex2 a:hover i, .colorskin-20 .testimonials-slider-w .testimonial-content h4 q:before, .colorskin-20 .testimonials-slider-w .testimonial-content h4 q:after {color: #a81010}


/* == Backgrounds
----------------- */
.colorskin-20 .icon-box1:hover i, .colorskin-20 .icon-box6 i, .colorskin-20 .icon-box4:hover i, .colorskin-20 .colorb, .colorskin-20 .footer-in .contact-inf button, .colorskin-20 #footer .side-list li:hover img, .colorskin-20 .icon-box1:hover i, .colorskin-20 .side-list li:hover img,
.colorskin-20 #header.sm-rgt-mn #menu-icon span.mn-ext1, 
.colorskin-20 #header.sm-rgt-mn #menu-icon span.mn-ext2, 
.colorskin-20 #header.sm-rgt-mn #menu-icon span.mn-ext3 {background-color: #a81010}


/* == BorderColors
------------------ */
.colorskin-20 nav.primary .portfolioFilters a.selected, .colorskin-20 nav.primary ul li a:active, .colorskin-20 .our-team-ca:hover figure img, .colorskin-20 .footer-in h5.subtitle:after, .colorskin-20 .our-team:hover figure, .colorskin-20 a.magicmore:after, .colorskin-20 .icon-box5:hover i , .colorskin-20 .zoomex2 a:hover i, .colorskin-20 .max-title2:after, .colorskin-20 .max-title4:after, .colorskin-20 .max-title5:after, .colorskin-20 .sidebar h4.subtitle:after, .colorskin-20 h6.h-sub-content, .colorskin-20 .icon-box1:hover i, .colorskin-20 .icon-box4:hover i {border-color:#a81010}

/* == PortfolioItemBg
----------------------- */
.colorskin-20 .zoomex2 {background-color: rgba(168,16,16,.92);}