@import url("font-awesome.min.css");
/*@import url("prettyPhoto.css");*/
@import url("animate.min.css");
@import url("reset.css");
@import url("nav.css");
/*@import url(fonts.googleapis.com/css@family=Open+Sans_3A300,400,600,700,800);*/

/* Regular */
@font-face {
font-family: 'Open Sans';
src: url('font/OpenSans-Regular-webfont.eot');
src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/OpenSans-Regular-webfont.woff') format('woff'),
url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
url('font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: normal;font-weight: 400;font-style: normal;
}

body {margin: 0;padding: 0;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-size: 13px;font-weight:normal;/*color: #727272*/color:#626262;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
#wrapper {width: 100%;height: auto}
.animated-area {overflow: hidden}
#slider {	position: relative; height:auto;/*	height: 550px*/}
header {	height: 118px;	position: relative}
.soci-header {height: 140px}
#header {position: absolute;width: 100%;margin-top: 20px;height: 90px;z-index: 9999}
#inside-header {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100px;padding: 20px 0;background-color: rgba(255,255,255,1)}
#head-box {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100px;background-color: rgba(255,255,255,0.8)}
#breadcrumb {min-height: 55px;background: #f6f6f6;/*border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5*/}
#breadcrumb a {color: #797979;text-decoration: none}
#breadcrumb a:hover {	color: #01B5CC;	text-decoration: none}
#breadcrumb a.active {	color: #01B5CC;	text-decoration: none}
#breadcrumb-parallax {min-height: 140px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;	color: #fff	/*background: url(../temp/prllx3.jpg) 50% 0 no-repeat fixed;*/}
#breadcrumb-parallax a {color: #FFF;text-decoration: none}
#breadcrumb-parallax a:hover {color: #f2836b;text-decoration: none}
.breadcrumb-text {font-size: 12px}
.important-text {background-color: #f2836b;color: #fff;padding: 5px 10px}
.color-text {color: #01B5CC}
.color-text2 {color: #3d3d3b;font-weight: 400}
.color-background1 {background-color: #f2836b;color: #fff;padding: 0 2px;border-radius: 3px;font-weight: 400}
.color-background2 {background-color: #3d3d3d;color: #fff;padding: 0 2px;border-radius: 3px;font-weight: 400}
.underline {	width: 40px;	background-color: #04B4CC;	height: 1px;	border: 0;	margin-top: -5px}
.sidebar-underline {width: 60px;background-color: #f2836b;height: 1px;border: 0;	margin-top: 6px;text-align: left;margin-left: 0}
.section-title {	color: #01B5CC;	text-align: center;}
.pos-center {	text-align: center}
#portfolio {text-align: center;width: 100%}
#featured {background-color: #f6f5f1;border-top: 1px solid #ededeb;border-bottom: 1px solid #ededeb;text-align: center}
#featured-style1 {border-top: 1px solid #ededeb;border-bottom: 1px solid #ededeb;text-align: center}
#services {background-color: #f6f5f1;border-top: 1px solid #ededeb;border-bottom: 1px solid #ededeb}
#clients {background-color: #f6f5f1;border-top: 1px solid #ededeb;text-align: center}
#clients-with-image {/*background: url(../temp/prllx.jpg) no-repeat center center;*/text-align: center;color: #fff}
#index-form {text-align: center;background-color: #f6f5f1;border-top: 1px solid #ededeb;border-bottom: 1px solid #ededeb}
.inside-title {font-weight: 400}
.scrollup {	padding: 5px 10px 10px 10px;position: fixed;bottom: 65px;right: 5%;	display: none;background-color: rgba(1,181,204,0.9);	border-radius: 5px;z-index:1000000;}
.scrollup i {	font-size: 30px;	color: #fff}
.scrollup span {	font-size: 30px;	color: #fff}
.scrollup:hover {	text-decoration: none}
.search-line {border-bottom: 1px solid #eaeaea;padding-bottom: 10px}
.search-results a {color: #f2836b}
.page-404 a {padding: 10px 50px;text-decoration: none;color: #fff;background-color: #f2836b}
.page-404 a:hover {background-color: #f38f78}
.text-404 {font-size: 150px;font-weight: 400;color: #f2836b;display: inline-block}
.text-404 .transform {margin-left: 10px;margin-top: 80px;transform: rotate(155deg);-ms-transform: rotate(7deg);-webkit-transform: rotate(45deg)}
.header-wrapper {position: relative}
.menu {	margin-top: 10px;	position: absolute;	top: 0;	right: 0;	background:#04b4cc;width:auto;}
.search {margin-top: 10px}
.search a {text-decoration: none;color: #797979}
.search-box {margin-right: 10px}
.search-box input {display: none;margin-bottom: 5px;width: 0;height: 20px;outline: 0;border: none !important;background-color: transparent;
border-bottom: 1px solid #797979 !important;color: #797979;font-size: 12px;font-weight: 300}
.head-social-box {border-bottom: 1px solid #efefef;margin: 10px 0}
.header-social li {float: left;margin-right: 3px}
.header-social li a {color: #727272;font-size: 13px}
.header-social {margin-top: -3px}
.header-social li i:hover {color: #fff}
.icon-circle {color: #f1f1f1;-webkit-transition-property: color, text;-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;-moz-transition-property: color, text;-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;-o-transition-property: color, text;-o-transition-duration: .3s;-o-transition-timing-function: linear, ease-in}
.icon-stack:hover .fb.icon-stack-base {color: #3b5998}
.icon-stack:hover .tw.icon-stack-base {color: #00a0d1}
.icon-stack:hover .rs.icon-stack-base {color: #ee802f}
.icon-stack:hover .sp.icon-stack-base {color: #00aff0}
.icon-stack:hover .fq.icon-stack-base {color: #25a0ca}
.icon-stack:hover .ig.icon-stack-base {color: #3f729b}
.head-social-box a {color: #f2836b}
.site-menu, .site-menu * {	margin: 0;	padding: 0;	list-style: none}
.site-menu ul {	position: absolute;	display: none;	top: 100%;	left: 0;	z-index: 99;	/*padding-top: 5px;*/	min-width: 200px;}
.site-menu ul li ul {	padding-top: 0}
.site-menu>li {	float: left}
.site-menu li:hover>ul, .site-menu li.site-menuHover>ul {	display: block}
.site-menu ul ul {	top: 0;	left: 100%}
.site-menu li {position: relative;white-space: nowrap;-webkit-transition: background .2s;transition: background .2s;margin-right: 0px;
background:#04b4cc;}
.site-menu a {display: block;position: relative;color: #fff;text-decoration: none;padding: 10px;zoom: 1;font-weight: 400}
.site-menu a:hover {color: #fff;text-decoration: none;background-color: #693e87}
.site-menu a.active {color: #fff;text-decoration: none;background-color: #693e87}
.site-menu ul li, .site-menu ul ul li {background: #04b4cc;border-bottom: 0px solid #fff}
.site-menu ul li a {/*color: #d2d2d2*/color: #ffffff;}
.site-menu ul li:last-child, .site-menu ul ul li:last-child {border-bottom: 0}
.site-menu li:hover, .site-menu li.site-menuHover {background: #693e87;-webkit-transition: none;transition: none}
.sfHover>a {color: #fff}
.site-menu a.active {color: #fff}
.site-menu .sfHover>a {color: #fff}
.site-menu-arrows ul .site-menu-with-ul {padding-right: 2.5em}
.site-menu-arrows ul .site-menu-with-ul:after {content: '';
position: absolute;
top: 50%;
right: 1em;
height: 0;
width: 0;
border: 5px solid transparent;
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dfeeff;
border-left-color: rgba(255,255,255,.5)
}
.site-menu-arrows ul li>.site-menu-with-ul:focus:after, .site-menu-arrows ul li:hover>.site-menu-with-ul:after, .site-menu-arrows ul .site-menuHover>.site-menu-with-ul:after {border-left-color: white}
.menu-style2.site-menu-arrows .site-menu-with-ul {padding-right: 1.9em}
.menu-style2.site-menu-arrows .site-menu-with-ul:after {
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 15px;
text-decoration: inherit;
position: absolute;
top: 50%;
right: 1em;
margin-top: -10px;
height: 0;
width: 0;
color: #797979
}
.menu-style2.site-menu-arrows ul .site-menu-with-ul:after {
content: "";
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dfeeff;
border-left-color: rgba(255,255,255,.5)
}
.menu-style2.site-menu-arrows .site-menu-with-ul:hover:after, .menu-style2.site-menu-arrows .site-menu-with-ul li:hover:after {color: #fff
}
.information p {padding: 25px 0;text-align: left}
.info-icon {font-size: 35px;color: #f2836b;position: relative;top: 0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out
}
.info .col3-box:hover i.info-icon {top: -10px}
.item p {text-align: left;padding-left: 0}
.info a {	text-decoration: none;	/*color: #f2836b*/}
.info a:hover {	text-decoration: none}
.info-alternative {text-align: left}
.info-alternative i {font-size: 45px}
#featured_slider {position: relative;top: 0;left: 0}
.featured_slider_main {max-width: 633px;margin: 0 auto}
.featured_slider_item1 {position: absolute;top: 0;left: 0}
.featured_slider_item2 {position: absolute;top: 55%;left: 0}
.featured_slider_item3 {position: absolute;top: 0;right: 0}
.featured_slider_item4 {position: absolute;top: 55%;right: 0}
.blockquote {background-image: url(../img/bq_bottom.png);background-repeat: no-repeat;background-position: bottom right}
.bq-style1 {margin: 0;padding: 0;border-bottom: 1px solid #d8d8d8;max-width: 900px;margin: 30px auto;border-left: 0;
background-image: url(../img/bq_top.png);background-repeat: no-repeat;background-position: top left}
.bq-style1 .bq-text {text-align: center;padding: 30px 0;height: auto !important}
.bq-style1 .bq-text p {font-size: 13px !important;padding: 30px 10%}
.bq-style1 span {color: #f2836b}
.bq-style2 .bq-style1 {border-bottom: 0}
.bq-style2 .bq-text {background-image: url(../img/bq_bottom.png);background-repeat: no-repeat;background-position: bottom right}
.bq-arrow {border-bottom: 1px solid #d8d8d8;position: relative}
.bq-arrow:after, .bq-arrow:before {content: '';position: absolute;top: 0;border: solid transparent;height: 0;width: 0;pointer-events: none}
.bq-arrow:after {border-color: transparent;border-top-color: #fff;border-width: 23px;left: 50%;margin-left: -28px}
.bq-arrow:before {border-color: transparent;border-top-color: #d8d8d8;border-width: 24px;left: 50%;margin-left: -29px}
.comment-img {width: 100px;height: 100px;margin: 0 auto}
.bqarea-style2 h4 {text-align: center}
.del-border {border-bottom: 0}
#cust-lists {display: inline-block;margin: 0 auto;margin-top: 19px}
#cust-lists li {float: left;margin-right: 50px;cursor: pointer}
#cust-lists li:last-child {margin-right: 0}
#cust-lists li.selected {position: relative}
#cust-lists li.selected:after, #cust-lists li.selected:before {
content: '';
position: absolute;
top: -50px;
border: solid transparent;
height: 0;
width: 0;
pointer-events: none
}
#cust-lists li.selected:after {
border-color: transparent;
border-top-color: #fff;
border-width: 23px;
left: 50%;
margin-left: -28px
}
#cust-lists li.selected:before {
border-color: transparent;
border-top-color: #d8d8d8;
border-width: 24px;
left: 50%;
margin-left: -29px
}
#cust-lists2 {
display: inline-block;
margin: 0 auto;
margin-top: 19px
}
#cust-lists2 li {
float: left;
margin-right: 50px;
cursor: pointer
}
#cust-lists2 li:last-child {
margin-right: 0
}
#cust-lists2 li.selected {
position: relative
}
#cust-lists2 li.selected:after, #cust-lists2 li.selected:before {
content: '';
position: absolute;
top: -51px;
border: solid transparent;
height: 0;
width: 0;
pointer-events: none
}
#cust-lists2 li.selected:after {
border-width: 2px;
left: 50%;
margin-left: -50px;
background-color: #fff;
width: 100px !important
}
.tab-style1 {
margin-bottom: 40px
}
.tab-style1 li {
line-height: 40px;
border-bottom: 1px solid #e9e9e9;
position: relative
}
.tab-style1 li:last-child {
border-bottom: 0
}
.tab-style1 li a {
color: #727272;
text-decoration: none;
padding: 0 30px;
display: block
}
.tab-style1 li a:hover {
text-decoration: none;
background-color: #f2836b;
color: #fff
}
.tab-style1 li:hover {
background-color: #f2836b
}
.tab-style1 li:hover:after {
position: absolute;
top: 0;
right: -20px;
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #f2836b
}
.tab-style1 li.active {
background-color: #f2836b
}
.tab-style1 li.active a {
color: #fff
}
.tab-style1 li.active:after {
position: absolute;
top: 0;
right: -20px;
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #f2836b
}
.tab-style2 li {
float: left;
line-height: 40px;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5
}
.tab-style2 li:last-child {
border-right: 1px solid #e5e5e5
}
.tab-style2 li a {
color: #727272;
text-decoration: none;
padding: 0 30px;
display: block
}
.tab-style2 li a:hover {
text-decoration: none;
background-color: #eee;
color: #f2836b
}
.tab-style2 li:hover {
background-color: #eee
}
.tab-style2 li.active {
background-color: #eee
}
.tab-style2 li.active a {
color: #f2836b
}
.tab-style3 {
border: 1px solid #e5e5e5;
margin: 0;
padding: 0
}
.tab-style3 li {
line-height: 40px;
border-bottom: 1px solid #e5e5e5
}
.tab-style3 li:last-child {
border-bottom: 0
}
.tab-style3 li a {
color: #727272;
text-decoration: none;
display: block;
padding-left: 20px
}
.tab-style3 li a:hover {
text-decoration: none;
background-color: #f2836b;
color: #fff
}
.tab-style3 li:hover {
background-color: #f2836b
}
.tab-style3 li.active {
background-color: #f2836b
}
.tab-style3 li.active a {
color: #fff
}
.tab-style3 li i {
font-size: 15px;
margin-right: 5px;
color: #f2836b
}
.tab-style3 li.active i {
color: #fff
}
.tab-style3 li:hover i {
color: #fff
}
.tab-content.tab-style2 {
border: 1px solid #e5e5e5
}
.tab-style2 .tab-pane {
padding: 30px;
text-align: left
}
.tab-text {
text-align: left;
padding-left: 30px
}
.tab-text p {
text-align: left;
padding: 0
}
.tab-text ul li {
line-height: 25px
}
.tab-text i {
color: #f2836b
}
#prtfl-list {
margin-top: 40px
}
#prtfl-list li {
width: 100%;
float: left;
padding: 0 10px;
overflow: hidden;
position: relative;
text-align: center
}
#prtfl-list a {
text-decoration: none;
color: #fff;
font-size: 25px;
text-shadow: 1px 1px #000
}
#prtfl-list a:hover {
color: #f38f78
}
.prt-lnk-wrppr {
width: 80px;
margin: auto;
margin-top: 25%
}
#prtfl-list li .mask, #prtfl-list li .content {
width: 300px;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 10px
}
#prtfl-list li .mask {
background-color: rgba(242,131,107,0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all .3s ease-in .4s;
-moz-transition: all .3s ease-in .4s;
-o-transition: all .3s ease-in .4s;
-ms-transition: all .3s ease-in .4s;
transition: all .3s ease-in .4s
}
#prtfl-list li .popup {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: transparent;
margin-right: 30px;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
-ms-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
#prtfl-list li .extlink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: transparent;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
-ms-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
#prtfl-list li:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-ms-transition-delay: 0;
transition-delay: 0
}
#prtfl-list li:hover .popup {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
-ms-transition-delay: .1s;
transition-delay: .1s
}
#prtfl-list li:hover .extlink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s
}
#prtfl-list-controller {
display: inline-block;
zoom: 1
}
#prtfl-list-controller li {
float: left;
border-right: 1px solid #fba08c
}
#prtfl-list-controller li a {
padding: 5px 15px 5px 15px;
background-color: #f2836b;
display: inline-block
}
#prtfl-list-controller li a:hover {
text-decoration: none
}
#prtfl-list-controller li:last-child {
border-right: 0
}
#prtfl-list-controller i {
color: #fff;
font-size: 22px
}
#client-list {
display: inline-block;
margin: 50px 0
}
#client-list li {
float: left;
margin-right: 60px
}
#client-list li:last-child {
margin-right: 0
}
#sub-bar {
background-color: #f2836b;
color: #fff
}
#sub-bar h2 {
margin: 30px 0
}
#sub-bar p {
line-height: 25px
}
#sub-ul {
margin-top: 80px
}
#sub-ul li {
float: left;
margin-right: 50px
}
#sub-ul li:last-child {
margin-right: 0
}
#sub-ul li a {
text-decoration: none;
color: #fff
}
.link-feature {
border: 1px solid #fba08c;
padding: 10px
}
.link-feature:hover {
background-color: #f38f78
}
.link-feature i {
margin-right: 15px
}
.link-buy i {
margin-left: 10px
}
#footer {	background-color: #ededed}
.foo h3 {	margin: 10px 0 10px 0;color:#000;font-size:12px;font-weight:bold;}
.footer-ul-style1 li {	line-height: 25px;	border-bottom: 0px solid #2d2d2d;	max-width: 200px}
.footer-ul-style1 li:last-child {	border-bottom: 0}
.footer-ul-style1 li a {	font-size: 12px;	color: #808080;	text-decoration: none}
.footer-ul-style1 li a:hover {	color: #04b4cc;	text-decoration: none}
.footer-ul-style1 li a i {	margin-right: 5px}
.footer-text {	text-align: center}
#tags {	max-width: 250px}
#tags li {	float: left;	margin-right: 8px;	margin-bottom: 15px}
#tags li a {	font-size: 12px;	text-decoration: none;	color: #727272;	border: 1px solid #2d2d2d;	padding: 3px 4px}
#tags li a:hover {	color: #fff;	background-color: #2a2a2a}
#footer-gallery li {
float: left;
margin-right: 20px;
margin-bottom: 20px
}
#footer-gallery li img {
border: 1px solid #2d2d2d
}
.footer-contact p {
font-size: 12px;
line-height: 25px;
max-width: 250px
}
.footer-input {
background-color: #2a2a2a;
border: 1px solid #2d2d2d;
color: #fff;
height: 25px;
margin-top: 10px;
outline: 0
}
.footer-submit {
background-color: #f2836b;
color: #fff;
border: 0;
font-size: 12px;
padding: 3px 6px;
margin-left: 5px
}
#footer-last {	background-color: #04b4cc;	border-top: 1px solid #04b4cc}
#footer-last p {	margin: 5px 0;color:#fff;text-align:left;}

#social li {	float: left;	margin-right: 12px}
#social li:last-child {	margin-right: 0}
#social li a {	text-decoration: none;	color: #fff;	font-size: 20px;}
#social li .icon-facebook:hover {
color: #3b5998;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-twitter:hover {
color: #00a0d1;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-google-plus:hover {
color: #db4a39;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-skype:hover {
color: #00aff0;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-flickr:hover {
color: #ff0084;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-pinterest:hover {
color: #c8232c;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-foursquare:hover {
color: #25a0ca;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
#social li .icon-youtube:hover {
color: #c4302b;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.cust-comments-prllx {
/*background: url(../temp/prllx.jpg) 50% 0 no-repeat fixed;*/
color: #fff
}
.clients-prllx {
/*background: url(../temp/prllx2.jpg) 50% 0 no-repeat fixed;*/
color: #fff
}
.index-style .pad20 {
border: 1px solid #e5e5e5;
padding: 40px;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.index-style .pad20:hover {
background-color: #eee
}
#carousel-style1-thumb {
margin-top: 5px
}
#carousel-style1-thumb img {
cursor: pointer;
display: inline-block;
width: 92px;
height: 69px;
border: 1px solid #e5e5e5;
padding: 5px;
background-color: #f6f5f1
}
#latest-blog-posts {
border-top: 1px solid #ededeb;
border-bottom: 1px solid #ededeb
}
#latest-blog-posts a {
color: #f2836b
}
.alt-date-box {
width: 100%;
padding: 10px 0;
text-align: center;
background-color: #f2836b;
color: #fff
}
.alt-blg-info {
margin-left: 20px
}
.price-box-2-columns {
padding: 0 20%
}
.price-box-header {
background-color: #ededeb;
text-align: center;
padding: 10px 20px 30px 20px;
position: relative
}
.price {
position: absolute;
bottom: -20px;
left: 50%;
background-color: #f2836b;
color: #fff;
padding: 10px 20px;
width: 176px;
margin-left: -88px
}
.price-box-list {
text-align: center;
width: 90%;
margin: 0 auto
}
.price-box-list li {
line-height: 35px;
border-bottom: 1px solid #e5e5e5
}
.price-box-list li:last-child {
border-bottom: 0
}
.bsns-color {
background-color: #4d413d
}
.pro-box {
background-color: #a4c739;
color: #fff;
padding: 4px 8px;
font-size: 8px;
border-radius: 5px;
margin-left: 5px
}
.subscribe-form {
max-width: 400px;
margin: 0 auto
}
.subscribe-form input {
border: 0;
outline: 0;
border: 1px solid #e5e5e5;
height: 35px;
padding-left: 10px
}
.subscribe-form input {
width: 100%
}
.subscribe-form input.send {
width: 100%;
background-color: #f2836b;
text-align: center;
color: #fff;
font-weight: 300
}
.subscribe-form p {
font-size: 10px
}
.carousel-box {
position: relative;
text-align: center
}
.carousel-box .prev {
position: absolute;
top: 38%;
left: 0;
background: rgba(255,255,255,0.7);
z-index: 9999999
}
.carousel-box .next {
position: absolute;
top: 38%;
right: 0;
background: rgba(255,255,255,0.7);
z-index: 9999999
}
.carousel-buttons a {
color: #727272;
font-size: 25px;
padding: 0 13px 3px 13px;
text-decoration: none;
cursor: pointer
}
.pagination {
display: inline-block
}
.pagination a {
float: left;
position: relative;
width: 9px;
height: 9px;
margin: 0;
text-decoration: none
}
.pagination a:before {
content: "\f111";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #bfbfbf;
font-size: 9px;
position: absolute;
top: 0;
left: 0
}
.pagination a.selected:before {
content: "\f111";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #f2836b;
font-size: 9px;
position: absolute;
top: 0;
left: 0
}
.pagination a span {
display: none
}
#skill-box {
text-align: left !important
}
#skill-box hr {
margin-left: 0;
text-align: left
}
.progress {
height: 40px;
-webkit-box-shadow: 0;
box-shadow: 0;
background-color: #f9f9f9;
border: 1px solid #e9e8e4
}
.progress-bar {
background-color: #f2836b;
-webkit-box-shadow: 0;
box-shadow: 0
}
.skill-right {
padding: 10px 15px 0 0
}
.skill-left {
padding: 10px 0 0 15px
}
.about-page hr {
margin-left: 0;
text-align: left
}
.panel {
margin-bottom: 20px;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0
}
.panel-boxme {
border: 1px solid #e9e8e4;
border-radius: 4px;
padding: 20px
}
.plus-box {
padding: 4px 10px 6px 11px;
background-color: #fff;
color: #727272;
border: 1px solid #e9e8e4;
border-radius: 4px
}
.active .plus-box {
padding: 4px 10px 6px 11px;
border: 0;
background-color: #f2836b;
color: #fff;
border-radius: 4px
}
.panel-style1 h4 a {
color: #727272;
text-decoration: none;
margin-left: 10px
}
.active h4 a {
color: #f2836b;
text-decoration: none;
margin-left: 10px
}
.profile-wrapper {
text-align: center
}
.profile-social-box {
display: inline-block;
zoom: 1;
border-top: 1px solid #b1b1b1;
padding-top: 5px
}
.profile-social-box li {
float: left;
margin-right: 21px
}
.profile-social-box li:last-child {
float: left;
margin-right: 0
}
.profile-social-box li a {
font-size: 16px;
text-decoration: none;
color: #b1b1b1
}
.profile-social-box li .icon-facebook:hover {
color: #3b5998;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-social-box li .icon-twitter:hover {
color: #00a0d1;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-social-box li .icon-envelope:hover {
color: #db4a39;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-social-box li .icon-skype:hover {
color: #00aff0;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-social-box li .icon-flickr:hover {
color: #ff0084;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-social-box li .icon-pinterest:hover {
color: #c8232c;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-social-box li .icon-foursquare:hover {
color: #25a0ca;
-webkit-transition-property: color, text;
-webkit-transition-duration: .3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property: color, text;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property: color, text;
-o-transition-duration: .3s;
-o-transition-timing-function: linear, ease-in
}
.profile-desc {
padding: 0 15px
}
.about-image-box {
padding: 10px;
border: 1px solid #d0d0d0
}
.about-text-box {
text-align: left;
padding: 20px 40px
}
.about-title {
color: #f2836b
}
.about-text-box hr {
text-align: left;
margin-left: 0
}
.services-title {	  color: #000000;    font: 36px/38px LatoLight;    margin-bottom: 10px;    margin-top: 20px;}
.services hr {
text-align: left;
margin-left: 0;
width: 80px
}
.box-circle {	width: 60px;	height: 60px;	border-radius: 50%;	background: #EDEDED;	text-align: center}
.box-circle i {
font-size: 25px;
line-height: 60px;
color: #fff
}
.h-color {
color: #693E87
}
.service-style-2 a {
color: #f2836b
}
.service-style-3 li {
width: 50%;
float: left;
margin-bottom: 30px;
padding-right: 20px
}
.service-style-3 i {
font-size: 20px;
color: #f2836b;
margin-right: 10px
}
.service-style-4 li {
width: 50%;
float: left;
margin-bottom: 30px;
padding-right: 20px
}
.service-style-4 i {
font-size: 20px;
background-color: #f2836b;
color: #fff;
margin-right: 10px;
border-radius: 50%;
padding: 5px
}
.drpcp-img {
padding: 10px;
border: 1px solid #d0d0d0;
margin-right: 10px;
margin-top: 5px
}
.sidebar h3 {
color: #f2836b
}
.sidebar a:hover {
color: #f2836b
}
.sidebar-category {
margin-top: -10px
}
.sidebar-category li {
line-height: 30px;
border-bottom: 1px solid #eaeaea
}
.sidebar-category li:last-child {
border-bottom: 0
}
.sidebar-category li a {
color: #727272;
text-decoration: none;
padding: 10px 0
}
.blg-img {
position: relative;
width: 70px;
height: 60px;
margin-right: 10px
}
.blg-txt {
width: 65%;
padding: 3px 0
}
.sidebar-blg-cmmnt {
position: absolute;
bottom: 0;
right: 0;
background-color: #f2836b;
font-size: 11px;
color: #fff;
padding: 3px
}
.sidebar-blg-date {
margin-top: -7px;
font-size: 11px;
font-style: italic;
font-weight: 400
}
.blg-txt a {
color: #f2836b;
text-decoration: none;
font-weight: 400
}
.blg-txt a:hover {
text-decoration: underline
}
.sidebar-recent li {
margin-bottom: 20px !important
}
.sidebar-tags {
max-width: 260px
}
.sidebar-tags li {
float: left;
margin-right: 8px;
margin-bottom: 15px
}
.sidebar-tags li a {
font-size: 11px;
text-decoration: none;
color: #727272;
border: 1px solid #eaeaea;
padding: 3px 4px
}
.sidebar-tags li a:hover {
color: #727272;
background-color: #eaeaea
}
.blog-box {
margin-bottom: 30px
}
.blog-box a {
color: #f2836b
}
.blg-img-box {
position: relative
}
.blog-date-box {
background-color: #f2836b;
color: #fff;
padding: 3px 15px 1px 15px;
text-align: center
}
.blog-date-day {
font-size: 25px
}
.blog-date-month {
font-size: 12px;
margin-top: -10px
}
.blog-info {
margin-left: 10px;
width: 81%;
padding: 8px 0
}
.blog-list-icon {
position: absolute;
top: 10px;
left: 0;
z-index: 0
}
.blog-list-icon i {
font-size: 16px;
background-color: #f2836b;
color: #fff;
padding: 10px 15px
}
.blog-info-list {
margin-left: 15px;
padding: 8px 0
}
.blg-cmmnt {
margin-left: 20px
}
.blgtxt, .blog-post-pad {
padding-left: 70px
}
.blog-post-tag li {
float: left;
border: 1px solid #e5e5e5;
margin-right: 5px
}
.blog-post-tag li:last-child {
margin-right: 0
}
.blog-post-tag li a {
color: #727272;
padding: 7px 5px;
text-decoration: none
}
.post-tag-area p {
margin-right: 10px;
color: #f2836b
}
.post-author-box {
border: 1px solid #e5e5e5;
padding: 10px 0
}
.post-author-box a {
color: #f2836b
}
.author-info span {
font-size: 16px
}
.author-info a {
margin-left: 20px
}
.blog-info-list a {
color: #f2836b
}
.blog-comment-title {
border-bottom: 1px solid #e5e5e5
}
.blog-comment-title p {
padding: 10px 0
}
.comment-box h4 {
color: #f2836b
}
.main-comment {
padding: 40px 0;
border-bottom: 1px solid #e5e5e5
}
.comment-pic {
width: 80px;
border: 1px solid #e5e5e5;
padding: 3px
}
.com-date {
font-size: 11px;
font-weight: 400
}
.inner-comment {
padding: 40px 0;
padding-left: 135px;
border-bottom: 1px solid #e5e5e5
}
.comment-input-area input {
border: 0;
outline: 0;
border: 1px solid #e5e5e5;
height: 35px;
margin-left: 20px
}
.comment-input-area textarea {
border: 0;
outline: 0;
width: 780px;
height: 200px;
border: 1px solid #e5e5e5;
resize: none
}
.inpt-name {
width: 105px;
padding-top: 10px
}
.comment-input-area p {
padding: 15px 10px;
background-color: #efefef
}
.form-button {
padding: 0 40px;
background-color: #f2836b;
color: #fff
}
.blg-img-box .prt-lnk-wrppr {
margin-top: 28%
}
.blgfll .prt-lnk-wrppr {
margin-top: 15%
}
.blg-img-box .mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 1
}
.blg-img-box .mask {
background-color: rgba(242,131,107,0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all .3s ease-in .4s;
-moz-transition: all .3s ease-in .4s;
-o-transition: all .3s ease-in .4s;
-ms-transition: all .3s ease-in .4s;
transition: all .3s ease-in .4s
}
.blg-img-box .popup {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: transparent;
margin-right: 30px;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
-ms-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
.blg-img-box .extlink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: transparent;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
-ms-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
.blg-img-box:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-ms-transition-delay: 0;
transition-delay: 0
}
.blg-img-box:hover .popup {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
-ms-transition-delay: .1s;
transition-delay: .1s
}
.blg-img-box:hover .extlink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s
}
.portfolio-box .item {
margin-bottom: 30px
}
.portfolio-filters {
margin-bottom: 30px
}
.portfolio-filters ul li {
float: left;
margin-right: 10px
}
.portfolio-filters ul li a {
background-color: #edecec;
color: #727272;
padding: 10px;
text-decoration: none
}
.portfolio-filters ul li a:hover {
background-color: #f2836b;
color: #fff
}
.portfolio-filters ul li a.active {
background-color: #f2836b;
color: #fff
}
.portfolio-info-box {
position: relative;
background-color: #edecec;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
text-align: center;
z-index: 9
}
.portfolio-info-box:after, .portfolio-info-box:before {
content: '';
position: absolute;
border: solid transparent;
height: 0;
width: 0;
pointer-events: none
}
.portfolio-info-box:after {
border-color: transparent;
border-bottom-color: #edecec;
border-width: 15px;
left: 50%;
top: -30px;
margin-left: -20px
}
.portfolio-info-box p {
font-size: 15px;
font-weight: 400;
text-align: center;
padding: 10px 0 0 0
}
.portfolio-info-box div {
font-size: 12px;
text-align: center;
color: #f2836b;
padding-bottom: 10px
}
.portfolio-info-box a {
text-decoration: none;
color: #727272
}
.portfolio-info-box a:hover {
color: #f2836b
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0;
-moz-transition-duration: 0;
-ms-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0
}
.project-details h5 {
color: #f2836b
}
.p-details-list li {
padding: 15px 0 5px 0;
border-bottom: 1px solid #e5e5e5
}
.portfolio-index h1 {
color: #a8a8a8
}
.portfolio-index span {
font-weight: 300
}
.divider {
display: inline-block
}
.divider i {
font-size: 20px;
color: #f2836b
}
.portfolio-divid {
width: 130px;
background-color: #ececec;
height: 1px;
border: 0;
margin-top: 10px;
margin-right: 20px
}
.left-divid {
margin-right: 0;
margin-left: 10px
}
.prt-lnk-wrppr a {
text-decoration: none;
color: #fff;
font-size: 25px;
text-shadow: 1px 1px #000
}
.prt-lnk-wrppr a:hover {
color: #f38f78
}
.prt-lnk-wrppr {
width: 80px;
margin: auto;
margin-top: 33%
}
.prtf-itm .mask {
position: absolute;
top: 0;
left: 15px;
overflow: hidden;
z-index: 0
}
.prtf-itm .mask {
background-color: rgba(242,131,107,0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all .3s ease-in .4s;
-moz-transition: all .3s ease-in .4s;
-o-transition: all .3s ease-in .4s;
-ms-transition: all .3s ease-in .4s;
transition: all .3s ease-in .4s
}
.prtf-itm .popup {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: transparent;
margin-right: 30px;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
-ms-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
.prtf-itm .extlink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: transparent;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all .3s ease-in-out .1s;
-moz-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
-ms-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
.prtf-itm:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-ms-transition-delay: 0;
transition-delay: 0
}
.prtf-itm:hover .popup {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
-ms-transition-delay: .1s;
transition-delay: .1s
}
.prtf-itm:hover .extlink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s
}
.prtf-itm-2 .mask {
width: 555px;
height: 416px
}
.prtf-itm-2s .mask {
width: 409px;
height: 307px
}
.prtf-itm-3 .mask {
width: 360px;
height: 270px
}
.prtf-itm-3s .mask {
width: 262px;
height: 197px
}
.prtf-itm-4 .mask {
width: 263px;
height: 198px
}
.prtf-itm-4s .mask {
width: 189px;
height: 143px
}
.prtf-itm-m .mask {
width: 263px;
height: 90%
}
.faq-filters {
padding: 20px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5
}
.faq-filters li {
float: left;
margin-right: 20px
}
.faq-filters li:last-child {
margin-right: 0
}
.faq-filters li a {
color: #727272;
text-decoration: none
}
.faq-filters li a:hover {
color: #f2836b;
text-decoration: none
}
.faq-filters li a.active {
color: #f2836b
}
#map {
width: 100%;
height: 400px
}
.contact-info {
border-bottom: 1px solid #e5e5e5
}
.contact-details {
text-align: center
}
.contact-details p {
font-size: 13px;
max-width: 700px;
margin: 0 auto
}
.contact-form {
text-align: left
}
.contact-input-area input {
border: 0;
outline: 0;
border: 1px solid #e5e5e5;
height: 35px;
margin-left: 20px
}
.contact-input-area textarea {
border: 0;
outline: 0;
width: 580px;
height: 200px;
border: 1px solid #e5e5e5;
resize: none
}
.contact-input-area .form-button {padding: 0 40px;background-color: #49176C;color: #fff;margin-right: 170px}
.contact-social li {margin-bottom: 10px}
.contact-social li i {font-size: 14px;margin-right: 5px}
.contact-social li a {text-decoration: none;color: #727272}
.contact-social li a:hover {text-decoration: none;color: #f2836b}
.shortcodes-title {font-size: 14px}
.shortcodes hr {text-align: left;margin-left: 0;width: 40px}
.btn-styl li {float: left;margin-right: 30px}
.button-style-1 {background-color: #f2836b;text-decoration: none;color: #fff}
.button-style-1:hover {color: #fff;text-decoration: none}
.button-style-2 {background-color: #3d3d3b;text-decoration: none;color: #fff}
.button-style-2:hover {color: #fff;text-decoration: none}
.button-style-3 {background-color: #68bbbf;text-decoration: none;color: #fff}
.button-style-3:hover {color: #fff;text-decoration: none}
.button-style-4 {background-color: #511773;text-decoration: none;color: #fff}
.button-style-4:hover {color: #fff;text-decoration: none}
.button-style-5 {background-color: #4c3955;text-decoration: none;color: #fff}
.button-style-5:hover {color: #fff;text-decoration: none}
.but-small {padding: 10px 30px;font-size: 12px}
.but-medium {padding: 10px 40px;font-size: 14px}
.but-large {padding: 10px 50px;font-size: 16px}
.list-style li {line-height: 30px}
.list-style li i {margin-right: 5px}
.list-style li a {color: #727272;text-decoration: none}
.list-style li a:hover {color: #f2836b;text-decoration: none}
.list-style li a.active {color: #f2836b}
.quote-style1 {
background-image: url(../img/quote-styl1t.png), url(../img/quote-styl1b.png);
background-repeat: no-repeat;background-position: left top, right bottom;padding: 20px 30px;font-size: 21px;font-weight: 300}
.quote-style2 {
background: url(../img/quote-styl2.png) no-repeat bottom right 15px;
background-color: #f2836b !important;padding: 20px 30px;font-size: 21px;font-weight: 300;border-radius: 5px;color: #fff}
.dropcap-style1:first-letter {display: block;float: left;font-size: 40px;line-height: 40px;margin: 0 8px 0 0;background: #f2836b;color: #fff;
padding: 3px 5px}
.dropcap-style2:first-letter {display: block;float: left;font-size: 40px;line-height: 40px;margin: 0 8px 0 0;background: #f2836b;color: #fff;
padding: 5px 15px;border-radius: 50%}
.skill-label {color: #727272;text-align: center;font-weight: 400}
.chart {display: inline-block}
.tparrows {-ms-filter: "alpha(opacity=10)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.fullwidthbanner-container {width: 100% !important;position: relative;padding: 0;max-height: 500px !important;overflow: hidden}
.fullwidthbanner-container-slider {width: 100% !important;position: relative;padding: 0;max-height: 550px !important;overflow: hidden}
.rev-thin-title {font-size: 31px;font-weight: 300;color: #696968}
.rev-bthin-title {font-size: 31px;font-weight: 300;color: #696968}
.rev-bold-title {font-size: 28px;font-weight: 700;color: #f2836b}
.rev-mbold-title {font-size: 14px;ont-weight: 600;color: #f2836b}
.rev-p {font-size: 13px;line-height: 24px;font-weight: 300;color: #727272}
.rev-button a {padding: 10px 25px;background-color: #f2836b;color: #fff}
.rev-button a:hover {text-decoration: none;background-color: #f38f78;color: #fff}
.rev-button-2 a {padding: 8px 21px;color: #727272;border: 2px solid #727272}
.rev-button-2 a:hover {text-decoration: none;color: #727272;border: 2px solid #a1a1a1}
.rev-left {margin-left: 20px}
.rev-right {margin-right: 20px}
.rev-text-box {font-size: 16px;font-weight: 300;color: #fff;padding: 5px 30px;background-color: #7d7d7d}
.kwicks {height: 500px}
.camera_caption h3 {font-weight: 400}
.camera_caption p {max-width: 730px;line-height: 20px}
.ei-title {left: 10%;top: 10%}
.ei-title h2 {color: #000 !important}
.ei-title h3 {color: #fff !important}
.ei-slider-thumbs li.ei-slider-element {background-color: #f2836b}
.ei-slider-thumbs li a:hover {background-color: #f2836b}
.flexslider img {max-height: 465px !important}
.slider-wrapper img {max-height: 530px !important}