@import url('reset.css');
@import url('font-awesome.min.css');

body
{
    font:10pt tahoma;  
    line-height:1.7;
}   
a
{
    text-decoration:none;
    color:#222;
}
a:hover
{
    color:#1d8372
}
h2,h3
{
    font-weight: normal;
}
img
{
    max-width: 100%;
    height:auto;
}
input[type=text], input[type=password],textarea,select {
  border-radius: 3px;
  font: 10pt tahoma;
  width: 220px;
  height:30px; 
  padding:5px;
  border:1px solid #ccc;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text]:focus,input[type=password]:focus
{

    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(52,166,71,1);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(52,166,71,1);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(52,166,71,1);         
   
}
textarea
{
    min-height:100px;
}
.animtime,.menu li:before,.prodbox img,.imgframe img,.cont4 .layer,.imgfr,.box img,.minbox img,.bigico span,.borderbox h3 a,.imglist li img,.list li:before
 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
 }
#tophead
{
    width:100%;
    height:30px;
    background:#115A4E;
}  
.header
{
    width:100%;
    box-shadow: 2px 2px 10px #ccc;
    padding:5px 0;
    height:160px;
}
.container,.content
{
    width:1200px;
    margin:0 auto;
}
.content
{
    padding:40px 10px;
    overflow: hidden;
}
.inpg
{
    min-height:500px;
}
.rightside
{
    width:750px;
    float:left;
    background:#f5f5f5;
    padding:10px;
}
.leftside
{
    width:400px;
    float:right;
}
.logo
{
    float:left;
    width:320px;
    text-align:center;
    padding-top:20px;
    padding-left:100px;
    height:100px;          
    background:url('../../images/enlogo.png') no-repeat;
    margin-bottom:10px;
    font-size:16px;
    color:#208d79;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#topicons
{
 float:right;
 padding:5px;  
 margin-top:5px;
}
#topicons a
{
    font-size:16px;
    display: inline-block;
    padding:0 10px;
    color:#bbb;
}
#topicons .fa,.font20
{
    font-size:20px !important;
}
.minico:hover
{
    background:#eee;
}
#topicons a#enico
{
    font:bold 12pt tahoma;
    color:#74ada3;
}
#topicons a:hover
{
    color:#e32532 !important;
}
.menuico
{
    width:100%;
    background:#fff;
    border-top:1px solid #ccc;
    position: relative;
    z-index:2000;
    overflow: hidden;
}
.menu
{
    font-size:16px;
    position: relative;
}   
.menu li
{
    float:left;
    position: relative;
    margin-right:10px;
}
.menu a
{
    padding:10px 20px;
    display: block;
    position: relative;
    z-index:2;
    color:#555;
}
.menu li.active>a
{
    color:#208d79;
}
.menu li:hover>a
{
    color:#208d79;
}
.menu li ul
{
    position: absolute;
    background:#208d79;
    right:0;
    top:40px;
    width:0;
    z-index:1000;
    overflow: hidden;
    border-radius:0 0 5px 5px;
    text-align: right;
}
.menu li ul li
{
    width:250px;
}
.menu li ul a
{
    color:#ccc;
}
.menu li ul li:hover a
{
    color:#fff;
}
.menu li:hover ul
{
    width:250px;
}
#topitems
{
    float:right;
    margin-top:30px;
}
#topitems div
{
    display: inline-block;
    margin-left:30px;
}
#topitems .boxitem
{
    float:left;
}
#topitems .boxico
{
    font-size:35px;
    color:#74ada3;
    float:left;
    margin-right:10px;
    margin-top:-5px;
}
#topitems .boxtit
{
    color:#999;
    display: block;
    font-weight:bold;
}
#topitems .boxcont
{
    font-weight: bold;
    color:#333;    
    display: block;    
}
:lang(en)
{
    font:10pt tahoma;
}
.slider
{
    width:100%;
    height:450px;
    position: relative;
    overflow: hidden;
    margin-top:-30px;
}
.slider img
{
    width:100%;   
}
.grbg
{
    background: #343232 url(../../images/pattern1.jpg);
}
.cont2
{
    width:100%;
    overflow: hidden;
    background: #f5f5f5 url(../../images/line1.jpg) center top repeat-x;
}  
.linecont
{
    background:#f5f5f5 url(../../images/line2.jpg) center top repeat-x;
}
.grback
{
    background:#1c1c1c;
}
.box
{
    width:240px;
    display: inline-block;
    margin-left:20px;
    text-align:center;
    overflow: hidden;
    vertical-align: top;
    margin-bottom:20px;
    position: relative;
}
.mainimg
{
    background:#ccc;
    padding:5px;   
    width:100%;
    height:140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box h3
{
    font-weight:bold;
    margin-bottom:10px;
}
.box:hover h3
{
    color:#34a647;
}
.minbox
{
    width:350px;
    display: inline-block;
    margin-left:40px;
    vertical-align: top;
    position: relative;
    margin-bottom:20px;
    text-align: left;
    
}
.minbox p
{
    color:#ccc;
}
.minbox .boxbody
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: rgba(4, 30, 66, 0.4);
    border: solid 10px #2f8978;
    opacity:0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
.boxbody div
{
    position: relative;
    z-index:3;
    padding:0 10px;
    text-align: center;
}
.boxbody:after
{
    content:'';
    position: absolute;
    left:0;
    top:0;
    background:#222;
    width:100%;
    height:100%;
}
.minbox:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: none;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms; }
  .minbox:hover .boxbody {
    opacity: 1; }
    .minbox:hover .boxbody:after {
    opacity:0.5; }
.imgfr
{
    height:250px;
    overflow: hidden;
    position: relative;
    border:1px solid #ccc;
    border-radius:10px;
}
.imgfr img
{
    width:100%;
    min-height:120px;
} 
.box .imgfr
{
    height:120px;
    border-color:#bbb;
}             
.minbox .imgfr img
{
    width:100%;  
}
.minbox:hover img,.box:hover img
{
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.minbox h2,.boxbody h3
{
    font-size:18px;
    color:#ccc;
    padding:10px 0;
}    
.bigbox
{
    width:700px;
    display: inline-block;
    padding:10px;
    vertical-align: top;
}
.bigbox h1
{
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}
.medbox
{
    width:400px;
    display: inline-block;
    vertical-align: top;
}
.section-about
{
    background: #125a4d;
    padding: 50px 0;
    position: relative;
    color:#eee;
    font-size:16px;
}                 
.section-about h2
{
    font-size:20px;
}
.section-news
{
    width:100%;
    overflow: hidden;
    position: relative;
     background:#125a4d;
}
.section-news#archnews
{
    background: none;
}
.section-news .imgfr
{
    height:400px;
}
.text-holder
{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 25px 35px 42px;
    margin-top: -50px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 2;
    border: 1px solid #e9ebf4;
}
.text-holder h3
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
.text-holder p
{
    color:#333;
    padding-bottom:30px;
}
.petlogo
    {
    content:'';
    position: absolute;
    right: 45px;
    bottom: 30px;
    width: 60px;
    height: 50px;
    padding-top: 13px;
    text-align: center;
    z-index: 3;
    background:#ed1c24 url('../../images/minlogo1.png') no-repeat center;
    font-size:18px;
    color:#fff;
    line-height:1;
}
.section-news .imgfr:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: 1;
}     
.section-news .imgfr:after
{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 0.10;
    background: #000;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;   
}
.section-news .minbox:hover .imgfr:before{
    opacity: .65;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}  
.section-news .minbox:hover .imgfr:after{
    opacity: 0.35;
    transform: scaleY(1.0);    
}     
.section-news .plusico{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    transform: perspective(400px) scaleY(0);
    transform-origin: bottom;
    color: #ffffff;
    font-size: 50px;
    top: -25px;
}
.section-news .minbox:hover .plusico{
    transform: perspective(400px) scaleY(1.0);    
}
.morebtn
{
    color:#208d79;
    font-weight:bold;
}
.morebtn i
{
    color:#ed1c24;
    font-size:18px;
    margin-right:5px;
}
.maintitle
{
    font-size: 22px;
    color: #208371;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
}
.maintitle:before
{
    content: '';
    border-top: 2px solid #ed1c24;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
}
.maintitle.green span:before
{
  background-color:#34a647;  
}
.artitle
{
   border-left:3px solid #ef2e3c;
   padding:10px;
   background:#fff;
   position:relative;
   color:#555;
   font-size:1.2em;   
   font-weight: bold;
   border-bottom:1px solid #ccc !important;       
}
.artitle:after
{
    content:'\f078';
    float:right; 
    font:18px FontAwesome; 
    background:#e1e1e1;
    color:#ef3b2d;
    width:30px;
    height:30px;
    line-height:30px;
    text-align: center;
    border-radius:3px;
}
.artitle.green
{
    border-color:#32a792;
}
.artitle.green:after
{
    color:#32a792;
}
.artitle.spec:after
{
    background:url('../../images/minlogo.png') center no-repeat;
    content:'';
}
.sidebox
{
    background:#f5f5f5;
}
.list
{
    padding:10px;
}
.list li
{
    width:100%;
    margin-bottom:15px;
}
.list li:before
{
    content: '\f054';
    float:left;
    font:13px FontAwesome;
    color:#aaa;
    margin-top:7px;
    margin-right:7px;
}
.list li:hover:before
{
    color:#ef2e3c;
    content:"\f138";
    font-size:16px;   
}
.imglist li
{
    overflow: hidden;
    padding:10px 0 ;
    border-bottom:1px solid #e1e1e1;
    padding:10px;
}
.imglist h3
{
    font-weight: bold;
}
.imglist li a
{
    display: block;
    width:100%;
    overflow: hidden;
}
.imglist li img
{
  float:right;
  width:100px;
  height:70px;
  padding:5px;
  background:#fff;  
  border:1px solid #ccc;
}
.imglist li:hover
{
    background:#eee;
    border-bottom:2px solid #ccc;
}
.imglist li:hover img
{
  background:#ef2e3c;  
}
.imglist p
{
    font-size:10pt;
}
.borderbox
{
    margin-top:50px;
    width:350px;  
    height:400px;
    overflow: hidden;
    color:#fff;
    float:left;
}
.borderbox p
{
    color:#555;
}
.borderbox .imgbox
{
    position: relative;
    display: block; 
    overflow: hidden;
    max-height:240px;
    border:1px solid #ccc;
    border-radius:10px;
}  
.borderbox .imgbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
}
.borderbox:hover .imgbox:before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
} 
.borderbox .imgbox img{
    width: 100%;
    transition: all 700ms ease;
}
.borderbox:hover .imgbox img{
    transform: scale(1.2);    
}   
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
.prodimg
{
    max-width:100%;
    margin:20px auto;
    display: block;
    padding:5px;
    background:#fff;
    border:1px solid #ccc;
}
.borderbox h3
{
    margin:15px 0;
    font-size:18px;  
    color:#1d8372;
}   
.borderbox:hover h3
{
    color:#ff3f4b;
}        
.imgframe
{
    overflow: hidden;
    float:left;
    width:300px;
    height:200px;
}
.topfooter
{
    background: #fff;
    margin-bottom: -100px;
    position: relative;
    z-index:100;
    font-size:18px;
    padding:10px 20px;
    border-radius:10px;
}
.box-icon
{
    width:370px;
    float:left;
    margin-left:20px;
    margin-top: 50px;
    padding: 30px;
    height: 130px;
    position: relative;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#adrbox:after
{
    content:'';
    width:2px;
    height:90px;
    background:#369181;
    position: absolute;
    right:-40px;
    top:40px;
}
.box-icon span
{
    font-size:14px;
}
.footer
{        
    padding-top:120px;
    width:100%;
    overflow: hidden;
    background:#125A4D;
}
.footer .content
{
    padding:20px 0;
}
.footer ul.icons
{
    font-size:18px;   
}
.footer ul.icons a
{
    color:#fff;
    display: block;
    background:#74ada3;
    padding:10px;
    width:20px;
    height:20px;
    text-align: center;
    line-height:20px;
    border-radius:5px;
}
.footer ul.icons a:hover
{
    background:#ed1c24;
}
.footer .icons li
{
    margin-top:10px; 
    float:left;
    margin-right:20px;
    position: relative;
}
.footer a:hover
{
    color:#eee;
}
.footer .fa-youtube
{
    font-size:30px;
}
#backtop
{
    background:#ed1c24;
    color:#fff;     
    position: fixed;
    width:40px;
    height: 40px;
    line-height:50px;
    text-align:center;
    bottom: -4em;
    right: 2em;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -ms-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transition: all ease 1.5s;
    opacity: 0;
    z-index:100;
    border-radius:5px;
}
#backtop.show
{
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 2em;
}
#backtop:before
{
    content:'\f106';
    font:30px FontAwesome; 
}
#backtop:hover
{
    background:#74ada3;
}
.flr
{
    float:right
}
.fll
{
    float:left;
}
.mrgt10
{
    margin-top:10px;
}
.mrgt20
{
    margin-top:20px;
}
.mrgb10
{
    margin-bottom:10px;
}
.mrgb20
{
    margin-bottom:20px;
}
.pad40
{
    padding:40px 0;
}
.center
{
    text-align: center;
}
.red,a.red
{
    color:#e32532;
}
.redbg
{
    background:#dd312d;
}
.green,a.green
{
    color:#36ad97;
}

.aboutimg {
    border-radius:10px;
    float:left;
}

.bigico
{
    padding:70px 0;
    font-size:22px;
}
.bigico div.box
{
    text-align: center;
    border-bottom:1px solid #ccc;
    padding:50px 0;
    margin-left:50px;
    box-shadow: 0px 0px 13.5px 1.5px rgb(0 0 0 / 5%);
    position: relative;
    overflow: visible;
    border-radius:10px;
}
.bigico .box a
{
 display: block;
 color:#777;      
 position: relative;
 z-index:1;  
}
.bigico div.box:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #115A4E;
    transition: .5s;
    transform: perspective(400px) scaleX(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    border-radius:10px;
}
.bigico div.box:hover a,.bigico div.box:hover i
{
    color:#fff;
}
.bigico div.box:hover:after{
    opacity: 1;
    transform: perspective(400px) scaleX(1.0);
}
.bigico i
{
    line-height:70px;
    text-align: center;
    font-size:60px;
    display: block;
    margin-bottom:50px;
    color:#74ada3;
}
.bigico .btn-box{
    position: absolute;
    left: 0;
    bottom: -22px;
    right: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition: all 500ms linear;
    transition-delay: 0.2s;
    z-index: 1;
}
.bigico div.box:hover .btn-box{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.bigico .btn-box a span:before {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    background: #ffffff;
    box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 0.2);
    color: #1d8372;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.bigico .btn-box a:hover span:before{
    color: #ffffff;
    background:#e32532;
}
.btn
{
     background: #125a4d;
     border-radius:5px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#125a4d', endColorstr='#449d8d'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#125a4d), to(#449d8d));
     background: -moz-linear-gradient(top,  #125a4d,  #449d8d); /* for firefox 3.6+ */
     color: #fff;
     padding:5px 15px;
     font:15px tahoma !important;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:right;
     height:30px;
}

.btn:hover
{
    background-color: #449d8d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#449d8d', endColorstr='#125a4d'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#449d8d), to(#125a4d)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #449d8d,  #125a4d); /* for firefox 3.6+ */
}
.orangebtn
{
     background: #e4000f;
     border-radius:5px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4000f', endColorstr='#ed6871'); /* for IE */
     background:-webkit-gradient(linear, left top, left bottom, from(#e4000f), to(#ed6871));    
     background: -moz-linear-gradient(top,  #e4000f,  #ed6871); /* for firefox 3.6+ */
     color: #fff;
     padding:5px 15px;
     font:15px yekan !important;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:left;
}

.orangebtn:hover
{
    background-color: #ffcd11;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed6871', endColorstr='#e4000f'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ed6871), to(#e4000f)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ed6871,  #e4000f); /* for firefox 3.6+ */
}
table td
{
    padding:10px;
    vertical-align: middle;
}
.prtitle
{
    padding:5px;
    background:#eee;
    border:1px solid #ccc;
}
#prodspg .box:hover .prtitle
{
    background:#115A4E;
    color:#fff;
}
#prodspg .borderbox
{
    margin-right:50px;
}
.dirleft
{
    direction: ltr;
}
.font18
{
    font-size:18px !important;
}
#leadimg
{
    background:#eee;
    padding:10px;
    overflow: hidden;
    text-align: justify;
    margin:10px 0;
    border-bottom:1px solid #ccc;
}
#leadimg img
{
    margin-right:10px;
}
#ntext
{
    line-height:2;
    text-align: justify; 
    padding:10px;   
}
#lastgallery
{
    text-align: center;
    padding:10px;
    font-size:10pt;
}
#lastgallery li
{
    width:100px;
    height:70px;
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
    border:3px solid #ccc;
}
#lastgallery li img
{
    width:100px;
    height:70px;
}
#lastgallery li:hover
{
    border-color:#74ada3;
}
.whbg
{
    background:#f5f5f5;
}
.whcolor
{
    color:#eee;
}
.pad5
{
    padding:5px;
}
.center
{
    text-align: center;
}
.overh
{
    display:block;
    width:100%;
    overflow:hidden;
}
#msgcont .fa
{
    margin-right:10px;
    font-size:20px;
    color:#e32532;
}
#msgform
{
    padding:10px;
    background:#eee;
    margin:20px auto;
    border:1px solid #ccc;
}
#msgFrame textarea
{
    width:100%;
}
.txleft
{
    text-align: left;
}
.mrgl10
{
    margin-left:10px;
}
.bord
{
    border:1px solid #ccc;
}
#tabitems
{
  float:right;
  font:14px tahoma;
  color:#777;
  margin-top:17px;
  overflow: hidden;
  width: 100%;
}
#tabitems li
{
    background:#eee;
    border-radius:3px 3px 0 0;
    padding:10px 20px;
    line-height:19px;
    cursor: pointer;
    float:left;
    margin-left:30px;
}
#tabitems li.active
{
    background:#e32532;
    color:#eee;
}
.tabscontent
{
    border:1px solid #ccc;  
    width:100%;
    padding:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabcont
{
    display:none;
    width:100%;
    overflow: hidden;
}
.notic
{
    background:#e32532;
    color:#fff;
    margin:100px auto;
    display: block;
    width:300px;
    padding:20px;
    border-radius:15px;
    font-size:20px;
    text-align: center;
}
.disib
{
    display: inline-block;
    float:none;
    margin-right:10px;
}
.paging
{
    
    font:16px yekan;
    float:left;    
    margin-bottom:10px;   
 
}
.paging span
{
    float:right;
    background:#eee;
    line-height:25px;
    width:32px;
    height:32px;
    margin-left:5px;
    text-align:center;
    color:#777;
    cursor:pointer;
    border-radius:3px;
    border: 1px solid #dddddd;
    border-bottom-color:#ed1c24;
}
.paging span a
{
    color:#777;
    display: block;
    width:22px;
    height:22px;
    padding:5px;
}
.paging .otherpages
{
    cursor:auto;
}

.paging span:hover,.paging .active
{
    background:#fff;
    color:#34a647;
    border-color:#34a647;
}
.paging span:hover a,.paging .active a,.paging .active
{
     color:#34a647;
}
.paging span.otherpages:hover
{
   background:#eee;  
}
#firstpage,#firstpage:hover {
background:#eee url('../images/next-pg.png') no-repeat center;
background-size:12px;
}
#lastpage,#lastpage:hover 
{
background:#eee url('../images/prev-pg.png') no-repeat center;
background-size:12px;
}
#respmenu
{
    position: absolute;
    top:10px;
    left:10px;  
    display: none;
    color:#258776;
} 
#respmenu:hover
{
  color:#e32532;  
}
#respmenu:before
{
    content:'\f03a';
    font:30px FontAwesome;
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white !important;
    position: fixed;
    bottom: 120px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index:100;
}
.btn-whatsapp-pulse-border {
   
    animation-play-state: paused;
}
.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
#watbox
{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:1010;
    display:none;
}
#wathead
{
    background:#25d366;
    color:#fff;
    border-radius:10px 10px 0 0;
    padding:5px 10px;
    font-size:14px;
}
#wathead i
{
    font-size:20px;
    margin-left:5px;
}
#watclose
{
    float:right;
    font-size:20px;
    color:#fff;
}
#watbody
{
    background:#fff;
    height:200px;
    padding:10px;
    font-size:14px;
    border:1px solid #cecece;
    border-bottom:0;
}
#watbody span
{
    background:#eee;
    border-radius:5px;
    display:block;
    padding:10px
}
#watsend
{
    padding:15px 10px;
    background:#dfdede;
}
#wattxt
{
    border:0;
    height:40px;
    border-radius:10px;
}
#watbtn
{
    font-size:20px;
    margin-left:10px;
    color:#fff;
    text-align:center;
    border-radius:50%;
    width:50px;
    height:50px;
    line-height:60px;
    float:right;
    background:#25d366;
}
@media only screen and (min-width: 970px) and (max-width: 1199px){
    .content,.container
    {
        width:970px;
    }
    .menu li
    {
        margin-left:0;
    }
    .minbox
    {
        width:300px;
        margin-left:20px;
    }
    .imgfr
    {
        height:200px;
    }
    .bigico div
    {
        margin-left:30px;
    }
    .bigbox
    {
        width:580px;
    }
    .medbox
    {
        width:350px;
    }
    .box
    {
        width:180px;
        margin-left:10px;
    }
    .box .imgfr
    {
        height:100px;
    }
    .rightside
    {
        width:610px;
    }
    .leftside
    {
        width:310px;
    }
    #msgFrame input[type=text]
    {
        width:170px;
    }
    .slider
    {
        height:350px;
    }
    .borderbox
    {
        width:300px;
        height:250px;
    }
    .bigico
    {
        font-size:18px;
    }
    .image-wrap
    {
        padding-right:90px;
    }
    .image-wrap .image-absolute
    {
        right:0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 969px)
{
  .content,.container,.rightside,.leftside
    {
        width:768px;  
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    }  
    .menu li
    {
        margin-left:0;
    }
    .menu a
    {
        padding:10px;
    }
    .minbox
    {
        width:230px;
        margin-left:10px;
    }
    .imgfr
    {
        height:150px;
    }
    .bigico div
    {
        margin-left:10px;
    }
    .bigico span
    {
        width:50px;
        height:50px;
        line-height:50px;
        font-size:20px;
    }
    .bigbox
    {
        width:460px;
    }
    .medbox
    {
        width:280px;
    }
    .box
    {
        width:130px;
        margin-left:10px;
    }
    .box .imgfr
    {
        height:100px;
    }
    .leftside
    {
        margin-top:20px;
    }
    #msgFrame input[type=text]
    {
        width:170px;
    }
    .slider,.slider .owl-item
    {
        height:300px;
    }  
    .borderbox
    {
        width:200px;
        height:150px;
    }
    .imgbox img
    {
        height:150px;
    }
    .bigico
    {
        font-size:16px;
    }
    .bigico .box
    {
        width:160px;
    }
    .image-wrap
    {
        padding-right:70px;
    }
    .image-wrap img
    {
        width:200px;
    }
    .image-wrap .image-absolute
    {
        right:0;
    }
    .image-wrap .image-absolute img
    {
        width:150px;
    }
    .carusel .owl-item
{
    height:250px;
}
.section-news .imgfr
    {
        height:250px;
    }
.text-holder h3
{
    font-size:14px;
}
.box-icon
{
    width:210px;
    padding:10px;
    margin-right:0;
    margin-top:20px;
}
.topfooter img
{
    width:300px;
}
#adrbox:after
{
    display: none;
}
.bigico div.box
{
    margin-left:20px;
}
}
@media only screen and (max-width: 767px)
{
    .content,.container,.rightside,.leftside
    {
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .logo
    {
        margin-left:10px;
    }
    .menu
    {
        display: none;
        position: absolute;
        top:40px;
        width:300px;
        background:#333;
        margin-top:0;
        z-index:10000;
        text-align: left;
        left:10px;
    }
    .menu a
    {
        color:#aaa;
    }
    .menu li
    {
        width:100%;
    }
    .menuico
    {
        overflow: visible;
    }
    #respmenu
    {
        display: block;
    }
    .slider,.slider .owl-item
    {
        height:200px;
    }
    .bigbox,.minbox,.medbox,.borderbox,.box-icon
    {
        max-width:100%;
        margin-left:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }   
    .footer .content
    {
        padding:10px;
    }  
    #msgFrame input[type=text]
    {
        width:120px;
    }
    #topitems div
    {
        margin-right:10px;
        margin-left:10px;
    }
    .box-icon
    {
        margin-top:0;
    }
    #archnews
    {
        text-align: center;
    }
    .section-about
    {
        text-align:center;
    }
    .section-about #aboutcont
    {
        float:none;
        display:inline-block;
        text-align:left;
    }
    .section-about img
    {
        width:250px;
        display:block;
        margin:0 auto;
        float:none;
    }
}
@media only screen and (max-width: 500px)
{
     #msgFrame input[type=text]
    {
        width:100px;
    }
    .logo
    {
        background-size:90px;
        height:90px;
        margin-bottom:0;
    }
    #topitems .boxico
    {
        font-size:25px;
    }
    .header
    {
        height:180px;
    }
    #topicons
    {
        text-align: right;
        margin-left:10px;
    }
    #topicons a
    {
        padding:0 5px;
    }
    #topitems
    {
        margin-top:0;
    }
    .section-about img
    {
        width:150px;
    }
    .section-about #aboutcont
    {
        font-size:14px;
    }
}
@media only screen and (max-width: 400px)
{
    #msgFrame input[type=text]
    {
        width:75px;
    } 
    #topitems div:first-child
    {
        display:none;
    }
    .logo
    {
        width:100%;
        font-size:14px;
        padding-left:80px;
    }
}