/*this is the main css of the entire site, the rules are divided into sections. For example, to change the services section, changes only the rules of this section at line 190*/

body{
	margin:0px;
	padding:0px;
	color:#888888;
}

/*font face*/
@font-face {
    font-family: 'oswaldbold';
    src: url('../fonts/oswald/oswald-bold-webfont.eot');
    src: url('../fonts/oswald/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldlight';
    src: url('../fonts/oswald/oswald-light-webfont.eot');
    src: url('../fonts/oswald/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-light-webfont.woff') format('woff'),
         url('../fonts/oswald/oswald-light-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldbook';
    src: url('../fonts/oswald/oswald-regular-webfont.eot');
    src: url('../fonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster/lobster_1.3-webfont.eot');
    src: url('../fonts/lobster/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster/lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/lobster/lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/lobster/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*end font face*/

/*start tag*/
h1{
	color:#7d7d7d;
	font-size:50px;
	margin:0px;
	padding:0px;
	font-family: 'lobster_1.3regular';	
	font-weight:normal;
}
h2{
	color:#7d7d7d;
	font-size:20px;
	margin:0px;
	padding:0px;
	font-family: 'lobster_1.3regular';
	font-weight:normal;	
}
p{
	color:#a9a9a9;
	line-height:22px;
	font-size:17px;
	margin:0px;
	padding:0px;
	font-family: 'oswaldlight';
}
a{
	text-decoration:none;
	color:#852258;	
}
a img{
	border:0px;	
}
/*end tag*/

.tcenter {
	text-align: center;
}

/*start navigationmenu*/
#navigationmenu{
	width:100%;
	float:left;
	background-image:url(../img/patterns/grey-bg.png);
	background-repeat:repeat;
	color:#7d7d7d;	
	font-family: 'lobster_1.3regular';	
	font-size:20px;
	text-shadow: 2px 2px 0 rgba(223, 223, 223, 0.9);
}
#navigationmenu .container{
	padding:10px 0px;	
}
.logo{
	height:180px;	
}
.logo img{
	position:absolute;
	margin-top:0px;
	z-index:30;
	
	-webkit-transition:all 700ms;
	-o-transition:all 700ms;
	transition:all 700ms;	
}
.logo img:hover{
	-webkit-transform:scale(1.02, 1.02);
	-o-transform:scale(1.02, 1.02);
	transform:scale(1.02, 1.02);	
}
nav{
	margin:55px 20px 20px 20px;	
}
nav ul{
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;	
}
nav ul li{
	margin:0px 10px;
	padding:0px;
	float:left;
	border-top:1px dashed #d6d5d5;
	border-bottom:1px dashed #d6d5d5;	
}
nav a{
	padding:20px 10px;
	float:left;
	color:#7d7d7d;	
	
	-webkit-transition:color 250ms ease-in;  
   -moz-transition:color 250ms ease-in;  
   -o-transition:color 250ms ease-in;  
   transition:color 250ms ease-in;  
}
nav a:hover{
	color:#bbbbbb;	
	-webkit-transition:color 250ms ease-in;  
   -moz-transition:color 250ms ease-in;  
   -o-transition:color 250ms ease-in;  
   transition:color 250ms ease-in; 
}

.rightnavigation, .rightnavigation li{
	float:left;	
}
/*end navigationmenu*/

#topnav{
	background-color: #f6f7f8;
    border-bottom: 1px solid #bbbbbb;
}
#topnav .container{
	padding:0;
}
#topnav .info{
    font-size: 14px;
    color:#7d7d7d;
    font-family: 'oswaldlight';
}
ul.secondNav{
	display: block;
	float: right;
	list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.secondNav li{
	list-style-type: none;
	display: inline-block;
}
ul.secondNav li a{
    font-size: 14px;
    color:#7d7d7d;
    font-family: 'oswaldlight';
    padding: 0 10px;
}
ul.secondNav li a:hover{
    color:#bbbbbb;
    -webkit-transition:color 250ms ease-in;
    -moz-transition:color 250ms ease-in;
    -o-transition:color 250ms ease-in;
    transition:color 250ms ease-in;
}

/*start sectionslide*/
#sectionslide{
	width:100%;
	float:left;
	
}
.caption{
	color:#FFF;
	font-size:17px;
	font-family: 'oswaldlight';	
}
#section1 .bottomwaves{
	margin-top:-15px;
	
}
#sectionslide ul{
    margin: 0;
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align:baseline; 
	background: transparent;
	display:none;
}
/*end sectionslide*/


