@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Conv_SERIFAL';
	src: url('../fonts/SERIFAL.eot');
	src: local('☺'), url('../fonts/SERIFAL.woff') format('woff'), url('../fonts/SERIFAL.ttf') format('truetype'), url('../fonts/SERIFAL.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ZURCHE';
	src: url('../fonts/ZURCHE.eot');
	src: local('☺'), url('../fonts/ZURCHE.woff') format('woff'), url('../fonts/ZURCHE.ttf') format('truetype'), url('../fonts/ZURCHE.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_simpfxo';
	src: url('../fonts/simpfxo.eot');
	src: local('☺'), url('../fonts/simpfxo.woff') format('woff'), url('../fonts/simpfxo.ttf') format('truetype'), url('../fonts/simpfxo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{padding:0; margin:0;font-family:'Conv_ZURCHE',Sans-Serif; color:#8d9295; background-color:#e8e5e0; letter-spacing:2px; overflow-x:hidden;}
.wrapper{width:850px; margin:auto; margin-top:80px;}
ul {padding:0; margin:0}
ul li {padding:0; margin:0}
p{margin:0; padding:0; font-size:14px;}
.header{width:100%; display:table}
.header .logo{width:30%; float:left;}
.header .logo a{color:#2b5775; font-size:18px; text-decoration:none;padding-top: 6px;
    display: inline-block;}
.header .logo a:hover{color:#333333}
.social_links_mob{display:none;}
.social_links_desk {width:20%; float:left;}
.social_links_desk ul{ margin: 0; padding: 0; }
.social_links_desk ul li{ margin: 0; padding: 0; list-style: none; display: inline-block; margin: 0px 5px;}

.header .navigation{width:50%; float:left}
.index_banner{ display:block; margin:0 auto; width:600px; margin-top:60px; border:solid 5px #fff;}
.inside_wrapper{width:100%; margin-top:60px; clear:both; margin-bottom:30px; position:relative}
.portfolio_width{ width:21%; float:left; margin-bottom:30px; padding:15px;}
.portfolio_title a{ text-decoration:none; color:#8d9295;}
.portfolio_img{ width:100%;}
.portfolio_img img{ width:100%;}
.inside_wrapper_list{width:100%; margin-top:60px; clear:both; margin-bottom:30px; position:relative}
.about_img { width:20%; float:left;padding:0px 10px;}
.about_img img { width:100%;}
.about_para{text-align:left; margin-bottom:5px; letter-spacing:0; line-height:25px; font-size:13px; padding-right:10px;}
.cv_para{text-align:justify; margin-bottom:5px; letter-spacing:0; line-height:25px; font-size:13px;}
.cv_title{text-transform:uppercase; margin-top:35px;}
.inside_wrapper a{color:#979da1;text-decoration:none}
.inside_wrapper a:hover{text-decoration:underline}
.contact_wrapper{width:90%; margin:0 auto; margin-top:60px; margin-bottom:60px; clear:both; display:table}
.contact_left{width:45%; float:left; padding-right:5%}
.contact_right{width:45%; float:left; padding-left:5%; padding-top:50px;}
form{padding:0; margin:0}
label{padding:0; margin:0; margin-bottom:6px; display:block; font-size:14px; color:#151515; font-size:15px}
.textbox{width:98%; border:solid 1px #8d9295; height:35px; background:none; font-size:14px;color:#8d9295; padding:0 1%}
.textarea{width:98%; border:solid 1px #8d9295; height:130px; background:none; font-size:14px;color:#8d9295; padding:1%}
.errors{font-size:12px; color:#FF0000; margin-bottom:10px;}
.contact_left a{text-decoration: none;border: solid 1px #8d9295;display: inline-block;padding: 10px 20px;font-size: 12px;color: #8d9295;}
.contact_left a:hover{background: #8d9295;color: #fff;}
.contact_para{text-align:justify; margin-bottom:8px; letter-spacing:0; line-height:25px; color:#151515;font-size:16px}
.contact_text{text-align:justify; margin-bottom:15px; letter-spacing:0; line-height:25px; font-size:13px; color:#151515}
.contact_text a{color:#151515;text-decoration:none}
.contact_text a:hover{text-decoration:underline}
.contact_left_p{color:#000000; margin-bottom:25px;; font-size:16px}
.customNavigation .prev{position:absolute; left:25px; top:35%; cursor:pointer}
.customNavigation .prev img{width:20px;}
.customNavigation .next{position:absolute; right:25px; top:35%; cursor:pointer}
.customNavigation .next img{width:20px;}
.owl-carousel .item{text-align:center}
.owl-carousel .item p{margin-top:25px; font-family:'Conv_SERIFAL',Sans-Serif; 
font-size:14px; margin-bottom:25px; 
/*color:#8d9295;*/
  color:#000;  
}
.owl-carousel .item p span{color:#000}

.about_width{width: 75%; float:left;/*margin: 0 auto;*/ padding:0px 10px;}

@media only screen and (max-width:900px)
{
	.wrapper{width:96%; margin-top:50px;}
	.header{height:20px; position:relative;}
	.header .logo{width:80%;}
	.header .navigation {width: 100%;position: absolute; left: 0;}
	
	.about_width{width:100%;}
}

@media only screen and (max-width:899px)
{
.social_links_desk{ display:none;}
.social_links_mob{display:block;}
.social_links_mob {width:100%; text-align:center; margin-bottom:15px;}
.social_links_mob ul{ margin: 0; padding: 0; }
.social_links_mob ul li{ margin: 0; padding: 0; list-style: none; display: inline-block; margin: 0px 5px;}
}

@media only screen and (max-width:767px)
{
	
	.contact_wrapper{width:100%;}
	.contact_left{width:100%; float:none; padding-right:0; margin-bottom:40px}
	.contact_right{width:100%; float:none; padding-left:0; padding-top:0}
	.portfolio_width{ width:45%; float:left;}
	/*.about_img {width:100%;}*/
}
@media only screen and (max-width:600px)
{
	.index_banner{width:90%;}
}

@media only screen and (max-width:560px)
{
.owl-carousel .item img{width:80%;}
.customNavigation .prev{left:0px; top:24%;}
.customNavigation .next{right:0px; top:24%;}
}