/*============================================================
	Theme Name: AliaCorns
	Theme URI: http://codecorns.com/
	Author: CodeCorns team
	Author URI: http://codecorns.com/
	Description: AliaCorns HTML5 Business Template by CodeCorns taem
	Version: 1.8
    Tags: responsive, onepage themplate, business, corporate
==============================================================*/


/*	Table of content  */


/*-------------------------
	 1. THEME GENEREL CSS
	 2. NAVBER
	 3. SLIDER BANNER
	 4. ABOUT US
	 5. OUR TEAM
	 6. OUR SERVICES
	 7. OUR SKILLS
	 8. OUR WORKS
	 9. CLIENTS FEEDBACK
	10. COUNTER
	11. BLOG
    12. PRICING PLAN
    13. CONTACT US
    14. GOOGLE MAP
    15. FOOTER
    16. BACK TO TOP ARROW
--------------------------*/


/*----------------------------------------
            GOOGLE FONTS
------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*Use the following CSS rules to specify these families: 

    font-family: 'Open Sans', sans-serif;
    font-family: 'Comfortaa', cursive;
*/


/*----------------------------------------
            1. THEME GENEREL CSS
------------------------------------------*/

* {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0px;
    margin: 0px;
}

.border_btm {
    margin: 0 auto;
    width: 200px;
    height: 5px;
    border-radius: 10px;
    background: #7DCB3D;
}

body {
    font-family: 'Open Sans', sans-serif;
}


/*----------------------------------------
                2. NAVBER
------------------------------------------*/

#header .navbar-default {
    background: transparent;
    font-family: 'Comfortaa', Open Sans;
    font-weight: 700;
    text-transform: uppercase;
}

#header img {
    max-width: 260px;
    margin-top: 35px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

header .navbar-default .navbar-nav>li>a {
    padding: 0 10px;
    color: #fff;
    line-height: 80px;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#header .navbar-default .navbar-nav>li>a:hover {
    color: #7DCB3D;
    -webkit-transition: all 0s ease-out;
    transition: all 0s ease-out;
}

#header .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    color: #7DCB3D;
}

#header .navbar-brand {
    height: 50px;
    line-height: 50px;
    padding: 15px;
}


/*==Navbar Srink After Scroll==*/

#header.shrink .navbar-default {
    background: #5D5F60;
}

#header.shrink img {
    margin: 25px 0;
    max-width: 160px;
}

#header.shrink .navbar-default .navbar-nav>li>a {
    padding: 0 8px;
    line-height: 70px;
}


/*----------------------------------------
                3. SLIDER BANNER
------------------------------------------*/

#banner{
	width:100%;
	position:relative;
	padding:0;

}

#banner .tp-banner{
	width:100%;
	position:relative;
}

#banner .tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

#banner .bignumbers_white{
    font-size: 72px;
    color: #fff;
    font-weight: bolder;
}
#banner .light_heavy_70_shadowed{
    color: #7DCB3D;
    font-size: 52px;
    text-transform: uppercase;
    font-weight: bolder;
}
#banner .light_medium_30_shadowed{
    color: #fff;
    font-size: 24px;
}
/*----------------------------------------
                4. ABOUT US
------------------------------------------*/

#about {
    padding: 90px 0 0;
}

#about h2 {
    font-size: 38px;
    font-weight: 300;
    color: #222;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#about h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#about h4 {
    font-size: 20px;
    font-weight: 400;
    color: #222;
    line-height: 1.5em;
    padding: 43px 0 47px;
}
#about h3{
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 22px;
}
#about h3 span{
    color: #7DCB3D;
}

#about p {
    font-size: 18px;
    line-height: 1.5em;
    color: #6c6c6c;;
    padding-bottom: 50px;
}

#about ul {
    padding-bottom: 58px;
}

#about ul li span {
    font-weight: bold;
    font-size: 18px;
}

#about ul li {
    font-weight: 300;
    font-size: 16px;
    color: #222;
    padding-bottom: 10px;
}
#about a {
    font-size: 14px;
    background: #7DCB3D;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    border: 2px solid;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    
}

#about a:hover {
    background: #fff;
    color: #7DCB3D;
    border: 2px solid;
}


/*----------------------------------------
              5. OUR TEAM
------------------------------------------*/

#team {
    background: #444749;
    padding: 90px 0 95px;
}

#team h2 {
    font-size: 38px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#team h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#team .team_item img {
    display: inline-block;
    margin: 70px 0 25px;
}

#team ul li i {
    font-size: 18px;
}

#team ul li a {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 7px 4px 4px;
}

#team ul li a:hover {
    color: #7DCB3D;
}

#team h3 {
    color: #fff;
    padding: 10px;
}

#team h4 {
    color: #bbb;
    padding: 5px;
}

#team .owl-theme .owl-controls .owl-page span {
    background: #7DCB3D none repeat scroll 0 0;
    height: 5px;
    width: 40px;
    margin: 36px 7px 0;
}


