/* Main CSS file*/
/* ----------------------------------------------------------------------------------------------------------- */

/* Table of content */
/*===================================

			**** Main Page ****
	
	1. General
	2. Button
	3. Home-2 & Blog-Single Page  Menu { Main menu >> in menu.css file }
	4. Bounce Slider
	5. site composition
	6. latest_project1
	7. services home
	8. Accordion
	9. Our Skills
	10. Get Tutor
	11. Recent news
	12. Tab
	13. Image hovers
	14. Our Client
	15. Twitter
	16. footer
	17. To Top

			**** Page 2 ****
	
	1. Icon header
	2. Menu 2
	3. Feature
	4. GetTutor
	5. Company strategy
	6. Our Skills
	7. Our latest project

			**** Page 3 ****
	
	1. Our Latest Projects
	2. Prices Table
	3. Progress
	4. Client say	
	
==================================== */


/* =============   1. General  =========== */

body{
	font-family: 'Open Sans', 'Lucida Sans Unicode', verdana, 'Lucida Grande', sans-serif; 
	font-size:12px;
	color: #000000;
}
ul,li{margin:0px;padding:0;}
header{background:#ef7945;padding:0px 0px 0px 0px;}
a{color:#63686b;text-decoration:none;}
a:hover{color:#ef7945;text-decoration:none !important;}
a:focus{text-decoration:none;}
p{font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:400;text-rendering:auto;}
.fleft{float:left;}
.fright{float:right;
font-family:"Comic Sans MS", cursive
}
.clear{clear:both;}
.sans12{font-size:12px;font-family: 'Open Sans', sans-serif; line-height:15px;}
.sans13{font-size:13px;font-family: 'Open Sans', sans-serif;}
.sans14{font-size:14px;font-family: 'Open Sans', sans-serif;}
.sans16{font-size:16px;font-family: 'Open Sans', sans-serif;}
.sans18{font-size:18px;font-family: 'Open Sans', sans-serif;}
.Oswald21{font-size:21px;font-family: 'Oswald', sans-serif;color:#63686b;}
.Titles{font-size:30px;font-family: 'Oswald', sans-serif;color: #ffffff;}
.Titles_text{font-size:17px;font-family: 'Open Sans', sans-serif;color:#fafafa;}
.bghead{ background:url(../img/nav-bg.jpg) repeat-x; }
.mini-nav {
    float: left;
    list-style-type: none;
    margin: 5px 0px 0px 0px;
    padding: 0;
}
.mini-nav li {
    float: left;
    line-height: 1;
    padding: 0 5px;
	font-family:'Open Sans',sans-serif;
	font-size:13px;
}
/*.gCompany{background:url(../img/bg-company.png);padding:15px 10px 10px 10px; margin-top:20px;} */
.gboxmodel{ background:#f5f5f5;padding:0px 10px 20px 30px;border:1px solid #e5e5e5; }
.gboxmodelportfolio{ background:#161616;padding:0px 10px 20px 30px;border:1px solid #e5e5e5; }

.gsiteMenu{ margin:8px 0px 0px 0px; }
.gmargin{ margin:10px 0px 0px 0px; }
.gCenter{ text-align:center; }
.pad5{ padding:7px 0px 7px 0px; }
.gCenter .nav li{ width:auto; }
.gCompany h4{color:#fff;font-size:24px;font-family: 'Oswald', sans-serif;}
.gCompany p{margin-top:4px;}
.gCompany hr{ margin:1px 0px 1px 0px; border:1px solid #dcdcdc; }
.gCompanyBlock{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d2d2d2;
    box-shadow: 0 -1px 0 #d9dfe1 inset;
    color: #009ddc;
    text-shadow: 0 1px 0 #fff;
	padding:5px;
	width:92%;
	margin:0px auto;
} 
.gCompanyBlock a{color:#0078ae; font-size:16px; font-weight:600; margin:0px 20px;}
.gCompanyBlock a:hover{ text-decoration:underline !important; }
.gCompanyBlock ul{ margin:0px auto; padding:0px; width:auto; }
.gCompany .text-justify{ text-align:justify;}
.fb_iframe_widget{ background:#f5f5f5; }
.adisplay {
    display: inline-block;
    padding: 0 10px;
}
.acolor {
    color: #ef7945;
    display: inline-block;
    font-size: 12px;
}
.acolor:hover {
    color: #fafafa;
    display: inline-block;
    font-size: 12px;
}

.hrfooter {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4d4c4b -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: dashed none none;
    border-width: 1px 0 0;
    margin: 6px 0;
}
.m20{ margin-top:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.textfooter{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; color:#999; }
.textfooterShiksha{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px; color:#999999; text-align:justify; line-height:18px; }
.maincontent{ background:#fafafa; }
/* =============   2. Button  =========== */

.navbar .nav{text-transform:uppercase;}
.button_yellow,
.button_ynoshadow,
.button_black,
.button_bkshodow,
.button_blacksmall,
.button_black_slide{
background: #ef7945;color: #fff;height: 42px;
font-size: 16px;font-family: 'Oswald', sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.button_yellow{
padding:0px 41px;
-moz-box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
-o-box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
-webkit-box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
}
.button_yellow:hover{background: #63686b;color:#fff;}
.button_ynoshadow{
	width: 155px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	-moz-box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
-o-box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
-webkit-box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
box-shadow: 0px 3px 0px rgba(239, 121, 69, 0.25);
	}
.button_ynoshadow:hover{background:#d26e42 !important;color:#fff;}	
	
.sequence-canvas .button_black:hover{background-color: #bd362f;}
.button_black {
padding: 0px 41px;
background: #88ba00;
box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
-moz-box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
-o-box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
-webkit-box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
border:1px solid #d3ff4b;
}
.button_black:hover{
background: #ef7945;
color: #fff;
box-shadow: 0px 3px 0px #efe1da;
-moz-box-shadow: 0px 3px 0px #efe1da;
-o-box-shadow: 0px 3px 0px #efe1da;
-webkit-box-shadow: 0px 3px 0px #efe1da;}

.button_black_slide{
padding:0px 41px;
background: #63686b;
box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
-moz-box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
-o-box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
-webkit-box-shadow: 0px 3px 0px rgba(99,104,107,0.2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
border:0px;
}
.button_black_slide:hover{background-color:#3f4447!important;color: #fff;}

.button_bkshodow{
width: 155px;
background: #63686b;
box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-moz-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-o-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-webkit-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-bottom:0px;}
.button_bkshodow:hover{background:#3f4447 !important;color:#fff;}

.button_blacksmall{
padding: 0px 23px;
height: 30px!important;
background: #63686b;
box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-moz-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-o-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-webkit-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
}
.button_blacksmall:hover{background: #ef7945;}

.button_black2{font-size: 16px;
font-family: 'Oswald', sans-serif;
padding: 0px 15px;
height: 42px;
background: #63686b;
box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-moz-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-o-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
-webkit-box-shadow: 0px 3px 0px rgba(99,104,107,0.3);
border:0px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
color: #ffffff;}
.button_black2:hover{background:#ef7945!important;color:#fff;}

.logo{margin:-5px 0 0px 0;}
.mainBody{padding:0 10px;}
.fullwidth{width:100%;}
.menuIcon{font-size: 18px;padding-left: 6px;}
.main1{padding-bottom:150px;}
ul.social-html {
    display: inline-block;
    margin: 5px 0px 0px 0px;
    padding: 0;
    width: auto;
}
ul.social-html li {
    background-color: #fff;
    background-image: url("../img/social-icons.png");
    background-position: 0 100px;
    background-repeat: no-repeat;
    border-radius: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    display: inline-block;
    overflow: visible;
    padding: 0;
    transition: all 0.3s ease 0s;
}
ul.social-html li a {
    display: block;
    height: 30px;
    text-align: center;
    width: 30px;
}
ul.social-html li[class] a {
    text-indent: -9999px;
}
ul.social-html li a:hover {
    text-decoration: none;
}
ul.social-html li a i[class^="icon-"] {
    color: #444;
    position: relative;
    top: 3px;
}
ul.social-html li a:active {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.3) inset;
}
ul.social-html li:active, ul.social-html li a:active {
    border-radius: 100%;
}

ul.social-html li.facebook {
	 background-position: 0 -150px;
    
}
ul.social-html li.facebook:hover {
   background-position: 0 -120px;
}
ul.social-html li.googleplus {
    
	 background-position: 0 -330px;
}
ul.social-html li.googleplus:hover {
   background-position: 0 -300px;
}
ul.social-html li.linkedin {
    background-position: 0 -570px;
}
ul.social-html li.linkedin:hover {
    background-position: 0 -540px;
}
ul.social-html li.twitter {
    background-position: 0 -1170px;
}
ul.social-html li.twitter:hover {
    background-position: 0 -1140px;
}
ul.social-html li.youtube {
    background-position: 0 -1410px;
}
ul.social-html li.youtube:hover {
    background-position: 0 -1380px;
}

/* =============   3. Home-2 & Blog-Single Page  Menu  =========== */

.navbar {margin-top: 10px;}
.navbar-inner{background:transparent !important;border:none !important;box-shadow:none !important;}
.navbar-inverse .nav > li > a {color: #fff !important;}
.navbar-inverse .nav .active > a{color:#000 !important;background:transparent !important;box-shadow: none !important;}

.navbar-inverse .nav > li > a {text-shadow: none !important;}
.dropdown-menu {background:transparent !important;box-shadow:none !important;border:0px !important;}
.dropdown-menu > li > a {color: #fff;font-weight:300;padding: 5px 15px;}
.dropdown-menu > li > a:hover{background:transparent;color:#000;}

.navbar .nav > li > .dropdown-menu:before {border:0px !important;}
.navbar .nav > li > .dropdown-menu:after{border:0px !important;}

/* =============   4. Bounce Slider  =========== */

.sq_main1{position:relative;background: #ef7945;}
.bounce-slider, .bounce-slider li {height: 510px;}
.bounce-slider img {	width: 100%;height: 510px;}
.carousel-inner .item img {width:100%;}


/* =============   5. site composition  =========== */

.all_features{padding-top:10px;
background:#007eb6;
box-shadow: 0 0 5px 10px #e6e6e6;
padding-bottom:15px;
}
.all_features h3{font-size:17px;margin-top: 6px; color:#ffffff;}
.all_features p{font-size: 13px;margin-top: 4px;margin-bottom:4px; color:#ffffff;}
.feature_text{padding: 0px 10px 0 10px;}
.all_features:hover{
	-moz-box-shadow: 0 0 5px 10px #e8e8e9;
	-webkit-box-shadow: 0 0 5px 10px #e8e8e9;	
	cursor:pointer;
	box-shadow: 0 0 5px 10px #ffffff;
	}

	

	.mainFeature{margin-top:27px}
.compositions{text-align:center;background:url('../img/composition.png');width:95px;height:95px;margin:0 auto;}
.designs{text-align:center;background:url('../img/designs.png');width:95px;height:95px;margin:0 auto;}
.codes{text-align:center;background:url('../img/code.png');width:95px;height:95px;margin:0 auto;}
.sociales{text-align:center;background:url('../img/social.png');width:95px;height:95px;margin:0 auto;}
	
.all_features:hover h3.text-center{color:#ff8e5a;}
.all_features:hover .button_black{background:#ef7945;}

/* =============   6. latest_project1  =========== */	

	.latest_project1{margin-top:20px;margin-bottom:3px;}
	.latest_project1 h2{font-size:30px;}
	.latest_project1 p{font-size:22px;font-family: 'Open Sans', sans-serif;}
	.latest_pimg h3{font-size:18px;margin: 5px 0 0 0;padding: 0;}
	.latest_pimg {margin-bottom: 10px;}
	.latest_pimg p{margin: 0 0 15px 0;}
	.latest_pro .button_black2 {margin-right: 10px;margin-top: 109px;margin-left: 10px;}
	.latest_pro .span4 .thumbnail{border: 0px;}
/* =============   7. services home  =========== */	

.services_home{margin-top: 40px;margin-bottom:40px;}
.services_homep{}

/* =============   8. According  =========== */	

.accordingT{margin-top: 25px;}
.collapsible,
.page_collapsible,
.accordion {
    padding:2px 20px;
background: #f5f5f5;
text-decoration: none;
color: #63686b;
font-size: 18px;
cursor: pointer;
font-family: 'Oswald', sans-serif;
}
.accordion {
margin-top: 10px !important;
margin-bottom: 0px !important;
}
.accordion-open,
.collapse-open {
    color: #ef7945;
}
.accordion-open span,
.collapse-open span {
    display:block;
    float: left;
margin: 10px 20px 10px 1px;
padding: 9px 10px;
}
.accordion-open span,
.collapse-open span {
    background:url(../img/minus.png) center center no-repeat;
}
.accordion-close span,
.collapse-close span {
    display:block;
    background:url(../img/plus.png) center center no-repeat;
    float:left;
	margin: 8px 20px 0 1px;
padding: 16px 10px 5px 10px;
}
.servicelist {list-style: none;margin-top:2px;}
.servicelist li{list-style:inside;margin:0px 0px 2px 30px;font-size: 14px;color: #0c0c0c;}

/* =============   9. Our Skills  =========== */	

.homeskills  .Our_Skills{margin-top: 15px;}
.Our_Skills{margin-top: 45px;}

div.container {
    padding:0;
    margin:0;
}
div.content {
    background:#f5f5f5;
    margin: 0;
    padding:2px;
    font-size:14px;
    line-height:1.5em;
    font-family: 'Open Sans', sans-serif;
}
div.content ul, div.content p {
    padding:0;
    margin:0;
    padding:0px 15px 20px 20px;
}
div.content ul li {
    list-style-position:inside;
    line-height:25px;
}
div.content ul li a {
    color:#555555;
}
code {
    overflow:auto;
}

/* =============   10. Get Tutor  =========== */	
#orange2 {
  /*  background: url("../images/office.png") no-repeat fixed 50% 0 rgba(0, 0, 0, 0); */
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    width: 100%;
	padding:10px 0px;
}
.bgYellow {
    background: none repeat scroll 0 0 #f9c037;
  padding:20px 0px;
}

.bgblue {
    background: none repeat scroll 0 0 #069;
    }
.purple {
    background: none repeat scroll 0 0 #f3f8fa;
	
  
  }
  .green {
	
     background: url("../images/desk.png") no-repeat fixed 50% 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      overflow: hidden;
}

  
#green {
  background:#38b24a;
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    width: 100%;
}
#green article {
    background: url("../images/pencil.png") no-repeat scroll center 400px transparent;
    border: 0 solid #fff;
    height: 840px;
    left: 400px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
}
#green em {
    background: url("../images/eraser.png") no-repeat scroll center 400px transparent;
    border: 0 solid #fff;
    height: 840px;
    left: -170px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
}
.GetTutor{background-color:#63686b;padding: 37px 0px 26px 0px;}
.GetTutor h4{color:#fff;font-size:24px;font-family: 'Oswald', sans-serif;}
.GetTutor p{margin-top: 4px;}

/* =============   11. Recent news  =========== */

.homeBlog{margin-top: 40px;width: 100%;}
.homeBlog .news_info{width:100%;}
.recent_tab {margin-top: 58px;}
.recentNewsDate {
width:50px;
height:37px;
margin:0;
padding: 17px 0px 0px 0px;
font-size: 36px;
text-align: center;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: 0px 3px 0px #e8e8e9;
-webkit-box-shadow: 0px 3px 0px #e8e8e9;
-moz-box-shadow: 0px 3px 0px #e8e8e9;
-o-box-shadow: 0px 3px 0px #e8e8e9;
}
.recentNewsmonth{margin-top:10px;font-size:16px;}
.recentBlogs{margin-bottom:5px;margin-left:0px;width: 100%;}
.news_info {padding-left: 0px;width: 100%;}
.news_info:hover h4 a{color:#ef7945;cursor:pointer;}
.news_info h4{font-size:18px;margin:4px 0px;}
.news_info h4 a{color:#63686b;}
.blogs_comments{margin: 6px 0px;}
.blogs_comments a{color: #ced1d3;}
.blogs_news{color: #63686b;font-size:14px;font-family: 'Open Sans', sans-serif;padding-right: 10px;}

/* =============   12. Tab  =========== */

#hometab{margin-left:0px;}
.home_tab{margin-top:25px;}
#myTab{margin: 0px;border:0px;}
#myTab li{background: #63686b;margin: 0 2px; width:130px;}
#myTab li a{border: 0px;padding: 10px 0px;font-size: 18px;color: #ffffff;font-weight: bold;}
#myTab .active {background:#f5f5f5;}
#myTab .active a{border-radius:0;background:#f5f5f5;color: #63686b;font-weight: bold;}
#myTab li :hover{background:#f5f5f5;}
#myTab li  a:hover{background:#f5f5f5;border-radius:0px;margin: 0px;cursor: pointer;border:0px;color: #63686b;}
#myTab .first-tab{margin-left:0px;}
.tab-content {background: #f5f5f5;}
.tab-text{padding:20px 20px 15px 20px;}
.tab-text h3{font-size:21px;color:#63686b;}
.tab-text p{font-size:14px;font-family: 'Open Sans', sans-serif;}
.tabimg{width:160px;height:160px;float:left;margin: 3px 7px 3px 0px;}
.tabimg_next{}

/* =============   13. Image hovers  =========== */

.img_hover{position: relative;overflow: hidden;}
.img_hover:hover .img-overlay{visibility:visible;display:block;}
.img-overlay {
visibility:hidden;
background-color:rgba(16, 16, 16, 0.8);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.img_hover .img-overlay .plus {margin-left: 47%;position: absolute;height: 100%;}
.img_hover .img-overlay .plus i {position: absolute;color: #fff;
top: 45%;
background: #000;
padding: 10px;
border-radius: 50%;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;}
.img_hover a:hover .img-overlay{opacity: 1;filter: alpha(opacity=100);position: absolute;}
.img_hover .img-overlay{display: none;position: absolute;
top: 0;left: 0;bottom: 0;right: 0;
}

/* =============   14. Our Client  =========== */

.greatful_client{margin-top:30px;}
.row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -10px;
}

.dashedline span {
background: #FCFCFC;
padding-right: 5px;
}

 .carouselclients{width:100%; border:none; background:transparent;box-shadow:none;}
.jcarousel-skin-tango-clients{margin-top: 54px;margin-bottom: 80px;}
.jcarousel-skin-tango-clients .jcarousel-container {
margin: 0 0 42px 0;
width: 100%;
max-width: 100%;
padding: 0 10px;
}
.jcarousel-skin-tango-clients .jcarousel-container {
margin: 0 0 42px 0;
width: 100%;
max-width: 100%;
padding: 0 10px;
}
.jcarousel-skin-tango-clients .jcarousel-item {
margin: 0 7px;
background: transparent;
border: none;
box-shadow: none;
}
.view1 {
float: left;
border: none;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin: 3px 0 21px 0;
border-radius: 4px;
}
.jcarousel-skin-tango-clients .jcarousel-clip {
overflow: hidden;
margin: 0;
}
.view1 a {
display: inline;
text-decoration: none;
width: auto;
}
.jcarousel-skin-tango-clients .jcarousel-prev-horizontal {
position: absolute;
top: 15px;
left: 0px;
width: 20px;
height: 19px;
cursor: pointer;
background: url(../img/previous.png) center center no-repeat;

cursor: pointer;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
.jcarousel-skin-tango-clients .jcarousel-next-horizontal {
position: absolute;
top: 15px;
right: 10px;
width: 20px;
height: 19px;
cursor: pointer;
background: url(../img/next.png) center center no-repeat;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
.jcarousel-skin-tango-clients .jcarousel-next-horizontal:hover{
background: url(../img/nexthover.png) center center no-repeat;}
.jcarousel-skin-tango-clients .jcarousel-prev-horizontal:hover{background: url(../img/previoushover.png) center center no-repeat;}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

/* =============   15 Twitter  =========== */

	.TwitterNews{background-color:#f5f5f5;padding:13px 0}
	.TwitterNews p{font-size:16px;font-family: 'Open Sans', sans-serif;color:#63686b;}
	.TwitterNews span{color:#f08a5c;font-weight:bold;}
	.TwitterNews i{font-size: 26px;color: #63686b;margin-right: 12px;}

	.TwitterNews2{background-color:#ef7945;padding:20px 0}
	.TwitterNews2 p{font-size:16px;color:#fff;font-family: 'Open Sans', sans-serif;}
	.TwitterNews2 span{color:#63686b;font-weight:bold;}
	.TwitterNews2 i{font-size: 26px;color: #fff;}
	
/* =============   16. footer  =========== */

.footer{background-color:#34393c;padding:20px 0px 20px 0px;color:#fff;}
.footer h3{color:#fff;}
.footerlogo{margin-bottom:20px;margin-top: 6px;}
.footer_text1{color:#fff;}
.recentPost ul{margin:0;padding:0px;}
.recentPost li{list-style:disc;
padding-bottom:1px;padding-top:1px;

 }
.recentPost p{padding:0px;margin:0px;color:#fff;} 
.recentPost li a{color:#DADADA;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline;
margin:0px 0px 0px 2px; }
.recentPost li a:hover{ color:#ffffff; }
.recentPost .last{border:none;}
.contactInfo a{color: #e0e1e1;}
.contactInfo a:hover{text-decoration:none;}
.contactInfo address{margin:0px;padding-top:1px;}
.local_address{line-height:17px; 2px 0px 6px 0px;}
.phn_no ,.email_address{margin:0px;}
.socialIcons a{color:#fff;}
.socialIcons i{font-size:24px;margin-right:10px;}
.shortLink {padding-top: 32px;}
.shortLink .last{border:none;}
.shortLink p{padding:0px;}
.shortLink a{color: white;}
.copyright{padding-right:8px;}

.ourprogress{
	margin-bottom: 15px;
	overflow: hidden;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
		
}
.ourprogress .progressbar {
float: left;
background: #ef7945;
width: 0;
padding: 6px 8px;
font-size: 21px;
text-align: left;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
background-repeat: repeat-x;
-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset ;
-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset ;
box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset ;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;}
.progressbar p{margin:0;padding:6px 8px;font-size:21px;color:#fff;font-family: 'Oswald', sans-serif;}

/* =============   17. To Top  =========== */

#top {
position: absolute;
top: 0;
left: 0;
}
.visuallyhidden, .search form label {
border: 0;
clip: rect(0px,0px,0px,0px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
margin: -1px;
padding: 0;
}
.backToTop {
position: fixed;
bottom: 10px;
z-index: 1000;
right: 10px;
}
.backToTop a {
width: 37px;
text-indent: -9999px;
height: 37px;
display: block;
margin: 0;
padding:6px;
border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;

background: #ef7945 url(../img/top.png) no-repeat center center;
}
.backToTop a:hover {
background-color: #FE796E;
}

/* ==================================   Main Page2  ==================================== */


.mainheader2{background:url(../img/header_img2.jpg);width:100%;height:621px;background-size:100% 100%;}

/* =============   1. Icon header  =========== */

	.socialIcons_header{margin:24px 0 0 0 ;}
	.socialIcons_header i{font-size: 24px;margin-right: 10px;}
	.socialIcons_header a{color:#fff;}
	.socialIcons_header a:hover i {color:#63686b;}

/* =============   2. Menu 2  =========== */

.top_menu{padding-top: 103px;padding-bottom: 103px;}
.top_menu .navbar{background:transparent;}
.top_menu .topmenu1,.top_menu .topmenu2 {
	width: 180px;
	height: 27px;
	padding: 80px 0px 80px 4px;
	background-color: #ef7945;
	text-align: center;
}
.top_menu .topmenu2{margin-top: 187px;}
.top_menu .topmenu1,
.top_menu .topmenu2,
.top_menu .topmenu1 .dropdown-menu li a,
.top_menu .topmenu2 .dropdown-menu li a{font-family: 'Oswald', sans-serif;font-size:21px;font-weight: 400;}
.menu_mob{padding-top: 1px;}
.mainwidth{width:100%;}
.yello{background: #ef7945;}

/* =============   3. Feature  =========== */	

.main2{background: #ef7945;}	
#mycarousel_com2 li a,#mycarousel_com1 li a{color:#fff;}
#mycarousel_com2 li a:hover,#mycarousel_com1 li a:hover{color:#000 !important;}

.main2 .carouselclientsmobile ul li  a:hover{color:#000;}
.main2 .carouselclientsmobile ul li  a:hover h3{color:#000;}

.mainFeature2{padding-top:35px;}

.mainFeature2 .carouselclients #mycarousel_com1 li  .feature_text,
.mainFeature2 .carouselclients #mycarousel_com1 li  .btnmain2{visibility:hidden;}

.mainFeature2 .carouselclients #mycarousel_com1 li:hover .feature_text,
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .btnmain2{visibility:visible;}
.mainFeature2 .carouselclients #mycarousel_com1 li {position:relative;z-index:55;padding-top:20px;}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover {
background: #fff;
-moz-box-shadow: 0 0 1px 1px #e8e8e9;
-webkit-box-shadow: 0 0 1px 1px #e8e8e9;
box-shadow: 0px 0px 1px 3px #e8e8e9;
cursor: pointer;
padding-bottom: 19px;
border-bottom: 2px solid #e8e8e9;
border-top: 2px solid #e8e8e9;
position: relative;
z-index: 500;
	}


.compos1img,.compos2img,.compos3img,.compos4img{width:71px;height:50px;background-color:transparent;margin:0px auto;}
.compos1img{background:url(../img/compositions.png);}
.compos2img{background:url(../img/design2.png);}
.compos3img{background:url(../img/vector2.png);}
.compos4img{background:url(../img/Socialnew.png);}

.mainFeature2 .carouselclients #mycarousel_com1 li h3{color:#fff;font-size: 24px;font-family: 'Oswald', sans-serif;}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover h3{color:#ef7945;}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .button_black{background: #ef7945;
color: #fff;
box-shadow: 0px 3px 0px #efe1da;
-moz-box-shadow: 0px 3px 0px #efe1da;
-o-box-shadow: 0px 3px 0px #efe1da;
-webkit-box-shadow: 0px 3px 0px #efe1da;}

.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos1img,
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos2img,
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos3img,
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos4img{
width:71px;height:50px;visibility:visible;}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos1img{background:url(../img/compos1img.png);}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos2img{background:url(../img/compos2img.png);}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos3img{background:url(../img/compos3img.png);}
.mainFeature2 .carouselclients #mycarousel_com1 li:hover .compos4img{background:url(../img/compos4img.png);}

.main2  .jcarousel-skin-tango-clients{margin:0px;}
.main2 .jcarousel-skin-tango-clients .jcarousel-container{margin:0px;height: 175px}
.main2 .jcarousel-skin-tango-clients .jcarousel-next-horizontal{top:60px;right:-12px;}
.main2 .jcarousel-skin-tango-clients .jcarousel-prev-horizontal {top:60px;left: -12px;}

/* =============   4. GetTutor  =========== */	

.GetTutor_2{background:#ef7945;padding:23px 0;}
.GetTutor_2 p{margin-bottom: 18px;}
.TutorText2{color:#fff;font-size:24px;padding-bottom: 21px;}

/* =============   5. Company strategy  =========== */	

.companyStrat{margin-top: 15px;}
.companyStrat h2{font-size:28px/28px;
color:#0078ae;
font-weight:600;
line-height:30px;
margin-bottom:15px;

}
.companyStrat p{font-size:22px;font-family: 'Open Sans', sans-serif;color: #63686b;}
.companyStrat .hCompany{font-size:21px;font-family: 'Open Sans', sans-serif;color: #63686b;}
.companyStrat1{margin-top: 15px;}
.fast_support,.pixel_perfect,.future_update{margin-top: 5px;}
.companyStrat1_img1{margin-top: 37px;}
.gCompanydetails{margin-top: 0px;
padding:2px 3px 2px 0px
 }
.gCompanydetails h3{ font-size:18px; line-height:25px; margin:4px 0px 4px 0px; }

/* =============   6. Our Skills  =========== */

.skillsRate{background:#ef7945;padding:6px 8px;margin:13px 0px;}
.skillsRate p{padding:6px 8px;color:#fff;font-size:21px;}




/* =============   7. Our latest project  =========== */

.port_project2{margin-bottom:50px;}
.page2 .btn-menu{top: 73px;}


/* ==================================   Main Page3  ==================================== */

.sq_main3{position:relative;
	background: url(../img/sliderbg1.png) top center no-repeat;
	width: 100%;
	background-size: 100% 100%;
	}
.featurePage3{margin-left:-15px;}
	
/* =============   1. Our Latest Projects  =========== */
	
	
.main_latestpro .latest_pro .span4 {width:30%;margin: 6px 6px 30px 6px;overflow: visible;}
.main_latestpro .latest_pro .span4 img {
width: 100%;
max-width: none;
-webkit-transform: rotate(0deg) skew(0deg, -5deg);
-moz-transform: rotate(0deg) skew(0deg, -5deg);
-o-transform: rotate(0deg) skew(0deg, -5deg);
transform: rotate(0deg) skew(0deg, -5deg);
display: block;
position: relative;
}
.main_latestpro .latest_pro .thumbnail{border:0px;box-shadow: none;}
	.main_latestpro .latest_pro li article {
		background: rgba(216,109,62,.8);
		-webkit-transform: rotate(0deg) skew(0deg, -5deg);
		-moz-transform: rotate(0deg) skew(0deg, -5deg);
		-o-transform: rotate(0deg) skew(0deg, -5deg);
		transform: rotate(0deg) skew(0deg, -5deg);
		visibility: hidden;
	}
.main_latestpro .latest_pro li:hover article {
	visibility: visible;
		transform: rotate(0deg) skew(0deg, 0deg);
		-webkit-transform: rotate(0deg) skew(0deg, 0deg);
		-moz-transform: rotate(0deg) skew(0deg, 0deg);
		-o-transform: rotate(0deg) skew(0deg, 0deg);
}
.main_latestpro .latest_pro li:hover  img {
transform: rotate(0deg) skew(0deg, 0deg);
	-webkit-transform: rotate(0deg) skew(0deg, 0deg);
	-moz-transform: rotate(0deg) skew(0deg, 0deg);
	-o-transform: rotate(0deg) skew(0deg, 0deg);
	}
	.main_latestpro .latest_pro li img
	{
	-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
	.main_latestpro3  li article .button_black2  {margin-top: 98px;margin-left: 10px;margin-right:0px;}
	.main_latestpro3 .da-thumbs li article {height: 100%;}
	
/* feature slide 1*/
	#mycarousel_fet1 li a{color:#000;}
	
	#mycarousel_fet1 li:hover a,#mycarousel_fet1 li:hover .titles{color:#ef7945;}
	#mycarousel_fet1 li:hover .featute_sl1{background:url(../img/feature_icon1hover.png);}
		#mycarousel_fet1 li:hover .featute_sl2{background:url(../img/feature_icon2hover.png);}
		#mycarousel_fet1 li:hover .featute_sl3{background:url(../img/feature_icon3hover.png);}
		#mycarousel_fet1 li:hover .featute_sl4{background:url(../img/feature_icon4hover.png);}
.mainfeature3{margin-top:0px;}
.mainfeature3 #mycarousel_fet1 p,.mainfeature3 #mycarousel_fet1 h3 ,
.mainfeature3 #mycarousel_fet1 a{color:#63686b;}
#mycarousel_fet1 h3 {font-size:21px;font-family: 'Oswald', sans-serif;}
.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-container {padding:0px;}
.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-prev-horizontal {
	left: 44%;
	background: url(../img/previous.png) center center no-repeat;
}

.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-next-horizontal{
	right: 50%;
	background: url(../img/next.png) center center no-repeat;
}
	
.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-prev-horizontal ,
.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-next-horizontal {
position: absolute;
top: -33px;
width: 20px;
height: 19px;
cursor: pointer;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
padding: 5px;
border-radius: 5px;
}
.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-next-horizontal:hover,
.mainfeature3 .jcarousel-skin-tango-clients .jcarousel-prev-horizontal:hover{background-color: #eff0f0;}

	.ficon{width: 100%;float: left;}
	.featute_sl1,.featute_sl2,.featute_sl3,.featute_sl4{width:60px;height:60px;float:left;margin:8px 10px 10px 0;}
	.featute_sl1{background:url(../img/feature_icon1.png);}
	.featute_sl2{background:url(../img/feature_icon2.png);}
	.featute_sl3{background:url(../img/feature_icon3.png);}
	.featute_sl4{background:url(../img/feature_icon4.png);}
		
	.bigbanner .Titles,.bigbanner .Titles_text,.bigbanner p{color:#fff;}
	.bigbanner{padding:40px 0 40px 0;background:url(../img/bigbanner.jpg);background-size:100% 100%;}
	.bigbanner1{width: 397px;margin: 0 auto;font-size: 21px;font-family: 'Open Sans', sans-serif;padding-left: 87px;}
	.bigbanner1 i{color:#ef7945;margin-right: 6px;}
	.buttons1{margin-top:30px;}
	.projects{margin-top:60px;}
	.projects .Titles_text{margin-bottom:57px;}
	.projects_imgs{margin-bottom: 45px;}
	.projects_btn{margin-bottom:100px;}
	
	.imagerotate{
		transform: rotate(356deg);
		-ms-transform: rotate(356deg);
		-webkit-transform: rotate(356deg);
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-ms-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;
		}
	
	.imagerotate:hover	{-webkit-transform: rotate(720deg);
-moz-transform: rotate(720deg);
-ms-transform: rotate(720deg) ;
transform: rotate(720deg);
}
	.project_images{
		display: block;
		line-height: 20px;
		border: 1px solid #ddd;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
.project_images img{width:100%;height:250px;}

/* =============   2. Prices Table  =========== */

.pricetable{padding-top: 60px;}

.prices1 {
margin: 42px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
background: #eff0f0;
padding-bottom: 26px;

-moz-transition: margin-top 0.2s linear, top 0.2s linear, -moz-box-shadow 0.2s linear;
-ms-transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear;
-o-transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear;
-webkit-transition: margin-top 0.2s linear, top 0.2s linear, -webkit-box-shadow 0.2s linear;
transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear;
}
.prices1:hover {
width:235px;
margin-left:-10px;margin-top: 19px;
padding-bottom:39px;
border:5px solid #e8e9ea;
cursor:pointer;
border:5px;
-moz-box-shadow: 0px 0px 5px 5px #e8e8e9;
-o-box-shadow: 0px 0px 5px 5px #e8e8e9;
-webkit-box-shadow: 0px 0px 5px 5px #e8e8e9;
box-shadow: 0px 0px 5px 5px #e8e8e9;
}

.prices1:hover .prices_plans{padding-top:50px;}

.prices1 h4 {padding: 10px 0 0 0;}
.pricesrow {margin: -10px 0 10px 0;float: left;width: 100%;height: 105px;background: #E6E6E6;}

.pricelist {list-style: none;margin-top:37px;}
.pricelist li{list-style: none;margin:0px 0px 26px 38px;font-size: 16px;color: #606772;}
.pricelist li i {margin-right:10px;}

.prices_plans{background-color:#63686b;padding:28px 0px 21px 0;color:#fff;}
.prices_plans h2{font-size:32px;text-transform:uppercase;margin:0px;padding:0px;}
.prices_plans p{font-size:18px;text-transform:lowercase;margin:0px;padding:0px;}

.prices_rate{background-color:#ef7945;padding:18px 0 18px 0;color:#fff;}
.prices_rate h2{font-size:48px;padding-left: 40px;}
.prices_rate h2 sup{font-size: 21px;top: -23px;margin-left: 4px;}
.prices_rate h2 sub{left: -38px;font-size: 21px;}

.prices_btn{width: 156px;margin: 0 auto;}

.chooseplan{
	width:155px;height:42px;background:#63686b;
	box-shadow: 0px 3px 0px #dadcdc;
		-moz-box-shadow:0px 3px 0px #dadcdc;
		-o-box-shadow:0px 3px 0px #dadcdc;
		-webkit-box-shadow:0px 3px 0px #dadcdc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	}
.chooseplan:hover{
	background:#ef7945;color:#fff;
	box-shadow: 0px 3px 0px #efe1da;
	-moz-box-shadow:0px 3px 0px #efe1da;
	-o-box-shadow:0px 3px 0px #efe1da;
	-webkit-box-shadow:0px 3px 0px #efe1da;
}

/* =============   3. Progress  =========== */

.progress_says{margin-top: 43px;}
.progress3{margin-bottom:20px}
.progress_round{margin-top: 47px;}
.progress_box1,.progress_box2,.progress_box3,.progress_box4{width:160px;height:160px;margin-bottom: 4px;}
.progress_box1{background:url(../img/design1.png) no-repeat;}
.progress_box2{background:url(../img/html1.png) no-repeat;}
.progress_box3{background:url(../img/photo1.png) no-repeat;}
.progress_box4{background:url(../img/php1.png) no-repeat;}

/* =============   4. Client say  =========== */
.customer_says{margin-top: 47px;}
.testimonials {margin: 0 0 0 50px;padding: 0;float: right;width: 100%;}
#testimonials {height:200px !important;}

#testimonials blockquote {
border: none;
margin: 0 0 0 0;
padding: 0;
color: #555555;
}
blockquote p {
margin: 0;
}
#testimonials blockquote cite {
border: none;
margin: 0 0 21px 0;
padding: 0 0 21px 0;
font-weight: normal;
font-size: 17px;
color: #333333;
font-style: normal;
line-height: 1.6;
}
#testimonials .imgs{
background: url(../img/testimonial.png);
width: 84%;
height: 165px;
padding: 10px 10px 0px 24px;
background-size: 100% 100%;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
line-height: 26px
}
blockquote {width: 100% !important;}

.customer_name{color:#ef7945;}
.grate_client{margin-top:52px;}

/* ==================================   Main Page4  ==================================== */


/* =============   1. Our latest project  =========== */

.da-thumbs{}
.da-thumbs li ,
.da-thumbs li img { display: block; position: relative; width: 100%;}
.da-thumbs li { overflow: hidden;}
.da-thumbs li article { position: absolute;  width: 100%; height: 204px; background: rgba(0,0,0,.8);}
.da-thumbs li article.da-animate { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* Initial state classes: */
.da-slideFromTop { left: 0px; top: -100%; }
.da-slideFromBottom { left: 0px; top: 100%; }
.da-slideFromLeft { top: 0px;  left: -100%; }
.da-slideFromRight { top: 0px; left: 100%; }
/* Final state classes: */
.da-slideTop { top: 0px; }
.da-slideLeft { left: 0px; }
.da-thumbs li article a { color:#fff; padding:20px;}
.da-thumbs { text-align:center; }
.da-thumbs li article h3{ color:#fff; padding-top:25px; font-size:14px; margin-top:15px;}
.da-thumbs li article p{ float:left; width:100%; display:block; margin-top:90px; color:#ccc;}
.da-thumbs li article p a{ text-indent:-99999px; padding:10px 20px; }
.da-thumbs li article p a.link{ background:url(../img/icon-link.png) no-repeat center #ffa21d; }
.da-thumbs li article p a.link:hover{ background:url(../img/icon-link.png) no-repeat center #282828;}
.da-thumbs li article {
position: absolute;
width: 100%;
height: 204px;
background: rgba(0,0,0,.8);
display:none;
}

.latest_pimg .da-thumbs li article {height: 260px;}
.latest_pimg .da-thumbs li article p {margin-top: 117px;}

.bounce_page4{}

/* ==================================   Main Page5  ==================================== */

.home5{width:100%;height:100%;background:url(../img/home5bg.jpg);}
.home5 header{background:transparent;}

.page5 .menu a.active {color:#fff;}
.sequence5 img{margin-right:10px;}

/* =============   1. Fullpage Footer  =========== */
.fullpage_footer{
background: #61686b;
margin: 0 auto;
width: 100%;
bottom: 0px;
left: 0;
z-index: 4;
position: fixed;
}
.fullpage_footer p{color:#fff;}

/* =============   2. Social Icons  =========== */

.socialIcons1 h3{margin-top:0px;}
.socialIcons1 a{color:#fff;}
.socialIcons1 i{font-size:24px;margin-right:10px;color:#fff;}
.shortLink1 {padding-top: 15px;padding-bottom: 7px;}
.shortLink1 .last{border:none;}
.shortLink1 p{padding:0px;}
.shortLink1 a{padding: 0px 5px 0px 2px;color: white;}
.copyright1{padding-right:8px;padding-top:12px;}


/* ==================================   Main Page6  ==================================== */

.theme2{background: #ef7945 !important;}
.mainpageSlider2 #sequence li .title,.mainpageSlider2 #sequence li .subtitle1{background:none;}

/* ==================================  Blog Page ==================================== */

.blogimage1{width:100%;height:250px;}
.page_titles{color:#fff;margin-top:50px;}
.page_titles h1{font-size:48px;color:#fff;}
.int_text{font-family: 'Open Sans', sans-serif;font-size:21px;font-weight:300;margin-top: 19px;}
.page_links{font-family: 'Open Sans', sans-serif;font-size:16px;margin: 28px 0px;}
.page_links a{color:#fff;}
.page_links i{margin: 0px 8px;}
.blogpost1 {padding-top: 40px;float:left;}
.blogpost1 h1{font-size:25px;}
.blogpost1 h1:hover a{color:#ef7945;}
.blogpost1 h2{font-size:22px;}
.blogpost1 h2:hover a{color:#ef7945;}

/* =============   1. Pagination  =========== */

.blog_pagination{margin-left: 68px;margin-bottom: 67px;}
.blog_pagination ul{box-shadow: none !important;}
.blog_pagination li{float: left;margin-right: 8px;border: 1px solid #e0e1e1;background: #e0e1e1;border-radius: 5px;}
.blog_pagination li a{background: transparent !important;color: #fff;border: none !important;font-size: 14px;font-weight: 400;}
.blog_pagination li:hover{background: #63686b;border:1px solid #63686b;}


/* ==================================  Blog - Single Page ==================================== */

.top_blogmenu1{padding-bottom: 183px;}
.blog_menu2 .topmenu1 {background:url(../img/blogmenu.png);background-color:transparent;}

/* =============   1. Breadcrumb  =========== */
.breadcrumbBody{width: 1100px;margin: 0px auto;}
.breadcrumb_title{padding-top:8px;padding-bottom: 6px;}
.breadcrumb_title h3{ margin:8px 0px 5px 0px; }
.breadcrumb_title .Titles,.breadcrumb_title .Titles_text{color:#fff;}
.breadcrumbs{padding: 33px 0px 0px 0px;}
.breadcrumbs .breadcrumb_link{text-align:right;margin:0px 15px 0px 0px;}
.breadcrumbs .breadcrumb_link li{font-size:15px;font-family: 'Open Sans', sans-serif;}
.breadcrumbbg{ background:#9d4f1b;}

.mainBody2{width: 1025px;margin: 0px auto;padding-right: 44px;}

/* =============   2. Blog Catagory  =========== */

.BlogCatName{padding-top:3px;}
.BlogCatName h3{font-size:20px;}
.blog_info,.blog_info a{color:#c2c6c8;padding-bottom: 10px;}
.single_img{padding-bottom:6px;}
.single_img img{ max-height:250px; }
.single_text p{
	padding:7px 0px;margin:0px;
	color:#63686b;font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:400;}

/* =============   3. Share Post  =========== */	

.share_post .socialIcons h3{margin-top: -10px;}
.comments_text .button_blacksmall{margin-top: 4px;}
.comment3 .comments_div {margin-left:10px;}


.blogheader{background:url(../img/singleheader.jpg);width:100%;background-size:100% 100%;}
.breadcrumb_title{color:#fff;}
.breadcrumb_link li .divider{color:#63686b;}
.breadcrumb_link .active{color:#fff;}
.breadcrumb_link li{font-size:24px;text-shadow: none;}
.breadcrumb_link li a{color:#63686b;}
.share_post{font-size:24px;padding: 17px 0px;background: #63686b;color:#fff;margin-top: 22px;margin-bottom:24px;}
.share_post a{color:#fff;}
.share_post a:hover{color:#ef7945;text-decoration:none;}
.blogsingle{padding-top:47px;}
.blockquotes{background:#efefef;margin-bottom:15px;margin-top: 10px;padding:20px;}
.blockquotes_img {
background: url(../img/blockquets.png);
float: right;
width: 65px;
height: 50px;
background-size: 100% 100%;
}
.blockquotes p{font-family: 'Open Sans', sans-serif;font-size: 15px;padding: 10px;
font-weight: 400;
color: #63686b;}
.article_pag{background:#f5f5f5;margin:25px 0px;padding:15px 0;}
.article_pag h3 a:hover{color:#ef7945;text-decoration:none;}
.art_dateMonth{font-size:32px;background:#f5f5f5;width:40%;margin:0 auto;height:46px;}
.art_date{padding:10px;background:#fff;border-radius:5px;}
.art_month{padding:10px 0 0 0 ;}
.direc{font-size:37px;padding:0px;margin:0px;}
.post_navigation{margin-bottom: 43px;}
.post_navigation h3{font-size:24px;padding:0px 10px 10px 10px;margin:0px;}
.post_navigation .art_date{
	font-size:21px;font-weight: 400;margin-right:7px;
     border-radius: 4px;    
		-webkit-border-radius: 4px;    
		-moz-border-radius:4px;
		-khtml-border-radius:4px;
	box-shadow: 0px 2px 0px #dfe0e0;
	-moz-box-shadow: 0px 2px 0px #dfe0e0;
	-webkit-box-shadow: 0px 2px 0px #dfe0e0;
	/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#dfe0e0')";
}
.post_navigation .art_month {font-size:16px;font-weight: 400;}

/* =============   4. Comment box  =========== */

.comments_box {margin:8px 0px;}
.comments_img{width:20%;padding: 20px 0 0 0;}
.comments_img img{width:100px;height:100px;background-size:100% 100%;}
.comments_div{width: 76%;padding-left: 2px;}
.commenter_name h3{font-size:21px;}
.comments_text p{color: #63686b;font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;}
.commenter_date {padding: 20px 0 0 15px;color: #c2c6c8;}
.comment3{margin-left:50px;}
.your_name,.your_email{width:95%;}
.message_box{width:98%;}
.mam{float:left;margin:20px 0}
.comments{margin-bottom:35px;float:left;}
.comments_field{clear:both;margin-bottom: 20px;}
.comments_field h3{margin-bottom: 28px;}
.comments_field input,.comments_field textarea
{color:#63686b;
padding: 15px 0px 16px 14px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
background-color:#f5f5f5;}
.comments_field .row-fluid{margin-bottom: 10px;}

/* =============   5. Blog catagory  =========== */
.BlogCatName .active{
background:#ef7945;padding:7px 10px;color:#fff;
}
.BlogCatName .active a{
color:#111;
}
.BlogCatName p{
font-size: 14px;
font-family: 'Open Sans', sans-serif;font-weight:400;
background:#e9e9e9;
 -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
padding:5px 5px;color:#111;
 margin-bottom:2px;
}
.BlogCatName p a{color:#111;}
.BlogCatName p:hover{background:#ef7945;padding:7px 10px;color:#111;}
.BlogCatName p:hover a{color:#111;}

/* =============   6. Tags  =========== */

.Tags{float:left;}
.Tags ul li{list-style:none;float:left;padding:5px 11px;background-color:#63686b;
margin-right:10px;margin-bottom:10px;font-family: 'Open Sans', sans-serif;font-size:14px;}
.Tags ul li a{color:#c2c6c8;}
.Tags ul li:hover{background-color:#ef7945;cursor:pointer;}
.Tags ul li a:hover{color:#fff;}
.form-search{float:left;margin-top: 31px;width:100%;}
.form-search input{
width: 84%;
background-color: #f5f5f5;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 9px 15px;
}
.form-search .searchbtn {
background: url(../img/searchbtn.png);
width: 18px;
height: 18px;
text-indent: -999em;
border: none;
margin-left: -28px;
}

/* =============   7. Accordions  =========== */

.accordions{float:left;width:100%;margin: 4px 0px;}
.accordions .accordingT{margin-top: 22px;}

/* =============   8. blog recent Tweets  =========== */

.blog_recentTweets{margin-top: 31px;float: left;font-size: 14px;font-family: 'Open Sans', sans-serif;
font-weight: normal;margin-bottom: 28px;}
.blog_recentTweets span{color:#ef7945;font-weight: normal;}
.tweets_icons{float:left;}
.blog_recentTweet i{font-size: 21px;color: #ef7945;margin-right: 10px;float: left;}
.tweets_text{float: left;width: 90%;}
.submit_day{color: #c2c6c8;}
.left_tweet .tweets_text{width: 86% !important;}

/* =============   9. Popular Post  =========== */

.PopularPost{width:100%;height:365px;overflow:auto;background:#f5f5f5;}
.PopularPost h4{font-size:18px;font-family: 'Oswald', sans-serif;margin-bottom:15px;}
.PopularPost h4 i{color:#ef7945;padding: 2px;background: #fff;margin:0px 17px 0px 10px;}
.PopularPost1{margin-left:22px;float:left;margin-bottom: 6px;}
.postImg{width:60px;height:60px;background-size:100% 100%;margin-right:20px;float:left;}
.post_textdate{float:left;width: 68%;}
.post_text{margin-bottom:5px;}
.post_date{font-size:14px;font-family: 'Oswald', sans-serif;font-weight:bold;}

.PopularPost1:hover .post_textdate,.PopularPost1:hover .post_text a{color:#ef7945;cursor:pointer;}
.RecentPosts,.Comments{background:#f5f5f5;}
.RecentPosts h4,.Comments h4{font-size:18px;font-family: 'Oswald', sans-serif;padding: 9px 6px 10px 6px;}
.RecentPosts h4 i,.Comments h4 i{padding: 3px;background: #fff;margin:0px 17px 0px 10px;float: left;}
.RecentPosts h4 a,.Comments h4 a{display:block;}
.RecentPosts:hover,.Comments:hover{background-color:#ef7945;}


/* ==================================  Contact us page ==================================== */

.gmaps{border-bottom:2px solid lightgray;}
.contact_title{margin-top:10px;}
.mail_title{ font-size:22px; }
.page-title{font-size:22px; }
.contact_form{margin:20px 0px;}
.give_name input{width: 94%;padding: 10px;}
.give_email input{width: 93%;padding: 10px;}
.give_message textarea{padding:10px;}
.submit_btn{margin:10px 0px 30px 0px;}

form {
margin: 0 0 20px;
}
.form-horizontal .control-group {
margin-bottom: 20px;
}
#contact_form .form-horizontal .control-label {
width: 90px;
text-align: left;
}
.form-horizontal .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
#contact_form .form-horizontal .controls {
margin-left: 90px;
}
#contact_form textarea {
height: 100px;
}

/* ==================================  Portfolio Page ==================================== */

.controls {width: 90%;margin: 0px auto;margin-top: 30px;}
.controls ul{height: 25px;margin: 0 auto;width: 70%;margin-bottom: 11px;}
.controls h3 {
margin-bottom: 20px;
font-weight: 600;
}
.controls li.active {
font-weight: 700;
}
.controls li {
margin-left: 20px;
cursor: pointer;
list-style-type: none;
float:left;
font-size:18px;
}

/* ==================================  Portfolio Page 3 Columns-1 ==================================== */

.portfolio_pages1 #Grid .mix,.portfolio_pages2 #Grid .mix {
display: none;
opacity: 0;
vertical-align: top;
margin-bottom: 20px;
color: #fff;
font-size: 30px;
text-align: center;
line-height: 200px;
width:350px;
}

.portfolio_pages1 .da-thumbs li article{height:100%;}
.portfolio_pages1 #Grid .mix article{visibility:hidden;}
.portfolio_pages1 #Grid .mix:hover article{visibility:visible;}
.portfolio_pages1 #Grid .mix {
height:auto;
margin:6px 6px 30px 6px;
overflow: visible;
}
.portfolio_pages1 #Grid img {
width: 350px;
max-width: none;
-webkit-transform: rotate(0deg) skew(0deg, -5deg);
-moz-transform:rotate(0deg) skew(0deg, -5deg);
-o-transform:rotate(0deg) skew(0deg, -5deg);
transform:rotate(0deg) skew(0deg, -5deg);
}
.portfolio_pages1 #Grid :hover img ,.portfolio_pages1 .da-thumbs li article{
-webkit-transform: rotate(0deg) skew(0deg, 0deg);
-moz-transform:rotate(0deg) skew(0deg, 0deg);
-o-transform:rotate(0deg) skew(0deg, 0deg);
transform:rotate(0deg) skew(0deg, 0deg);
}
.portfolio_pages1 .da-thumbs li article{
background: rgba(216,109,62,.8);
}
.portfolio_pages1 .da-thumbs li article button{
-webkit-transform: rotate(0deg) skew(0deg, 0deg);
-moz-transform:rotate(0deg) skew(0deg, 0deg);
-o-transform:rotate(0deg) skew(0deg, 0deg);
transform:rotate(0deg) skew(0deg, 0deg);
}

/* ==================================  Portfolio Page 2 Columns ==================================== */

#Grid {
width: 100%;
font-size: 0.1px;
}
.portfolio_pages2 #Grid .mix {
height: 280px;
margin:6px;
}
.portfolio_pages2 #Grid img {
width: 320px;
max-width: none;
padding:5px;
border:2px solid #d5d5d5;
}



.portfolio_pages2 .da-thumbs li article{
background: rgba(216,109,62,.8);
}
.portfolio_pages2 .da-thumbs li article{height:72%;}

.mix .button_black2{margin-right: 10px;
margin-top: 50px;
margin-left: 10px;}
.mix h3{color:#dbe0e3;font-size:14px; margin:4px 0px 0px 0px;}
.img_cats {color:#63686b;}
.mix h4{color:#63686b;font-size:16px;font-family: 'Open Sans', sans-serif; margin:0px;}
.mix h4 a{color:#b6b6b7;}
.mix h4 a:hover {color:#ef7945;}
.loadmore{margin-top:52px;}
.loadmore .button_yellow{font-size:18px;}
.loadmore .button_yellow i{margin-right:10px;font-size:23px;}
.loadmore .blog_pagination {margin-left:0px;}
.loadmore .blog_pagination li{margin-left:0px;}

.portfolio_pagination{margin-top:36px;margin-bottom:50px;}
.portfolio_pagination ul {
box-shadow: none !important;
}
.portfolio_pagination li {
float: left;
margin-right: 8px;
border: 1px solid #fce4da;
background: #fce4da;
border-radius: 5px;
}
.portfolio_pagination li a {
background: transparent !important;
color: #ef7945;
border: none !important;
font-size: 16px;
font-weight: 400;
}
.portfolio_pagination li:hover {
background: #ef7945;
border: 1px solid #fce4da;
}
.portfolio_pagination li:hover a{color:#fff;}


/* ==================================  Portfolio 2 column  ==================================== */


.port_2column .da-thumbs .mix {width: 45% !important;height: auto !important;}
.port_2column .da-thumbs .mix img{width: 95% !important;}
.port_2column .da-thumbs .mix article {width: 95% !important;height:79%;}
.port_2column .da-thumbs .mix .button_black2{margin-top: 110px;}

/* ==================================  Portfolio 4 column  ==================================== */

.portfolio-4cols .da-thumbs .mix {width: 23% !important;height: auto !important;}
.portfolio-4cols .da-thumbs .mix img{width: 95% !important;}
.portfolio-4cols .da-thumbs .mix article {width: 95% !important;height:100%!important;}
.portfolio-4cols .da-thumbs .mix .button_black2 
{margin-top: -18px !important;margin-right: 4px!important;margin-left: 4px!important;font-size: 14px;padding: 0px 4px;height: 42px;}


/* ==================================  About us page ==================================== */
.top_member{margin-top:40px;}
.team_member{margin:20px 0px;}
.team_member h2{padding:0px 10px;}

.about_who{margin-top:20px;}
.member_area{background-color:#f5f5f5;}
.member-img a img:hover{background: rgba(20,22,23,0.6);}
.member_name h3{margin: 3px 0px;}
.member_position h4{margin-top: 0px;}
.member_descrip{padding: 0px 7px 0px 10px;}
.member_social{background-color: lightgray;font-size: 24px;padding: 5px;float: left;width: 97%;}
.member_social li{float:left;list-style:none;margin: 0 5px 5px 0;}
.member_social a{margin:0px 5px;font-size:20px;}
.share_icon{margin:2px 2px 2px 7px;}




.member_social  ul li a {
color: #615a63;
-webkit-transition: background 0.5s, color 0.5s;
-moz-transition: background 0.5s, color 0.5s;
-o-transition: background 0.5s, color 0.5s;
transition: background 0.5s, color 0.5s;
}
.member_social ul li a :hover{
color: #ff093b;
}

.footer-twitter {
position: relative;
z-index: 1;
min-height: 40px;
overflow: hidden;
}
.twitter-icon {
float: left;
vertical-align: middle;
line-height: 40px;
font-size: 22px;
}
.tweet-slider {
height: 40px;
line-height: 40px;
width: auto;
overflow: hidden;
margin: 0 80px 0 30px;
}
.footer-twitter .tweet-slider .bx-viewport {
}
.footer-twitter .tweet-slider ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.footer-twitter .tweet-slider ul > li {
float: left;
font-weight: 400;
display: inline-block;
line-height: 40px;
color: #fff;
}
 .footer-twitter .tweet-slider ul > li a {
color: #98ff6b;
}
.footer-twitter .tweet-slider ul > li small {
color: #e6e6e6;
font-weight: 700;
font-style: italic;
}
 .footer-twitter .slidecontrols {
float: right;
width: 80px;
display: block;
top: 0;
right: 0;
position: absolute;
}
.footer-twitter .slidecontrols li {
display: inline-block;
float: left;
}
.footer-twitter .slidecontrols li span {
background-color: transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 40px;
height: 40px;
display: table-cell;
vertical-align: middle;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-size: 28px;

}
.twitter .footer-twitter .slidecontrols li span .bx-prev {
font-size: 28px;
}
.slidecontrols li a {

background-color: transparent;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-ms-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
width: 30px;height: 30px;
display: table-cell;
vertical-align: middle;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 28px;
padding: 0px 2px 4px 2px;
}
.footer-twitter .slidecontrols li span .bx-next:before {
font-family: 'FontAwesome';
content: "\f105";
}
.footer-twitter .slidecontrols li span .bx-prev:before {
font-family: 'FontAwesome';
content: "\f104";
}
#tw-next:hover a,#tw-prev:hover a{background: rgba(239,121,69,0.6);color:#fff!important;border-radius: 8px;}

/* ==================================  Services ==================================== */

.f_services{margin-top:20px;}

/* ==================================  Faq page ==================================== */

.find_ans{border: 1px solid lightgrey;padding: 5px 5px 14px 5px;background: lightgray;float: left;width: 100%;}
.search_result{margin:5px 0px;width:100%;float:left;}

/* ================================== Price tables ==================================== */


.color_variation{background:#ef7945;}

/* ================================== 404 error page ==================================== */


.error-page {padding: 100px 0;text-align: center;}
.error_no{font-size: 100px;color: #ef7945;margin-bottom: 50px;font-weight: 700;}
.error_info{color: #9098a5;font-weight: 700;font-size: 36px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 20px;}
.error_full{font-weight: 700;font-size: 18px;font-weight: 500;padding: 19px;}
.error_search{margin-bottom:100px;width:90%;}
.search1{width: 100%;padding: 10px !important;}

/* ==================================  blog Left sidebar  ==================================== */

.left_sidebar{margin-bottom:20px;}
.left_sidebar .form-search {margin-top: 56px;}


/* ==================================  Image gallery  ==================================== */


.image-gallery  .da-thumbs .mix {width: 23% !important;height: auto !important;}
.image-gallery .da-thumbs .mix img{width: 100% !important;}
.image-gallery #Grid .mix {margin: 6px;}

.image-gallery #Grid .mix {
display: none;
opacity: 0;
width: 290px;
vertical-align: top;
margin-bottom: 20px;
color: #fff;
font-size: 30px;
text-align: center;
line-height: 200px;
}
.image-gallery .img_hover .img-overlay .plus {margin-left:-21px;}
.img_hover .img-overlay .plus i {top: 42%;}