/*start services*/
#section1{
	width:100%;
	float:left;
	background-image:url(../img/patterns/grey-bg.png);
	background-repeat:repeat;	
}
#section1 .titlesection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/services.png);
}
#section1 p{
	margin:10px 20px;
}
#section1 h2{
	margin:20px 20px 0px 20px;
}
#section1 img{
	float:left;
	margin:20px;	
}
/*end services*/

/*start testimonials*/
#section2{
	width:100%;
	float:left;
	background-image:url(../img/patterns/pink-bg.png);
	background-repeat:repeat;
	background-attachment:fixed;
}
#darkfilter{
	width:100%;
	float:left;
	background-image:url(../img/section-testimonials/darkfilter.png);
	background-repeat:repeat-y;
	background-position:center;
}
#section2 .container div{
	margin:0px 10px;
}
#section2 .container{
	padding:30px 0px;
}
#section2 h2{
	color:#FFF;
	margin:10px 20px;
	text-shadow: 2px 2px 0 rgba(190, 115, 135, 0.9);
}
#section2 p{
	color:#FFF;
	margin:10px 20px;
}
.topquote img{
	width:52px;
	margin:10px 0px;
	padding:0px;
	float:left;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;	
}
#section2:hover .topquote img, #section2:hover .bottomquote img
{
	-webkit-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2);
}
.bottomquote img{
	width:52px;
	margin:10px 0px;
	padding:0px;
	float:right;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;	
}
.lefttestimonials{
	text-align:right;	
}
.lefttestimonials h2, .lefttestimonials p{
	float:right;	
}
.righttestimonials{
	text-align:left;	
}
.righttestimonials h2, .righttestimonials p{
	float:left;	
}
/*end testimonials*/

/*start section portfolio*/
#section3{
	width:100%;
	float:left;
	background-image:url(../img/patterns/grey-bg.png);
	background-repeat:repeat;		
}
#section3 .titlesection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/portfolio.png);
}
#options{
	margin:10px 0px;
	padding:0px;
	float:left;
	width:100%;
}
#filters{
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
	text-align:center;	
}
#filters li{
	margin:10px 10px;
	padding: 5px 0px;
	display:inline-block;
	font-size: 17px;
	font-family: 'oswaldlight';
    
}
#filters li a{
    padding: 5px 10px;
	color:#FFF;
	
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
#filters li a:hover{
	opacity: 0.7;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.selected{
	border-bottom:2px solid #bb7374 !important;
}
.worksarrow{
	float:left;
	width:100%;
	height:25px;
	margin-bottom:5px;
}
.worksbottom{
	float:left;
	width:100%;
	height:5px;
	background-image:url(../img/section-works/bgworksbottom.jpg);
	background-repeat:repeat;
	margin-top:5px;
}
.worksarrow img{
	position:absolute;
	width:52px !important;
	margin-top:-26px;
	margin-left:-26px;
	left:50%;
	
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	
}
.element:hover .worksarrow img{
	-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);	
	
}
.imgwork{
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	-webkit-transition:all 1000ms;
	-o-transition:all 1000ms;
	transition:all 1000ms;		
}
.imgwork:hover	
{
	opacity:0.7;
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);
}
/*end section portfolio*/