/*----------------------------------------
            6. OUR SERVICES
------------------------------------------*/

#services {
    padding: 90px 0 0;
}

#services h2 {
    font-size: 38px;
    font-weight: 300;
    color: #222;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#services h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#services h4 {
    font-size: 20px;
    font-weight: 400;
    color: #222;
    line-height: 1.5em;
    padding: 43px 0 40px;
}

#services .srv_item {
    padding: 0;
    margin: 7px 7px;
    max-width: 270px;
    max-height: 270px;
    border: 1px solid #7DCB3D;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: default;
}

#services .srv_item:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#services i {
    font-size: 50px;
    color: #7DCB3D;
    padding-top: 26px;
}

#services h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0 15px;
}

#services p {
    font-size: 16px;
    color: #222;
    padding: 0 10px 28px;
}


/*----------------------------------------
            7. OUR SKILLS
------------------------------------------*/

#skills {
    padding: 90px 0 95px;
    background: #444749;
}

#skills h2 {
    font-size: 38px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#skills h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#skills h3 {
    margin-top: 35px;
    padding: 30px 0;
    color: #fff;
}

#skills .progress_percentage {
    display: inline-block;
    position: relative;
}

#skills .progress_value {
    position: absolute;
    font-family: 'Comfortaa', Open Sans;
    font-size: 35px;
    color: #fff;
    top: 62%;
    left: 2%;
    right: 0;
}

#company {
    padding-top: 50px;
    background: #444749;
    color: white;
}
#company h2{
    color: white;
    font-size: 38px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 25px;
}
#company p {
    font-size: 22px;
    color: #fff;
    line-height: 1.5em;
    padding: 43px 0;
    cursor: all-scroll;
}

#company .company_item img {
    display: inline-block;
}

#company .owl-theme .owl-controls .owl-page span {
    display: none;
}


/*----------------------------------------
            8. OUR WORKS
------------------------------------------*/

#portfolio {
    padding: 90px 0 100px;
}

#portfolio h2 {
    font-size: 38px;
    font-weight: 300;
    color: #222;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#portfolio h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#portfolio h4 {
    font-size: 20px;
    font-weight: 400;
    color: #222;
    line-height: 1.5em;
    padding: 43px 0 47px;
}

#portfolio ul {
    padding: 0 345px 56px;
}

#portfolio ul li {
    float: left;
    background: #7DCB3D;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 14px;
}

#portfolio ul li:hover {
    background: #fff;
    color: #7DCB3D;
    border: 1px solid;
    cursor: pointer;
}

#portfolio .active {
    background: #fff;
    color: #7DCB3D;
    border: 1px solid;
}

#mixup .mix {
    display: none;
    margin-bottom: 30px;
}

#portfolio .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

#portfolio .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#portfolio .hovereffect:hover .overlay {
  background-color: rgba(170,170,170,0.4);
}

#portfolio .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#portfolio .hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#portfolio .hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#portfolio .hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  height: 85%;
  width: 85%;
  position: absolute;
  top: -20%;
  left: 8%;
  padding: 70px;
}

#portfolio .hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.4);
}

/*----------------------------------------
            9. CLIENTS FEEDBACK
------------------------------------------*/

#feedback {
    padding: 90px 0 0;
    /* The parallax image used */
    background: #444749;
    /*background-image: url("../../assets/images/img/work5.jpg");*/
    /* Set a specific height for parallax section */
    /*min-height: 775px;*/
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#feedback h2 {
    font-size: 38px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#feedback h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#feedback img {
    margin: 70px auto 0;
}

#feedback p {
    font-size: 22px;
    color: #fff;
    line-height: 1.5em;
    padding: 43px 0;
    cursor: all-scroll;
}

#feedback h5 {
    font-weight: 700;
    font-size: 15px;
    color: #fafafa;
    padding-bottom: 10px;
}

#feedback h6 {
    font-style: italic;
    font-size: 15px;
    color: #fff;
}

#feedback .owl-theme .owl-controls .owl-page span {
    background: #7DCB3D none repeat scroll 0 0;
    height: 5px;
    width: 40px;
    margin: 40px 7px 0;
}


/*----------------------------------------
                10. COUNTER
------------------------------------------*/

#counter {
    background: #F0F0F0;
    padding: 40px 0;
}

#counter i {
    font-size: 60px;
}

#counter h2 {
    font-family: 'Comfortaa', Open Sans;
    font-size: 42px;
    padding: 10px 0;
}

#counter h4 {
    font-size: 22px;
}


/*----------------------------------------
                11. BLOG
------------------------------------------*/

#blog {
    padding: 90px 0 100px;
}

#blog h2 {
    font-size: 38px;
    font-weight: 300;
    color: #222;
    text-transform: uppercase;
    padding-bottom: 25px;
}
#blog .planTitle {
    background: #7DCB3D;
    font-family: 'Comfortaa', Open Sans;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    padding: 20px;
}

