.container{
    max-width: 1200px;
    width: 100%;
}
.no-padding{  
    padding-left: 0;
    padding-right: 0;
}
body, body.modal {
    padding-right: 0 !important;
}
body{
    font-family: $(font-2);
    font-size: 14px;
    header{
        position: fixed; 
        top: 0;
        width: 100%;
        z-index: 1000;
        .header-top{
           background: rgba(40,52,24,0.75);
           padding-bottom: 16px;
        }
        .tong-logo{
            margin-top: 8px; 
            max-width: 100%;
        }
        .menu-icon{
            nav{
                ul{
                    list-style: none;
                    margin-left: 4px;
                    margin-top: 14px;
                    li{
                        float: left;
                        display: inline-block;
                        padding-right: 21px;
                        position: relative;
                        &:last-child{
                            padding-right: 0;
                        }
                        span{
                            display: block;
                            font-size: 32px;
                            padding-bottom: 16px;
                            text-align: center;
                        }
                        a{
                            color: $(color-3);
                            text-transform: uppercase;
                            letter-spacing: -1px;
                            word-spacing: 2px;
                            display: block;
                            text-decoration: none;
                            text-align: center;
                            &:hover,&.active{
                                color: $(color-5);
                            }
                        }
                        ul{
                            background: rgba(229, 230, 229, 0.9);
                            padding-top: 36px;
                            padding-bottom: 36px;
                            position: absolute;
                            width: 348px !important;
                            z-index: 200;
                            margin-top: 0;
                            left: -163px;
                            padding-left: 0;
                            top: 106px;
                            width: 100%;
                            padding-right: 0;
                            display: none;
                            
                            li{
                                float: none;
                                width: 100%;
                                margin-bottom: 18px;
                                a{
                                    letter-spacing: normal;
                                    font-size: 14px;
                                    font-family: $(font-3);
                                    color: $(color-6);
                                    &:hover,&.active{
                                        color: $(color-7);
                                    }
                                }
                            }
                            &:before{
                                content: "";
                                display: block;
                                height: 30px;
                                top: -30px;
                                left: 0;
                                width: 100%;
                                position: absolute;
                                background: url(../images/arrow-top.png)  bottom center no-repeat;
                                
                            }
                        }
                        &:hover > ul{
                            display: block;
                            -webkit-animation: fadeInUp 0.6s ease-in;
                                -o-animation: fadeInUp 0.6s ease-in;
                                animation: fadeInUp 0.6s ease-in;
                                
                        }
                    }
                }
            }
            .icon-video{
                font-size: 27px;
            }
            .icon-gallery{
                font-size: 29px;
            }
            .icon-blog{
                font-size: 32px;
            }
            .icon-contact-us{
                font-size: 24px;
            }
            .fa-search{
                font-size: 29px;
            }
        }
        .phone{
            background: rgba(225,225,225,0.75);
            height: 41px;
        }
        .phone-num{
            float: right;
            margin-right: 3px;
            color: $(color-4);
            line-height: 41px;
            .p_number{
                margin-left: 5px;
                color: $(color-4);
                text-decoration: none;
            }
        }
    }
    .slider{
        position: relative;
        height: 747px;
        
    }
}
.preloader{background-color:$(color-4);height:100%;width:100%;position:fixed;z-index:999999999;margin-top:0;top:0}#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px}#loading{position:absolute;left:calc(50% - 100px);top:calc(50% - 25px);z-index:9999}.uil-ripple{position:absolute;left:calc(50% - 90px);top:calc(50% - 90px);opacity:.5;z-index:999}.ld-a,.ld-d,.ld-g,.ld-i,.ld-l,.ld-n,.ld-o{opacity:0}.ld-l{animation:ld-in 3s 0ms ease infinite}.ld-o{animation:ld-in 3s .1s ease infinite}.ld-a{animation:ld-in 3s .2s ease infinite}.ld-d{animation:ld-in 3s .3s ease infinite}.ld-i{animation:ld-in 3s .4s ease infinite}.ld-n{animation:ld-in 3s .5s ease infinite}.ld-g{animation:ld-in 3s .6s ease infinite}@keyframes ld-in{0%{opacity:0;transform:scale(0)}100%,30%{opacity:1;transform:scale(1)}}
.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#dbe37d;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
.midle-section{
    margin-top: 52px;
    background: url(../images/background-img.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    &.inner{
        margin-top: 160px;
        background: url(../images/background-img-inner.jpg) top center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-attachment: fixed;   
    }
    .midle-info{
        margin-top: 48px;
        background: rgba(40,52,24,0.75);
        padding-bottom: 21px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        
        a{
            display: block;
            text-decoration: none;
            margin-top: 31px;
            text-align: center;
            margin-left: 20%;
            color: $(color-1);
            &.last-icon{
                margin-top: 23px;
            }
            &.left-icon{
                margin-left: 0;
                margin-right: 20%;
            }
            &:hover,&.active{
                color: #fff;
            }
            .icon-box{
                display: block;
                padding-bottom: 8px;
            }
            .text-box{
                display: block;
                font-weight: normal;
                margin-bottom: 0;
                text-transform: uppercase;
            }
        }
        .home-page-containt{
            text-align: center;
            margin-top: 38px;
            border-left: 1px solid $(color-3);
            border-right: 1px solid $(color-3);
            &.full{
                border-left: none !important;
                border-right: none !important;
            }
            h1{
                text-transform: uppercase;
                letter-spacing: 1px;
                padding-bottom: 15px;
                color: $(color-1);
            }
            .para{
                margin-top: 17px;
                line-height: 21px;
                color: $(color-1);
                text-align: left;
                padding-right: 40px;
                padding-left: 40px;
                h2{
                    font-size: 20px;
                    color: #dbe37d;
                    text-transform: uppercase;
                    font-family: "open_sansbold";
                }
                
                a{
                    margin-top: 0;
                    margin-left: 0;
                    display: inline-block;
                    color: $(color-2);
                }
                ul{
                    padding-left: 0;
                    margin-top: 20px;
                    padding-left: 15px;
                    text-align: left;
                    li{
                        margin-bottom: 15px;
                    }
                }
                
            }
            .testimonial{
                margin-top: 30px;
                line-height: 21px;
                margin-bottom: 20px;
                padding-left: 40px;
                padding-right: 40px;
                color: $(color-2);
                .reviewer{
                    display: block;
                    margin-bottom: 10px;
                    margin-top: 10px;
                }
                .fa-quote-left{
                    font-size: 24px;
                    padding-bottom: 7px;
                    display: block;
                }
                .fa-quote-right{
                    font-size: 24px;
                    display: block;
                    margin-top: 8px;
                }
                .name{
                    display: block;
                    font-weight: normal;
                    margin-top: 16px;
                }
            }
            .articles{
                display: inline-block;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                border: 1px solid red;
                padding-right: 19px;
                padding-left: 19px;
                padding-top: 7px;
                padding-bottom: 7px;
                margin-top: 37px;
                text-transform: uppercase;
                word-spacing: 6px;
                letter-spacing: -2px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                background-color: rgba(246,225,213,0);
                border: solid 1px #ccd577;
                -webkit-transition: all 300ms;
                -moz-transition: all 300ms;
                -ms-transition: all 300ms;
                -o-transition: all 300ms;
                transition: all 300ms;
                &:hover{
                    background: #ccd577;
                    color: $(color-2);
                }
            }
        }
    }
}
footer{
    padding-top: 10px;
    font-size: 13px;
    background: rgba(40,52,24,0.75);
    margin-top: 50px;
    color: $(color-1);
    p{
       margin-top: 4px;
       word-spacing: 2px;
       a{
        color: $(color-1);
        &:hover{
            text-decoration: none;
            color: $(color-2);
        }
       }
    }
    .phone{
        text-align: right;
        .p_number{
            font-family: $(font-3);
            text-decoration: none;
            color: $(color-1);
            &:hover{
                color: $(color-2);
            }
        }
    }
}
.top-menu-mobile{
    display: none;
}
.midle-section .midle-info a.hide-from-desktop{
    display: none;
}
.scrollup { 
    bottom: 20px; 
    display: block; 
    height: 40px; 
    position: fixed; 
    right: 20px; 
    width: 40px; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    background: $(color-3); 
    z-index: 1500; 
    color: #2f8da9 !important; 
    border: 2px solid $(color-4); 
    line-height: 32px; 
    font-size: 20px; 
    text-align: center;
    .fa-chevron-up{
        color: $(color-4);
    }
}



.myslideshow,
.myslideshow:after {
    position: absolute;
    width: 100%;
	height: 747px;
    top: 0px;
    left: 0px;
    z-index: 0;
}
 ul.myslideshow 
{
	list-style-type:none;
	overflow:hidden;
}
.myslideshow li span {
	
    width: 100%;
    height: 747px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 42s linear infinite 0s;
    -moz-animation: imageAnimation 42s linear infinite 0s;
    -o-animation: imageAnimation 42s linear infinite 0s;
    -ms-animation: imageAnimation 42s linear infinite 0s;
    animation: imageAnimation 42s linear infinite 0s;
}
.myslideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 35%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
	overflow:hidden;
    -webkit-animation: titleAnimation 42s linear infinite 0s;
    -moz-animation: titleAnimation 42s linear infinite 0s;
    -o-animation: titleAnimation 42s linear infinite 0s;
    -ms-animation: titleAnimation 42s linear infinite 0s;
    animation: titleAnimation 42s linear infinite 0s;
}
.myslideshow li div h3 {
    font-family: Arial, sans-serif;
    padding: 0;
    line-height: 30px;
	
}
.myslideshow li:nth-child(1) span { 
    background-image: url(../images/slider/1.jpg) 
}
.myslideshow li:nth-child(2) span { 
    background-image: url(../images/slider/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.myslideshow li:nth-child(3) span {
    background-image: url(../images/slider/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.myslideshow li:nth-child(4) span {
    background-image: url(../images/slider/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.myslideshow li:nth-child(5) span {
    background-image: url(../images/slider/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.myslideshow li:nth-child(6) span {
    background-image:url(../images/slider/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.myslideshow li:nth-child(7) span {
    background-image:url(../images/slider/7.jpg);
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;
}

.myslideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.myslideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.myslideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.myslideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.myslideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.myslideshow li:nth-child(7) div {
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;
}

/* Animation for the myslideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	11% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19%{ opacity: 0 }
	40% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	11% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	40% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	11% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	40% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	11% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	40% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	11% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	40% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .myslideshow li span{
	opacity: 1;
}
.myslideshow li div h5{
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

.myslideshow li div h4{
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

@media screen and (max-width: 2340px) { 
	.myslideshow li div h4 { font-size: 48px }
	.myslideshow li div h5 { font-size: 24px }
}
@media screen and (max-width: 600px) { 
	.myslideshow li div h4 { font-size: 21px }
	.myslideshow li div h5 { font-size: 16px }
}

.search-wrapper{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1500;
    .close-btn{
        height: 40px;
        width: 40px;
        top: 0;
        right: 0;
        position: absolute;
        background: $(color-4);
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 40px;
        &:hover{
            cursor: pointer;
        }
    }
}

.search_form {
  width: 90%;
  max-width: 1000px;
  height: 60px;
  position: relative;
  top: 50%;
  margin-top: -30px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  z-index: 80;
  border: 2px solid $(color-2);
  &:before{
    content: "SEARCH";
    display: block;
    width: 200px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    /*font-family: 'FontAwesome';*/
    text-align: center;
    line-height: 58px;
    font-size: 20px;
    background: $(color-4);
    color: #fff;
    font-weight: bold;
  }
}

.search_form input[type="text"] {
  height: 60px;
  margin-top: 0px;
  width: 100%;
  margin-left: 0;
  padding-left: 10px;
  border: none;
  background: none;
  font-size: 20px;
  text-transform: uppercase;
}

.search_form input[type="submit"] {
  display: block;
  top: 0;
  right: 0;
  height: 60px;
  width: 200px;
  position: absolute;
  border: none;
  background: none;
}


.mm-menu{
    background: $(color-4) !important;
}
.mm-list > li > a, .mm-list > li > span{
    color: $(color-1) !important;
}
.search_mobile {
  display: block;
  width: 91%;
  margin-bottom: 15px;
  margin-left: 4%;
  position: relative;
}
.search_mobile:before {
  content: "\f002";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -2px;
  right: 0;
  font-family: 'FontAwesome';
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: $(color-1);
}

.search_mobile input[type="text"] {
  height: 36px;
  width: 100%;
  border: none;
  background: $(color-4);
  color: $(color-1);
  padding-left: 10px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
.search_mobile input[type="text"]:focus {
  box-shadow: 0 0 5px $(color-1);
  padding: 3px 0px 3px 3px;
  border: 1px solid $(color-1);
}

.search_mobile input[type="submit"] {
  display: block;
  top: 0;
  right: 0;
  height: 38px;
  width: 38px;
  position: absolute;
  border: none;
  background: none;
}
.img-left{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.img-border{
    border: 2px solid #dbe37d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.videoWrapper {   
     position: relative;   
     padding-bottom: 56.25%; /* 16:9 */   
       
     height: 0;   
}   
.videoWrapper iframe {   
     position: absolute;   
     top: 0;   
     left: 0;   
     width: 100%;   
     height: 100%;   
}
.share-img{
    width: 180px;
    height: 180px;
}
.address{
    font-family: "open_sansbold";
    text-transform: uppercase;
    font-size: 18px;
    
}
.icon-size{
    font-size: 16px;
}
.fax{
    color: #fff;
}
.contact-info{
    line-height: 30px;
}
.working-hours{
    width: 100%;
    text-align: left;
    tr{
        margin-bottom: 15px;
    }
}
.social-media-icon{
    font-size: 40px;
    .fa-facebook-square{
        &:hover{
            color: #3C5B9B;
        }
    }
    .fa-twitter-square{
        &:hover{
            color: #2DAAE1;
        }
    }
    .fa-linkedin-square{
        &:hover{
            color: #0173B2;
        }
    }
    .fa-google-plus-square{
        &:hover{
            color: #F63D27;
        }
    }
}
.g-map{
    width: 98%;
    margin-top: 20px;
    border: 2px solid #dbe37d;
}
.panel-default > .panel-heading{
    background: rgba(40, 52, 24, 0.75);
}
.news-img{
    border: 2px solid #a4ac44;
    padding-right: 2px;
    padding-left: 2px;
    img{
        width: 100%;
    }
    span{
        display: block;
        color: #5b6550;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.first-para{
    border-top: 1px solid #dbe37d;
    border-bottom: 1px solid #dbe37d;
    padding-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    h2{
        margin-top: 0;
    }
}
.img-right{
    float: right;
}
#carousel-banner{
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    .carousel-control.left,.carousel-control.right{
	background: none;
	position: absolute;
	height: 30px;
	width: 30px;
	text-align: center;
	top: 40%;
	margin-top: -15px;
	color: #dbe37d;
	font-size: 40px;
    }
    .carousel-control.left{
	left: 10px;
    }
    .carousel-control.right{
	right: 13px;
    }
}
.btn{
    border: 2px solid #dbe37d;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
    color: #b5bd58 !important;
    &:hover{
        color: #5b6550 !important;
        background: #dbe37d;
        font-weight: bold;
    }
}
.img-carousel{
    border-top: 1px solid #dbe37d;
    border-bottom: 1px solid #dbe37d;
    padding-bottom: 20px;
    text-align: center;
}
.panel-group{
    a{
        text-align: left;
    }
}
.video-box{
    a{
        border: 2px solid #b5bd58;
        display: block;
        overflow: hidden;
        position: relative;
        &:hover > img{
            -webkit-transform: scale3d(1.2, 1.2, 1); 
            transform: scale3d(1.2, 1.2, 1);
        }
        img{
            width: 100%;
            transition: all .2s ease-in-out; 
            -webkit-transition: all 0.5s linear; 
            transition: all 0.5s linear; 
            -webkit-transform: scale3d(1, 1, 1); 
            transform: scale3d(1, 1, 1);
        }
        span{
            display: block;
            background: rgba(40, 52, 24, 0.75);
            padding-top: 10px;
            padding-bottom: 10px;
            color: #dbe37d;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            
        }
    }
}



/************** review page styles ***********/

.text-review-wrap {
	margin-top:10px;
}
.review-block {
	padding:30px;
	background:#e1e1e1;
	border-radius:10px;
	margin-bottom:15px;
        color: $(color-6);
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}
.btn-circle.btn-lg {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
	color:#fff;
	background:#333333;
	margin-top:-160px;
}
.btn-circle.btn-lg1 {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
	color:#fff;
	background:#333333;
	float:right;
}
.btn-circle.btn-lg2 {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
	color:#fff;
	background:#333333;
	margin-top:-90px;
}
.btn-circle.btn-lg3 {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
	color:#fff;
	background:#333333;
	position:absolute;
	z-index:3000;
	margin-left:20%;
	margin-top:-20px;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
	color:#fff;
}
.btn-circle.btn-xl.blue {
	background:#0090ff;
}
.btn-circle.btn-xl.blue:hover {
	background:#5e5e5e;
}
.btn-circle.btn-xl.black:hover {
	background:#5e5e5e;
}
.img-reviwer span {
	font-size:15px;
	font-style:italic;
}
.testi .fa-star {
	color:#ffcd00;
	font-size:20px;
}
.star-ratings{
    color: #ffcd00;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 18px;
}
.testi strong {
	font-size:19px;
}
.review-block {
	display:none;
	list-style:none;
}
#cont-new{
    padding-left: 0;
}
#cont-new li {
	list-style:none;
}
.load-more {
  font-size:16px;
	color: $(color-4) !important;
	padding-left:30px;
	padding-right:30px;
	padding-top:7px;
	padding-bottom:7px;
	border: 1px solid $(color-1);
	background: $(color-1) ! important;
	border-radius:3px;
	float:left;
	margin-left: 0;
	margin-bottom: 40px;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        &:hover{
            background: $(color-4) !important;
            color: $(color-1) !important;
        }
}
h2.see-more-reviews{
    font-family: "montserratregular";
    text-transform: uppercase;
    color: #686868;
    font-size: 22px;
}
.text-review-wrap{
    margin-bottom: 20px;
}
.review-external-block {
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	background:#dfdfdf;
	margin-top:30px;
}
.part-logo .inner-wrap {
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	border-radius:5px;
	text-align:center;
        a{
            display: block;
            background: #fff;
        }
}
.part-logo .inner-wrap img {
	width:100%;
        border: 3px solid $(color-1);
        padding-top: 15px;
        padding-bottom: 15px;
}
.bottom-button {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
	background: $(color-1);
        border: 1px solid $(color-1);
	margin-top:50px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
        color: $(color-6) !important;
	margin-bottom: 50px;
        font-weight: bold;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
}
.bottom-button a {
	color: $(color-6) !important;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: bold;
        &:hover{
            color: #fff !important;
        }
}
.bottom-button:hover {
    color: #fff !important;
    background: #515b47;
    a{
        color: #fff !important;
    }
}
.review-external-block h2 {
	margin-top:0px;
	text-align:center;
	padding-top:0;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	margin-bottom:12px;
}
.text-testi {
	padding-left:10px;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #848181;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
}
.text-area {
	padding-left:10px;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #848181;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:10px;
	height:100px;
}

.btn-submit {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #848181;
	padding-top:7px;
	padding-bottom:7px;
	color:#fff;
	background:#618535;
}
 @media screen and (max-width: 768px) {
 .btn-circle.btn-lg3, .btn-circle.btn-lg2, .btn-circle.btn-lg1, .btn-circle.btn-lg {
 display:none;
}
 .part-logo {
 margin-bottom:20px;
}
.main-video-img .full {
 height:250px;
 margin-bottom:20px;
}
 .main-video-img .half {
 height:250px;
}
}


/******** end of review page styles **********/


.hide-from-desktop{
    display: none;
}

/*Top mobile menu Icon */
.header-top-icons {
    display: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 55px;
	background-color: $(color-6);
	position: relative;
	padding:0;
	z-index: 99999;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.top-menu-mobile {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.top-menu-mobile li {
	height: 55px;
	width: 19.5%;
	display: block;
	float: left;
	text-align: center;
}
.top-menu-mobile li.menu {
	width: 16.5%;
}
.top-menu-mobile li.call {
	width: 16.5%;
}
.top-menu-mobile li.appointment-mobile {
	width: 25%;
}
.top-menu-mobile li.services {
	width: 21.5%;
}
.top-menu-mobile li.sms {
	width: 19.5%;
}
.top-menu-mobile li.menu, .top-menu-mobile li.call, .top-menu-mobile li.sms, .top-menu-mobile li.appointment-mobile, .top-menu-mobile li.services {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: $(color-4);
}
.top-menu-mobile li a {
	height: 55px;
	width: 100%;
	display: block;
	color: $(color-1);
	font-size: 22px;
	text-align: center;	/*text-shadow: 2px 2px 3px #969696;*/
	padding-top: 5px;
	padding-bottom: 12px;
	line-height:30px;
	text-decoration: none;
}
.top-menu-mobile li a:hover {
	background-color: $(color-4);
	text-decoration:none !important;
	color: #fff;
}
.top-menu-mobile li a div {
	margin-top:0px !important;
	font-size: 8px !important;
	text-transform: uppercase;
	font-family: 'Myriad Pro', Helvetica, sans-serif;
	line-height:8px !important;
}
a.call-mobile, a.call-mobile:link {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #737373;
	padding: 8px;
}
.header-top-icons.sticky1 {
	position: fixed;
	z-index: 350000;
        background: rgba(255,255,255 0.6);
}
.header-top-menu.sticky {
	position: fixed;
	z-index: 350000;
        background: rgba(255,255,255 0.6);
}
.header-top-menu.sticky ul li a{color:#fff;}
.header-top-icons.sticky1 ul li{border-right:1px solid #fff;}
.header-top-icons.sticky1 a{color:#4267b2;}



.search_mobile {
	display: block;
	width: 91%;
	margin-bottom: 15px;
	margin-left: 4%;
	position: relative;
}
.search_mobile:before {
	content: "\f002";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -2px;
	right: 0;
	font-family: 'FontAwesome';
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: $(color-4);
}
.search_mobile input[type="text"] {
	height: 36px;
	width: 100%;
	border: none;
	background: #FFFFFF;
	color: $(color-4);
	padding-left: 10px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}
.search_mobile input[type="text"]:focus {
	box-shadow: 0 0 5px black;
	padding: 3px 0px 3px 3px;
	border: 1px solid black;
}
.search_mobile input[type="submit"] {
	display: block;
	top: 0;
	right: 0;
	height: 38px;
	width: 38px;
	position: absolute;
	border: none;
	background: none;
}


/****************MMENU CUSTOMIZATION*********************/
.mm-menu{
	border-color: rgba(51,32,70,0.8) !important;
	color: $(color-2);
	background: $(color-6) !important; /* Old browsers */
        font-family: 'Myriad Pro', Helvetica, sans-serif !important;
}
.mm-navbar{
    background-color: $(color-6);
}
#menu ul li a, #menu2 ul li a, #menu3 ul li a, #menu4 ul li a {
	font-family: 'Myriad Pro', Helvetica, sans-serif !important;
	color: $(color-1)!important;
	font-size:14px !important;
	text-transform: uppercase !important;
	text-decoration: none;
	/*font-weight: bold !important;*/
}
#menu ul li a span, #menu2 ul li a span, #menu3 ul li a span, #menu4 ul li a span{ padding-right:8px; font-size: 18px !important;}

.mm-navbar a.mm-subtitle {
	font-family: 'Myriad Pro', Helvetica, sans-serif !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #cccccc!important;
}
@media screen and (max-width:600px){ 
#menu ul li a, #menu2 ul li a, #menu3 ul li a, #menu4 ul li a {
	font-size:13px !important;
}
}
.mm-menu .mm-navbar{
    background: $(color-6) !important;
}
.mm-menu .mm-navbar a{
    
    color: $(color-1) !important;
}

.tooth-chart{
    width: 100%;
    height: 1000px;
}
.video-row{
    margin-bottom: 35px;
}
.reset-pad{
    padding-left: 0;
}
.smart-logo{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #dbe37d;
    border-bottom: 1px solid #dbe37d;
    margin-top: 40px;
    margin-bottom: 40px;
    img{
        max-width: 250px;
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
.newsletter-img{
    margin-bottom: 30px;
}
.midle-section .midle-info{
    .panel-title{
        a{
            text-align: left !important;
        }
    }
    .gallery-row{
        text-align: center;
    }
}
.article-heading{
                    margin-top: 35px;
                    font-size: 20px;
                    color: #dbe37d;
                    text-transform: uppercase;
                    font-family: "open_sansbold";
                    margin-bottom: 20px !important;
}
.articles-wrapper{
    padding-left: 25px;
    padding-right: 25px;
    a{
        margin-left: 0 !important;
    }
    .featuredwidget-height{
        h2{
            font-size: 14px !important;
        }
    }
    .read-more-content{
        margin-top: 15px !important;
    }
    .overlay-wrapper{
        margin-top: 0 !important;
        position: relative;
        .overlay-blog{
            position: absolute;
            right: 0;
            left: 0;
            top: 50%;
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 0;
            height: 0;
            background: rgba(170, 221, 72, 0.65);
            /*background: rgba(219,227,125,.7);*/
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -ms-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
        }
        .icon{
            height: 40px;
            width: 40px;
            position: absolute;
            top: 50%;
            margin-top: -20px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            text-align: center;
            line-height: 40px;
            border: 1px solid #fff;
            opacity: 0;
        }
         &:hover > span.overlay-blog{
        width: 100%;
        height: 100%;
        top: 0;
    }
    &:hover > span.icon{
        opacity: 1;
    }
    }
}
.references{
    color: #dbe37d !important;
    font-weight: bold;
}
.smart-logo{
    max-width: 250px;
    margin-left: 25px;
    margin-bottom: 25px;
    margin-top: 0;
    border: 1px solid #a4ac44;
    padding: 25px;
    float: right;
}