/*Reset Styles
------------------------------------*/
* {
   border-radius: 0 !important;
}

body { 
   color: #333; 
   font-size: 17px;
   line-height: 1.6;
}

p, li {
    color: #333;
    line-height: 2.6;
}
a {
    color: #555;
    line-height: 1.6;
}
a,
a:focus, 
a:hover, 
a:active {
   outline: 0 !important;
}
a:hover {
   color: #68B801;
   text-decoration: underline;
}

h1, h2, h3, h4, h5 {
   margin-top: 5px; 
   text-shadow: none; 
   font-weight: normal !important; 
   font-family: IRANSans,Arial; 
   line-height: 180%;
} 
h1 i, h2 i, h3 i, h4 i, h5 i {
   margin-right: 7px;
}

img.img-circle {
    border-radius: 50% !important;  
}

.text-justify p {
   text-align: justify;
}

/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
   border-bottom: none;
   font-weight: normal;
   font-family:'IRANSans';
   font-size: 15px;
}

/*Forms
------------------------------------*/
.form-control {
   box-shadow: none;
}
.form-control:focus {
   border-color: #bbb;
   box-shadow: 0 0 2px #c9c9c9;
}

/*Form Spacing*/
.form-spacing .form-control {
   margin-bottom: 15px;
}

/*Navigation
------------------------------------*/
/*Pagination*/
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
   background-color: #68B801;
   border-color: #68B801;
}

.pagination li a:hover {
   color: #fff;
   background: #5fb611;
   border-color: #5fb611;   
}

/*Pager*/
.pager li > a:hover, 
.pager li > a:focus {
   color: #fff;
   background: #5fb611;
   border-color: #5fb611;   
}

/*Button Styles
------------------------------------*/
.btn {
   box-shadow: none;
}