/*start section prices*/
#section4{
	width:100%;
	float:left;
	background-image:url(../img/patterns/green-bg.png);
	background-repeat:repeat;
	background-attachment:fixed;
	overflow:hidden;		
}
#section4 .titlesection{
	text-shadow: 3px 3px 0 rgba(111, 176, 167, 0.9);
	background-image:url(../img/divider/prices.png);
}
#section4 .titlesection h1{
	color:#FFF;
}
.price{
	width:270px;;
	float:left;
	background-image:url(../img/section-prices/bg.png);
	background-repeat:repeat;
	border-top:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	margin-top:108px;	
}
.price p{
	margin:176px 20px 10px;
	color:#b4b2b2;
	text-align:center;
}
.price ul{
	margin:0px 20px 10px 20px;
	padding:0px;
	list-style:none;
	float:left;
}
.price ul li p{
	padding:5px 0px 5px 20px;
	margin:0px;
	text-align:left;
	width:210px;
	border-bottom:1px solid #d4d7d3;
	color:#908f8f;
	background-image:url(../img/section-prices/star.png);
	background-repeat:no-repeat;
	background-position:0px 12px;
}
.logoprice{
	position:absolute;
	width:280px;
	text-align:center;
	height:176px;
	float:left;
	margin-top:20px;	
}
.ribbon{
	background-image:url(../img/section-prices/bgribbon.jpg);
	background-repeat:repeat;
	position:absolute;
	width:280px;
	margin-top:220px;
	text-align:center;	
}
.noborder{
	border:0px !important;	
}
.ribbon h2{
	font-size:30px;
	color:#FFF;	
	margin:5px 0px;
	text-shadow: 3px 3px 0 rgba(111, 176, 167, 0.9);
}
.ribbon h2 span{
	font-size:20px;
	color:#7d7d7d;
	text-shadow:none;
}
.triangle{
	width:100%;
	float:left;
	margin-bottom:20px;
	height:50px;
	background-image:url(../img/section-prices/triangle.png);
}
/*end section prices*/

/*start section team*/
#section5{
	width:100%;
	float:left;
	background-image:url(../img/patterns/grey-bg.png);
	background-repeat:repeat;		
}
#section5 .titlesection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/team.png);
}
.team{
	background-color:#f5f5f5;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	width:278px;
	margin:0 0px 0px 0px;
	float:left;
    padding-bottom: 20px;
    border-bottom:4px solid #f1d0d6;
}
.team h2{
	margin:20px 20px 10px 20px;
	text-align:center;
}
.team div.short{
    min-height: 210px;
}
.team div.short > p{
	margin:10px 20px 20px 20px;
	text-align:justify;
}
.team p{
    display: block;
    text-align: center;
}
.team .red a{
    padding:5px 15px 5px 15px;
}
.avatar{
    background-color:#f5f5f5;
	width:100%;
	margin-top:20px;
	text-align:center;		
}
.avatar img{
    border:4px solid #f1d0d6;
    max-width: 272px !important;
}

/*end section team*/

/*start section skills*/

#section6{
	width:100%;
	float:left;
	background-image:url(../img/patterns/pink-bg.png);
	background-repeat:repeat;
	background-attachment:fixed;		
}
#section6 .titlesection{
	text-shadow: 3px 3px 0 rgba(190, 115, 135, 0.9);
	background-image:url(../img/divider/skills.png);
}
#section6 .titlesection h1{
	color:#FFF;
}
#section6 .clip{
	text-align:center;		
}
#section6 .clip img{
	margin:152px 20px;	
}
#section6 .clip img:hover{
	opacity:0.5;	
}

#section6 .tx-powermail h3,  #section6 .tx-powermail legend{
	display:none;
}
#section6 .tx-powermail fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
form, form label{
	width:90%;
	display: block;
	margin-bottom:5px;
	line-height: 22px;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	font-family: 'oswaldlight';
	color:#fff;
}