#blog h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#blog .post_item {
    max-width: 530px;
    padding: 0 0 30px;
    border: 2px solid #bbb;
    margin: 70px 20px 0;
}

#blog img {
    padding-bottom: 25px;
    width:100%;
}

#blog h3 a {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0080a8;
    padding: 0 20px;
    text-align: center;
}

#blog h3 a:hover {
    color: #7DCB3D;
}

#blog h4 {
    font-family: 'Comfortaa', Open Sans;
    font-weight: 600;
    color: #4C4C4C;
    font-size: 12px;
    padding: 20px 20px 15px;
}

#blog h4 span {
    color: #7DCB3D;
}
#blog p {
    font-size: 22px;
    color: #222;
    line-height: 1.5em;
    padding: 25px 30px 20px;
    cursor: all-scroll;
    text-align: justify;

}

#blog h5 a {
    color: #5D5F60;
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
}

#blog h5 a:hover {
    color: #7DCB3D;
}


/*----------------------------------------
            12. PRICING PLAN
------------------------------------------*/

#pricing_plan {
    background: #444749;
    padding: 90px 0 100px;
}

#pricing_plan h2 {
    font-size: 38px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#pricing_plan h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#pricing_plan .planTable {
    max-width: 340px;
    border: 2px solid #7DCB3D;
    background: #fff;
    font-family: 'Comfortaa', Open Sans;
    font-size: 18px;
    padding-bottom: 20px;
    margin-top: 70px;
}

#pricing_plan .planTitle {
    background: #7DCB3D;
    font-family: 'Comfortaa', Open Sans;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

#pricing_plan .planPrice {
    height: 150px;
    width: 150px;
    text-shadow: 0 0 10px #7DCB3D, 0 0 10px #7DCB3D, 0 0 10px #7DCB3D;
    border: 1px solid #7DCB3D;
    background: rgba(111, 218, 64, 0.10);
    border-radius: 50%;
    font-size: 50px;
    color: #fff;
    padding: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#pricing_plan .planPrice span {
    color: #fff;
    font-size: 15px;
    display: block;
}

#pricing_plan .planTable ul li {
	font-weight: 700;
    color: #222;
    padding: 10px;
}

#pricing_plan .button {
    background-color: #fff;
    color: #7DCB3D;
    border: 2px solid #7DCB3D;
    padding: 10px 50px;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

#pricing_plan .button:hover {
    background-color: #7DCB3D;
    color: #fff;
}


/*----------------------------------------
            13. CONTACT US
------------------------------------------*/

#contact {
    padding: 90px 0 85px;
}

#contact h2 {
    font-size: 38px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 25px;
}

#contact h2 span {
    font-weight: 600;
    color: #7DCB3D;
}

#contact h4 {
    font-size: 20px;
    font-weight: 400;
    color: #222;
    line-height: 1.5em;
    padding: 43px 0 47px;
}

input[type=text] {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #999!important;
    border-radius: 0;
    margin-bottom: 25px;
}

input[type=email] {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #999!important;
    border-radius: 0;
    margin-bottom: 25px;
    font-size: 14px;
}

textarea {
    width: 100%;
    min-height: 200px;
    border: 1px solid #999!important;
    border-radius: 0!important;
    resize: none;
}

button[type=submit] {
    max-width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #7DCB3D;
    border: 2px solid #7DCB3D;
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 60px;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    margin-top: 30px;
}

button[type=submit]:hover {
    color: #fff;
    background: #7DCB3D;
    border: 2px solid #7DCB3D;
}

#contact_address {
    padding: 50px 0;
}

#contact_address i {
    font-size: 50px;
    margin-bottom: 20px;
}

#contact_address p {
    font-size: 18px;
}

#contact_address p a {
    color: #222;
}

#contact_address p a:hover {
    color: #7DCB3D;
}

.addr_item:hover {
    color: #7DCB3D;
}


/*----------------------------------------
                14. GOOGLE MAP
------------------------------------------*/

#map {
    width: 100%;
    height: 400px;
}


/*----------------------------------------
                15. FOOTER
------------------------------------------*/

footer {
    background-color: #7DCB3D;
    color: #fff;
    padding: 20px 0;
}

footer p {
    font-size: 14px;
    line-height: 20px;
}

footer p a {
    color: #fff;
}

footer ul>li>a {
    padding: 10px 6px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all linear 0.4s;
    transition: all linear 0.4s;
}

footer ul>li>a:hover {
    background-color: #fff;
    color: #7DCB3D;
}


/*----------------------------------------
        16. BACK TO TOP ARROW
------------------------------------------*/

#backtotop {
    position: fixed;
    bottom: 40px;
    right: 30px;
    background: #7DCB3D;
    display: none;
}

#backtotop i {
    padding: 7px 6px;
    font-size: 24px;
    background: #7DCB3D;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#backtotop i:hover {
    background: #fff;
    color: #7DCB3D;
    border: 1px solid #7DCB3D;
}


/*----------------------------------------
                *THE END*
------------------------------------------*/