.btn-u {
   border:0;
   font-size:14px;
   cursor:pointer;
   padding:6px 13px !important;
   position:relative;
   background:#68B801;
   display:inline-block;
   color:#fff !important;
   text-decoration:none !important;
   border-radius:5px!important;
}
.btn-u:hover {
   color:#fff;
   background:#5fb611;
   text-decoration:none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.btn-u-small {
   padding:3px 12px;
}
.btn-u-lg {
   font-size:18px;
   padding:10px 25px;
}

a.btn-u {
   padding:4px 13px;
   vertical-align:middle;
}
a.btn-u-small {
   padding:2px 12px;
}
a.btn-u-lg {
   font-size:18px;
   padding:6px 10px;
}

/*For FF Only*/
@-moz-document url-prefix() { 
   .footer-subsribe .btn-u {
      padding-bottom: 5px;
   }
}
@media (max-width: 768px) { 
   @-moz-document url-prefix() { 
      .btn-u {
         padding-bottom: 5px;
      }
   }
}

/*Buttons Color*/
.btn-u-blue {
   background: #3498db !important;
}
.btn-u-blue:hover {
   background: #2980b9 !important;
}

.btn-u-red {
   background: #e74c3c !important;
}
.btn-u-red:hover {
   background: #c0392b !important;
}

.btn-u-orange {
   background: #e67e22 !important;
}
.btn-u-orange:hover {
   background: #d35400 !important;
}

.btn-u-sea {
   background: #1abc9c !important;
}
.btn-u-sea:hover {
   background: #16a085 !important;
}

.btn-u-green {
   background: #2ecc71 !important;
}
.btn-u-green:hover {
   background: #27ae60 !important;
}

.btn-u-yellow {
   background: #f1c40f !important;
}
.btn-u-yellow:hover {
   background: #f39c12 !important;
}

.btn-u-default {
   background: #95a5a6 !important;
}
.btn-u-default:hover {
   background: #7f8c8d !important;
}


.btn-u-violet {
   background: #B34569 !important;
}
.btn-u-violet:hover {
   background: #AD3653 !important;
}

.btn-u-violet2 {
    background: #864AB3 !important;
}

    .btn-u-violet2:hover {
        background: #864ABF !important;
    }

.btn-u-whiteviolet {
   background: #FFFFFA !important;
   color:#4D13BD !important;
}
.btn-u-whiteviolet:hover {
   background: #FFFFFA !important;
   color: #4D13BD !important;
}
.btn-u-darkviolet {
   background: #FFFFFA !important;
   color: #26304C !important;
}
.btn-u-darkviolet:hover {
    background: #FFFFFA !important;
    color: #2D3D53 !important;
}

.btn-u-royalblue {
    background: #4E5D74 !important;
}
.btn-u-royalblue:hover {
    background: #3A4048 !important;
}

.btn-u-insta {
    background: #e1306c !important;
}

.btn-u-insta:hover {
    background: #c13584 !important;
}

.btn-u-whitered {
    background: #FFFFFA !important;
    color: #e74c3c !important;
}

.btn-u-whiteviolet:hover {
    background: #FFFFFA !important;
    color: #c0392b !important;
}
/*Icons
------------------------------------*/


/*Font Awesome Icon Page*/
.fa-heading .headline {
   margin-bottom: 20px;
}
.fa-heading .headline h2 {
   font-size: 19px;
}

.fa-icons li {
   font-size: 11px;
   margin-bottom: 3px;
   background: #fafafa;
   border: solid 1px #eee;
   /*font-family: "Open Sans";*/
}

.fa-icons li:hover { 
   color: #68B801;
}

.fa-icons li i { 
   padding: 4px;
   min-width: 30px;
   font-size: 18px;
   background: #eee;
   margin-right: 5px;
}
.fa-icons li:hover i {
   color: #fff;
   background: #68B801; 
}

i.icon-round {
   color: #666;
   padding: 7px 0; 
   min-width: 40px;
   font-size: 22px;
   margin-bottom: 5px;
   display: inline-block;   
   border: solid 1px #ddd;
   border-radius: 50% !important;
}

i.icon-round-lg {
   min-width: 55px;
   font-size: 35px;
   padding: 10px 0;
   line-height: 33px;
   margin-bottom: 10px;
   border-radius: 50% !important;
}


i.icon-color-orange {
   color: #e67e22;
   background: none;
   border: solid 1px #e67e22;
}


/* Make Font Awesome icons fixed width */
li [class^="icon-"],
li [class*=" icon-"] {
  width: 1.25em;
  text-align: center;
  display: inline-block;
}
li [class^="icon-"].icon-lg,
li [class*=" icon-"].icon-lg {
  /* increased font size for icon-lg */
  width: 1.5625em;
}

/*Others (Global classes)
------------------------------------*/
.color-sea { color:#1abc9c;}
.color-red { color:#e74c3c;}
.color-blue { color:#3498db;}
.color-green { color:#68B801;}
.color-orange { color:#e67e22;}
.color-green1 { color:#2ecc71;}
.color-gold { color:gold;
}

.padding-left-5 { padding-left:5px;}
.img-width-200 { width:200px;}

/*Image Border*/
.img-border {
   border:solid 3px #fff;
}

/*Background light-style*/
.bg-light { 
   padding:10px 15px; 
   margin-bottom:10px; 
   background:#fcfcfc; 
   border:solid 1px #e5e5e5;
}
.bg-light:hover { 
   border:solid 1px #bbb;
}


/*Link color-green-style*/
.linked:hover {
   color:#68B801;
   text-decoration:none;
}

/*Pagination*/
.pagination-no-space .pagination {
   margin: 0;
}

/*CSS3 Hover Effects*/
.hover-effect {
   -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
}


/*Spaces*/
.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-20, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-50, 
.margin-bottom-60 { 
   clear:both;
}   
.margin-bottom-5 {
   margin-bottom:5px;
}
.margin-bottom-10 {
   margin-bottom:10px;
}
.margin-bottom-20 {
   margin-bottom:20px;
}
.margin-bottom-25 {
   margin-bottom:25px;
}
.margin-bottom-30 {
   margin-bottom:30px;
}
.margin-bottom-35 {
   margin-bottom:35px;
}
.margin-bottom-40 {
   margin-bottom:40px;
}
.margin-bottom-50 {
   margin-bottom:50px;
}
.margin-bottom-60 {
   margin-bottom:60px;
}

/*Clients Carousel (Flexslider)
------------------------------------*/
.clients {
   box-shadow:none !important;
   margin-bottom: 0 !important;    
}
.clients li {
   float: left;
   overflow: hidden;
   margin-left: 1px;
   position: relative;
   background: #fafafa;
}
.clients li:hover {
   background: #f6f6f6;
}
.clients li img.color-img {
   top: 0;
   left: 0;
   display: none;
   position: absolute;
}
.clients li:hover img.color-img { 
   display: block;
}
.clients li img {
   filter: gray; /* IE6-9 */
   float: none !important;
   margin: 0 auto !important;
}
.clients li img:hover {
    filter: none;
}
.clients, 
.flexslider.home {
    border: 0;
    overflow: hidden;
    margin-top: 10px;      
    margin-bottom: 30px;      
}

/*Fancybox
------------------------------------*/
/*For Topbar*/


/*Main Slider (Parallax)
------------------------------------*/
.da-slider {
   box-shadow: none;
   border-bottom: 2px solid #ddd;
}

/*Style Switcher
------------------------------------*/
/*Progress Bar
------------------------------------*/
.progress-bar {
  box-shadow: none;
}

/*progress-bar (sizes)*/


/*progress-bar (colors)*/
.progress {
  background: #e5e5e5;
}

.text-center {
    text-align:center;
}

.w3-animate-top {
    position: relative;
    animation: animatetop 1s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}