form input, form textarea, form select {
	width: 90%;
	height: 24px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'oswaldlight';
	color: #888;
	font-size: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
form input.radio{
    width:50px;
}
form input.button{
    width:200px;
    padding:5px;
    height: auto;
}
.fieldwrap{
	display:block;
	margin-bottom:10px;
}
form input.submit, .btn.submit{
	font-size: 17px;
	padding: 5px 10px;
	color: #FFF;
	font-family: 'lobster_1.3regular';
	background-color: #e0a6a5 !important;
	border-bottom: 2px solid #bb7374 !important;
	max-width: 200px;
    float: none !important;
}

.error{
    background-color:#fff;
    color:red;
    padding:10px;
    margin-bottom:10px;
}
.success{
    background-color:#fff;
    color:green;
    padding:10px;
    margin-bottom:10px;
}

form textarea, form input.submit{
	height:auto !important;
}

.skilldescription{
	margin:20px;
	float:left;	
}
.skilldescription #operator{
	background-image:url(../img/section-skills/operator.png);
    height: 150px;
    margin-left: 42px;
    margin-top: 116px;
    position: absolute;
    width: 15px;	
}
.skilldescription p{
	margin-top:10px;
	color:#FFF;	
}
.skilldescription img{
	float:left;
	margin-right:20px;	
}
#allprogresbar{
	float:left;
	margin:10px 20px;
	width:440px;	
}
.progresbar{
	float:left;
	width:100%;
	margin:10px 0px;
}
.progresbar p{
	color:#fff;	
	margin-bottom:10px;
}
.progresbar div{
	width:380px;
	float:left;
	background-image:url(../img/section-skills/bgprogresbar.jpg);
	background-repeat:repeat;	
}
.progresbar div span{
	height:20px;
	margin:5px;
	float:left;
	background-image:url(../img/section-skills/progresbar.jpg);
	background-repeat:repeat;
}
.onebar{
	width:60%;	
}
.secondbar{
	width:83%;	
}
.thirdbar{
	width:40%;	
}
.fourthbar{
	width:72%;	
}
.fivebar{
	width:93%;	
}
.numberbar{
	float:right;
	margin:0px !important;
	padding:4px 8px;
	color:#7d7d7d !important;
	font-size:13px;
	font-family: 'lobster_1.3regular';
	background-image:url(../img/section-skills/bgnumberbar.png);
	background-position:center;
	background-repeat:no-repeat;
}
/*end section skills*/

/*start oursocial*/
#section7{
	width:100%;
	float:left;	
	background-image:url(../img/patterns/grey-bg.png);
	background-repeat:repeat;
}
#section7 img{
	margin:20px;
}
#section7 .titlesection{
	text-shadow: 3px 3px 0 rgba(223, 223, 223, 0.9);
	background-image:url(../img/divider/oursocial.png);
}
/*end oursocial*/


/*start contacts*/
#section8{
	width:100%;
	float:left;

}
#section8 #map-canvas{
	background: url('../img/schongaumap2.jpg') top left no-repeat transparent;
	background-size: cover;
	width:100%;
	height:790px;
	float:left;
	margin:0px;
	padding:0px;	
}
#markers{
	width:380px;
	height:557px;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-190px;
	margin-top:116px;	
}
#bigmarker{
	width:220px;
	height:320px;
	margin:auto;
	background-image:url(../img/section-contact/bigmarker.png);
	text-align:center;
	padding:80px;		
}

.hidebigmarker{
	filter: alpha(opacity=0); /* internet explorer */
    opacity: 0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; /*IE8*/
	
	-webkit-transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;	
}
.showbigmarker{
	filter: alpha(opacity=1); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	
	-webkit-transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;	
}

