@charset "utf-8";
/* CSS Document */


  body {
     /* font: 400 15px Lato, sans-serif;
      line-height: 1.8;*/ overflow-x:hidden; font-size:12px;
      color: #818181;
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #FFF;
      font-weight: 400;
      margin-bottom: 30px;
  }  
 
 p a{ color:#818181;}
 p a:hover{ color:#818181;}
 p a:focus{ color:#818181; text-decoration:none;}
  
  .highlight_part{ float:left; z-index:1; margin-left:5%; /*width:45%;*/  margin-top:4%;}
  .highlight {
      font-size: 50px; font-family:Tahoma, Geneva, sans-serif; text-align:left;
      color: #FFF; line-height:60px; text-shadow:0 0 5px #333333;
      margin-bottom: 30px;
  }
  .highlight.small {font-size: 22px; line-height:20px; text-align:left;}
  .link-button{ float:left;
	color: #fff;
	border: #fff solid 1px;
	padding: 5px 15px; text-align:left; line-height:25px;
	margin-top: 35px;
	font-size: 16px;
	background:#D9A520; border-radius:8px;
	transition: all 0.2s ease-in-out;
	font-family: 'Poppins', sans-serif;
	-webkit-box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.90);
	-moz-box-shadow:0px 10px 10px -4px rgba(0, 0, 0, 0.90);
	box-shadow:0px 10px 10px -4px rgba(0, 0, 0, 0.90);
	}

.link-button a{ color:#FFF; text-decoration:none;}
.flot_clear{ clear:both;}

/*shadow*/
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #21c2f8 ;
  -webkit-box-shadow: 0 12px 8px #003648;
  -moz-box-shadow: 0 12px 8px #003648;
  box-shadow: 0 12px 8px #003648;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*shadow*/	

/*-------------------about_part------------------------------*/ 

/*------------for_menu_bg-------------*/

/* Underline From Left */
.hvr-underline-from-left { text-transform:uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #AF936C;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0; color:#21c2f8 ;
}

.hvr-underline-from-left.active {

  background: url(../images/link_bg.jpg) repeat-x left bottom;
  
}

/* Underline From Left */


  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo { width:80%;}
  .logo img{ max-width:100%;}
 
  .navbar {
      margin-bottom: 0;
      background-color:#222222; box-shadow:0 0 10px #000;
      z-index: 9;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  }
  .navbar ul{ margin-top:18px;}
  .navbar li a, .navbar {
      color: #666 !important; 
  }
  .navbar .navbar-brand {
      color: #fff !important; height: auto; padding:1px;
  }
  .navbar-nav li a:hover{
      color: #AF936C !important;
      /*border-bottom:2px solid #21C2F8;*/
  }
  
  .navbar-nav li.active a {
      color: #FFF !important;
     
  }
  
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;	
      animation-duration: 1s;	
      -webkit-animation-duration: 1s;
      visibility: visible;			
  }
  @keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }	
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
 
 
 /*----about_part---------*/
 .page_title{ font-family:Tahoma, Geneva, sans-serif; font-size:28px; line-height:20px; text-align:center; background:url(../images/title_bg.png) no-repeat center bottom; color:#FFF; padding-bottom:32px; margin-bottom:10px !important; position:relative; margin:0 auto; width:50%;}
 .page_title.gray{  color:#666; }

.modal-footer button{ background-color:#664E0F; color:#FFF; border:none;border:1px solid #664E0F; transition:all 0.2s ease-in-out;}
.modal-footer button:hover{ background-color:#E9C567; color:#664E0F; border:1px solid #B4891B;}


.open_btn{ float:right;z-index:1;}
.open_btn button{ background:none; border:none; margin-left:3px; font-family:Verdana, sans-serif; font-size:12px; color:#FFF; padding:0; transition:all .2s ease-in-out;}
.open_btn button:hover{ background:none; border:none;color:#EED38E; margin-left:10px;}

ul,li{ list-style:none; margin:0; padding:0;}
.about_left{ float:left; z-index:1; margin-left:5%; width:95%;  margin-top:12%;}
.about_title{ font-family:Arial, Helvetica, sans-serif; font-size:42px; color:#FFF; text-align:left; line-height:50px;}
.about_title_sub{ font-size:18px; width:100%; display:block; line-height:20px;}
.about_text{ text-align:justify; font-size:12px; font-family:Verdana, sans-serif; line-height:18px; color:#FFF;}
.about_text a{ color:#FFF; text-decoration: underline;}

.about_right{ float: right; /*color:#944622;*/ color:#EED38E; width:95%;}
.about_right_list{ float:left; width:100%; position:relative; margin-bottom:10px; background:url(../images/about_fadeline.png) no-repeat center bottom; padding-bottom:10px;}
.about_right_list ul{ border-left:1px solid #960; padding-left:20px;}
.about_right_list li{/*color:#944622;*/ color:#FFF; text-align: justify; font-size:11px; font-family:Verdana, sans-serif; line-height:16px; padding:0 !important;}
.about_right_list li a{color:#944622 !important; text-decoration:none; display:block; }
.about_right_list li a:hover{color:#FFF !important; text-decoration:none; }

.about_right_title{ color:#FFF; text-align:left;border-left:1px solid #FFF; padding-left:20px; margin-bottom:10px; margin-top:20px;}

.thum{ border:1px solid #666;/* background-color:#FFF;*/ max-width:310px; margin:0 auto; transition:all 0.2s ease-in-out; padding:5px; display:block; width:100%; margin-top:50px;}

.thum_title{ text-align:center; color:#333; font-family:"Times New Roman", Times, serif; font-size:17px;  padding:5px 0;}
.thum_img {
  width: 100%;
  position: relative; /*background-color:#FFF;*/
  overflow: hidden;
}
.thum_img img { max-width:100%;}

.thum:hover{ box-shadow:0 0 10px #000; }

/*-------client_part-----------*/

.client_box{ margin-top:30px;background-color:rgba(0,0,0,0.8); width:94%; margin:0 auto; height:100%; padding:30px 50px 10px 50px; font-family:Verdana, sans-serif; font-size:12px; color:#FFF;}
.client_box ul{ float:left; width:45%; background:url(../images/v_fadeline.png) no-repeat right top;}
.client_box ul.right{ float: right; background:none; width:auto;}

.client_box li{ background:url(../images/list_icon.png) no-repeat left 5px; padding-left:15px; margin-bottom:20px; text-align:left; line-height:20px;}


/*-------client_part-----------*/


/*-------------------services_part------------------------------*/ 

.read_more_btn{ margin:0 auto; width:80px; border-radius:5px;text-align:center; padding:5px 0; background-color:#996600; color:#FFF; margin-top:10px;}
.read_more_btn a{ color:#FFF; border:none; text-decoration:none;}

.read_more_btn button{background-color: #996600;color:#FFF; border:none;}
.read_more_btn button:hover{background-color: #996600; color:#FFF; border:none;}


.icon-box
{
	margin:20px 0px; border-radius:8px; padding:15px; border:1px solid #EED18E; float:left; background-color:#E0AB2E;
}
.icon-box.service_thum
{ margin:0 auto; margin-top:15px !important; max-width:360px; float:none; text-align:center; padding:0;transition:all 0.2s ease-in-out;
}

.icon-box.service_thum:hover
{  background-color:#DD9500; transform:scale(1.03);  box-shadow:0 0 9px #C1941C;
}
.service_text p
{
	color:#FFF; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:12px; width:100%; padding:10px 10px 0 10px;
}
.service_thum_title
{
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF; padding:15px 0; border-radius:8px 8px 0 0;
	font-weight: 400;
	font-size: 18px; background-color:#B77E15;

}

.service_text p{min-height:125px;}

.service_list{ font-family:Verdana, Geneva, sans-serif; font-size:14px; /*color:#6C88A4;*/ color:#FFF; line-height:20px;}
.service_list ul{ width:100%; margin:0; padding:0;}
.service_list li{ padding:10px 0; border-top:1px solid #EED18E; width:100%; list-style:none;}
.service_list li.activate{ background-color:#E0F7FE; font-size:18px;}

.container-fluid.portfolio { background:url(../images/portfolio_bg.jpg) repeat center top; 
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0,0.3);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);}

/*-------------------services_part------------------------------*/ 


/*-------contact_part-----------*/
.contact_left{color:#FFF; line-height:20px; text-align:left; margin-top:50px;}
.contact_right{ margin-top:50px;background:url(../images/contact_v_fadeline.png) no-repeat left top; padding-left:12%; }

.contact_left a{ text-decoration:none; color:#FFF;}
.contact_left a:hover{ text-decoration:none; color:#FFF;}

.contact_left p{ margin-bottom:15px;}

.sub_title{ font-size:16px;}
.address{ padding-left:20px; margin-top:-10px; font-size:12px; margin-bottom:15px;}
.skype{ background:url(../images/skype.png) no-repeat left top; padding-left:25px;}
.send_btn{ background-color:#996600; border:none; border:1px solid #EAB148; padding:5px 8px; color:#FFF; border-radius:5px;}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #FFF;
	background-color:#AF871B;
	background-image: none;
	border: 1px solid #D9A620;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control::-moz-placeholder {
color:#FFF;
opacity:1
}

input[type=file] {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #688E97;
	background-color: #F3F7F8;
	background-image: none;
	border: 1px solid #B7C9CC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*-----------social_icon--------------------*/

.footer{ position: relative; bottom:0; width:100%; background-color:#1B2527; font-family:Verdana, Geneva, sans-serif; color:#FFF; padding:10px !important; font-size:11px;}
.copy{ float:left;text-align: center;  margin-top:10px; color:#61888F; text-align:left; line-height:12px;}
.copy a{ color:#61888F;}

.design_by{ position:absolute; right:15px; top:25px; float:right; color:#61888F;/*margin-top:15px;*/}
.social_icon{ position:relative; margin:0 auto; width:256px;}

.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
}

.icon-border {
  position: relative;
}

.icon-border::before,
.icon-border::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.icon-border::before {
  z-index: 1;
  -webkit-transition: box-shadow 0.3s;
          transition: box-shadow 0.3s;
}

.icon-border::after {
  z-index: 2;
  background: url("../images/icons4.png");
  background-image: url("../images/icons4.svg"), none;
}

/* facebook */
.icon-border.facebook::before {
  box-shadow: inset 0 0 0 48px #3b5998;
}

.icon-border.facebook:hover::before {
  box-shadow: inset 0 0 0 4px #3b5998;
}

.icon-border.facebook::after {
  background-position: 0 0;
}

/* twitter */
.icon-border.twitter::before {
  box-shadow: inset 0 0 0 48px #4099ff;
}

.icon-border.twitter:hover::before {
  box-shadow: inset 0 0 0 4px #4099ff;
}

.icon-border.twitter::after {
  background-position: -39px 0;
}

/* google plus */
.icon-border.googleplus::before {
  box-shadow: inset 0 0 0 48px #d34836;
}

.icon-border.googleplus:hover::before {
  box-shadow: inset 0 0 0 4px #d34836;
}

.icon-border.googleplus::after {
  background-position: -278px 0;
}

/* github */
.icon-border.github::before {
  box-shadow: inset 0 0 0 48px #333333;
}

.icon-border.github:hover::before {
  box-shadow: inset 0 0 0 4px #333333;
}

.icon-border.github::after {
  background-position: -320px 0;
}

/* rss */
.icon-border.rss::before {
  box-shadow: inset 0 0 0 48px #ee802f;
}

.icon-border.rss:hover::before {
  box-shadow: inset 0 0 0 4px #ee802f;
}

.icon-border.rss::after {
  background-position: -360px 0;
}

@media (min-width:999px) and (max-width:1040px)  
{

.navbar{ min-height:70px;}
.navbar ul{ margin-top:10px;}
.logo { width:80%; margin-top:5px;}

.client_box{ width:100%;}
.client_box ul{ width:41%;}


.service_thum_title{font-size: 15px;}
.service_list{ font-size:12px;}
.service_text p{ min-height:165px;}

.about_left{ margin-left:0; width:45%;  margin-top:0%;}
.about_right{width:50%; float:right;}
.about_right_list{ width:100%;}

.contact_right{  padding-left:10%; margin-left:0%;}

}

@media (min-width:768px) and (max-width: 999px)
{
.navbar ul{ margin-top:5px;}

.navbar {letter-spacing:0px;}

.highlight {font-size: 45px;}

.about_left{ margin-left:0; width:45%;  margin-top:0%;}
.about_right{width:50%; float:right;}
.about_right_list{ width:100%;}


.about_title{font-size:32px;width:50%; padding-bottom:12px; }

.thum_title{ font-size:14px !important;}

.container-fluid {padding: 50px 20px;}



.client_box{ padding:20px;}
.client_box ul{ float:none; width:100%; background: none;}
.client_box ul.right{ float:none;}


}



  @media screen and (max-width: 767px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
 .logo { width:30%; min-width:140px; margin-left:10px;}
  .logo img{ max-width:100%;}	
	
.about_left{ margin-left:0; width:100%;  margin-top:0%;}
.about_right{width:100%; float:right;}
.about_right_list{ width:100%;}
.about_title{ font-size:28px; line-height:35px; margin-bottom:15px;}
.page_title{ width:100%;}
.contact_left{ background:url(../img/contact_h_fadeline.png) no-repeat center bottom;  margin-bottom:20px; padding-right:0; margin-right:0; }

.client_box{ padding:20px;}
.client_box ul{ float:none; width:100%; background: none;}
.client_box ul.right{ float:none;}



.highlight {
      font-size: 40px; line-height:40px; 
      margin-bottom: 10px;
  }
.highlight.small {font-size: 16px;}
.highlight h1 {font-size: 25px; margin-top:12px;}


.copy{ text-align: center!important; float:none; }
	.social_icon{ float: none; margin:0 auto; width:260px;}
  }
 @media (min-width:480px) and (max-width:767px){
 

 }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
.highlight_part{ position:relative; margin:0 auto; width:100%; right:0;  margin-top:5%;}
.link-button{padding: 5px 8px; margin-top:20px; margin-bottom:20px;}

.sub_title{ font-size:13px; font-weight:bold;}



/*-------about-------*/


.container-fluid {padding: 50px 20px;}
.testimonial_part{	padding: 50px 20px !important;}
.item h4 {font-size: 19px;margin: 30px 0 50px 0;}
.service_thum_title{font-size: 18px;}
.copy{ text-align: left;  margin-top:8px; color:#8AAAD9;}

.navbar ul{  margin:0; }
.navbar-collapse{background-color:#FEF0EB; padding:0;}
.navbar-nav li {border-bottom: 1px solid #FDD3C1; font-size:11px; letter-spacing:1px; font-family:Verdana, Geneva, sans-serif;}
.navbar-nav li a:hover, .navbar-nav li.active a {border-bottom:none;}
.navbar-nav li a:hover{ color:#F77439 !important ;}
.mobile_img{ display:none;}

.contact_right{ background:url(../images/contact_h_fadeline.png) no-repeat center top; padding-left:0%; padding-top:20px; margin-top:20px;}


.hvr-underline-from-left.active {

  background: none;
  
}
.hvr-underline-from-left:before {
  background: none;
  height: 3px;
  
}
/*-------about-------*/

  }
  


.market_thum_title{/*font-family: 'AGENCYR', Arial, sans-serif;*/font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; margin-top:4px; text-align:center; color:#FFF; }



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