#bigmarker h2{
	float:left;
	margin-bottom:10px;
	padding-bottom:20px;
	background-image:url(../img/section-contact/h2arrow.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;	
	text-shadow: 2px 2px 0 rgba(223, 223, 223, 0.9);
}
#bigmarker ul{
	float:left;
	margin:auto;
	padding:0px;
	list-style:none;
	width:100%;
}
#bigmarker ul li{
	margin:0px;
	padding:0px;
}
#bigmarker ul li p{
	margin:0px;
	padding:10px 20px 10px 50px;
	font-size:12px;
	color:#a9a9a9;
	border-bottom:1px solid #e5e5e5;
	text-align:left;
	background-repeat:no-repeat;
}
#bigmarker a{
	color:#a9a9a9;
}
.iconhome{
	background-image:url(../img/section-contact/icon1.png);
	background-position:20px 12px;	
}
.iconphone{
	background-image:url(../img/section-contact/icon2.png);
	background-position:20px 12px;
}
.iconfax{
	background-image:url(../img/section-contact/icon3.png);
	background-position:20px 12px;
}
.iconmail{
	background-image:url(../img/section-contact/icon4.png);
	background-position:20px 12px;
}
#littlemarker{
	width:57px;
	height:57px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;
	display:block;	
}
#littlemarkerclose{
	width:57px;
	height:57px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;	
	display:none;
}
.backtotop{
	left:50%;
	margin-left:-25px;
	position:absolute;
	margin-top:776px;
	z-index:25;
	width:50px;
	height:14px;
}
.backtotop img{
	float:left;
	margin:0px;
	padding:0px;
}
/*end contacts*/


/*start class*/
.container{
	width:1200px;
	margin:auto;
	padding:60px 0px 90px 0px;	
}
.titlesection h1{
	margin:50px 20px;
	text-align:center;	
}

#section7 .titlesection, #section1 .titlesection, #section3 .titlesection, #section4 .titlesection, #section5 .titlesection, #section6 .titlesection{
	background-repeat:no-repeat;
	background-position:center bottom;
	margin-bottom:20px;
}
.topwaves{
	width:100%;
	float:left;
	height:15px;
	background-image:url(../img/patterns/topwaves.png);
	background-repeat:repeat-x;
	position:absolute;
	margin-top:0px;
	z-index:25;	
}
.bottomwaves{
	width:100%;
	height:15px;
	background-image:url(../img/patterns/bottomwaves.png);
	background-repeat:repeat-x;
	position:absolute;
	z-index:25;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.btn{
	margin:10px 0px !important;
	float:left;
	width:100%;
	
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.btn:hover{
opacity: 0.7;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.btn a{
	font-size:17px;
	padding:5px 10px;
	color:#FFF;	
	font-family: 'lobster_1.3regular';
}
.orange a{
	background-color:#facba6;
	border-bottom:2px solid #c88926;		
}
.red a{
	background-color:#e0a6a5 !important;
	border-bottom:2px solid #bb7374 !important;	
}
.blue a{
	background-color:#a5dce1;
	border-bottom:2px solid #889a9e;	
}
.yellow a{
	background-color:#e0d9a3;
	border-bottom:2px solid #ba9873;	
}
.navi a{
	background-color:#94cdc6;
	border-bottom:2px solid #528e84;	
}
.green a{
	background-color:#bfe1a4;
	border-bottom:2px solid #9d9e74;	
}
/*end class*/


/*start anchors*/
.anchors{
	width:100%;
	float:left;
	height:26px;
	position:absolute;
	margin-top:-13px;
	text-align:center;	
}
.anchors img{
	margin:0px !important;
	padding:0px !important;
	border:0px !important;	
}
.contanchors{
	width:87px;
	margin:auto;
	height:26px;
}
.anchortop{
	float:left;		
}
.anchorbottom{
	float:right;		
}
/*end anchors*/


/*start hover effect*/
/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover	
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/


/*===========================================================================*/
/*Blog Section Css*/
/*===========================================================================*/

.box-error{
    color:#de4b4d;
}
.box-message{
    color: green;
}

fieldset{
    border:none;
}
legend{
    color:#7d7d7d;
    font-size:20px;
    margin:0px;
    padding:0px;
    font-family: 'lobster_1.3regular';
    font-weight:normal;
}

#blog .clear{
    clear:both;
    width: 100%;
}

#blog .h10{
    height:25px;
}

.cp-blog-section{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}
.cp-blog-full{
    padding: 0 100px;
}
.cp-blog-full .cp-blog-item{
    margin: 0 0 47px;
}
.cp-blog-full .cp-pagination-row,.cp-blog-section .cp-pagination-row{
    margin-bottom: 30px;
}
.cp-blog-item{
    float: left;
    width: 100%;
    margin: 0 0 27px;
}

.cp-thumb img{
    max-width: 100%;
    height:auto;
    border: 5px solid #f1d0d6;
}

.cp-blog-item iframe{
    height: 420px;
    width: 100%;
    border: none;
}
.cp-blog-item .cp-text{
    float: left;
    width: 100%;
    padding: 0 15px;
    text-align: left;
	margin-top: 20px;
}
.cp-blog-item .cp-text h3, .cp-sidebar-box h3{
    margin: 0 0 10px;
    text-align: left;
    color: #7d7d7d;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    font-family: 'lobster_1.3regular';
    font-weight: normal;
}
.cp-blog-item .cp-text p{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.cp-blog-item .cp-text p:last-child{
    margin-bottom: 0;
}
.cp-blog-item .cp-meta-listed{
    margin-bottom: 11px;
}
ul.cp-meta-listed{
    float: left;
    width: 100%;
    margin: 0;
    padding:0;
}
.cp-meta-listed li{
    color: #7d7d7d;
    font-size: 17px;
    margin: 0px;
    padding: 0px;
    font-family: 'oswaldlight';
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
    padding-left: 10px;
}
.cp-meta-listed li:first-child{
    padding-left: 0;
}
.cp-meta-listed li:after{
    content: '/';
    font-size: 20px;
    padding-left: 3px;
}
.cp-meta-listed li:last-child:after{
    display: none;
}
.cp-meta-listed li a{
    color: #696e78;
}
.cp-blog-item .cp-text .readmore{
    font-size: 14px;
    position: relative;
    margin: 0;
    display: inline-block;
}
.cp-blog-item .cp-text .readmore:hover:after{
    right: -25px;
    opacity: 1;
}
.cp-blog-item .cp-text .readmore:after{
    font-family:'FontAwesome';
    content: '\f178';
    font-size: 14px;
    right: -25px;
    position: absolute;
    top: 2px;
    opacity: 1;
}
.cp-blog-item .cp-text .cp-bottom-holder{
    float: left;
    width: 100%;
    margin: 0 0 40px;
}
.cp-blog-bottom{
    float: left;
    width: 100%;
    margin: 0 0 28px;
}
.cp-blog-item .cp-text .cp-blog-bottom h3{
    margin: 0;
}
.cp-blog-bottom h3{
    display: inline-block;
}
.cp-blog-bottom .cp-left{
    float: left;
    margin: 9px 0 0;
}
.cp-blog-bottom .cp-left a{
    color: #222;
}
.cp-blog-bottom .cp-right{
    float: right;
}
.cp-blog-bottom .cp-social-links{
    display: inline-block;
}

.cp-author-box{
    float: left;
    width: 100%;
    margin: 0 0 40px;
}
.cp-clients-info{
    float: left;
    width: 100%;
}
.cp-clients-info .cp-thumb2{
    float: left;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    margin-right: 30px;
}
.cp-clients-info .cp-thumb2 img{
    border-radius: 100%;
}
.cp-clients-info .cp-info-text{
    overflow: hidden;
}
.cp-clients-info .cp-info-text .cp-top{
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #a4a4a4;
}
.cp-clients-info .cp-info-text .cp-top h4{
    margin: 0;
    text-transform: none;
    display: inline-block;
}
.cp-clients-info .cp-top .cp-info-right{
    float: right;
}
.cp-clients-info .cp-top .cp-info-right span{
    padding-left: 4px;
}
.cp-clients-info .cp-top .cp-info-right a{
    color: #111;
}
.cp-clients-info .cp-top .cp-info-right .fa{
    margin-right: 3px;
}
.cp-clients-info .cp-info-text h4{
    font-size: 20px;
    margin: 0 0 8px;
    letter-spacing: 2px;
}
.cp-blog-item h4 span{
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding-left: 10px;
    text-transform: none;;
}
.cp-comments-holder{
    float: left;
    width: 100%;
}
.cp-comments-holder h4{
    font-size: 20px;
    margin: 0 0 22px;
    letter-spacing: 2px;
}
.cp-comments-listed{
    float: left;
    width: 100%;
}
.cp-comments-listed li{
    display: block;
}
.cp-comments-listed li .cp-clients-info{
    margin-bottom: 25px;
}
.cp-comments-listed ul{
    padding-left: 100px;
}
.cp-form-box{
    float: left;
    width: 100%;
    margin-left: 20px;
}
.cp-blog-item .cp-form-box h3{
    margin: 0 0 3px;
}
.cp-form-box .inner-holder{
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.cp-form-box .inner-holder:last-child{
    margin: 0;
}
.cp-form-box .inner-holder input[type="text"],.cp-form-box .inner-holder input[type="phone"],.cp-form-box .inner-holder textarea{
    width: 100%;
    font-size: 14px;
    color: #222222;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #cecdcd;
    padding: 12px 0;
    height: 44px;
    line-height: 44px;
    position: relative;
    z-index: 99;
}
.cp-form-box .inner-holder textarea{
    height: 158px;
    -webkit-resize: none;
    resize: none;
}
.cp-form-box .inner-holder .btn-submit{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #852258;
    height: 38px;
    line-height: 36px;
    text-align: center;
    min-width: 120px;
    border: none;
    border-radius: 2px;
    border-bottom: 3px solid #f1d9d9;
}

.cp-form-box label.daten {
	color:#888 !important;
}

/*Pagination Row Css*/
.cp-pagination-row{
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0 auto 50px;
}
.cp-pagination-row .cp-total-pages{
    display: inline-block;
    float: left;
}
.cp-pagination-row .pagination, .cp-pagination-row .pages{
    float: right;
}
.pagination > ul > li, .pages > li {
    display: inline;
}
.cp-pagination-row .pagination > ul > li, .cp-pagination-row .pages > li{
    margin: 0 2px 0 5px;
    position: relative;
}
.cp-pagination-row .pagination > ul > li.active a, .cp-pagination-row .pagination > ul > li.active span,.cp-pagination-row .pages .pgCurrent a{
    background-color: transparent;
}
.cp-pagination-row .pagination > ul > li > a, .cp-pagination-row .pagination > ul > li > span, .cp-pagination-row .pages > li > a{
    font-size: 14px;
    color: #222;
    padding: 0;
    background-color: transparent;
    border: none;
    float: none;
}
#fw #section6{
    background-image: none;
}

#fw #section6 .anchors{
    display:none;
}
#fw #section6 .container >.titlesection {
    display: none;
}
#fw .skilldescription p {
    margin-top: 10px;
    color: #a9a9a9;
}
#fw form label, #fw form {
    color: #a9a9a9;
}

.faq_question {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    display: inline-block;
    cursor: pointer;
    color: #7d7d7d;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    font-family: 'lobster_1.3regular';
    font-weight: normal;
}

.faq_answer_container {
    height: 0px;
    overflow: hidden;
    padding: 0px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}

table {
	background-color: #fff;
}
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left;
}
th {
	text-align: left;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
    text-align:center;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table .table {
	background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 5px;
}
.table-bordered {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}

.hpform {
	height: 0.5px;
}