@import url('/css/css/fontiran.css'); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */

    * {
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        border: 0; }

html {
    height: 100%;    
}

body {
    direction: rtl;
 
font-family: IRANSans !important;
  background-color: #efeeed;
   
}
img {
    max-width: 100%;
    vertical-align: middle;
    border-style: none; }
main {
    display: block;
}

.container {
    margin: 0 auto;
    width: 1170px;
    position: relative;
    direction: rtl;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

h1, h2, h3, h4, h6, em, strong, i, address {
    font-weight: normal;
    font-style: normal;
}
h5 {
  
    font-weight: bold;
}
a, i, h2, h3, h4,  h6 {
    text-decoration: none;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
   
    color: inherit;
    line-height: inherit;
}

input, textarea, a, i {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

select option {
    padding: 0 10px;
    line-height: 25px;
}

.clear {
    width: 0;
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0 !important;
    overflow: hidden;
    visibility: hidden;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

img {
    max-width: 100%;
    vertical-align: middle;
    border-style: none; }

ul, ol {
    list-style: none;
}

.tright {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tcenter {
    text-align: center;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clearfix:after {
    clear: both;
}


textarea {
    resize: none;
}

label.error {
    color: #DB5766;
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 11px !important;
    font-size: 1.1rem !important;
}

.ellipsis {
    overflow: hidden;
}

.twentytwenty-overlay:hover {
    background: none !important;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    background: rgba(3, 81, 115, 0.57) !important;
}

.load_img1 {
    background: url('../images/telegram3.png');
    display: none;
}

.load_img2 {
    background: url('./images/instagram3.png');
    display: none;
}

.load_img3 {
    background: url('../images/facebook3.png');
    display: none;
}

a {
    text-decoration: none;
        color: #002147;
      
}

div.btns a:hover {
    background: url('../images/diag_pattern.png');
    color: #CDB538;
    border-bottom: thin dotted #CDB538;
    padding-bottom: 3px;
}


p {
    line-height: 22px;
    text-align: justify;
    margin-left: 2px;
    margin-right: 2px;
}


.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}



.clear {
    width: 0;
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

img {
    border: 0 none;
}
/************* nav *************/
nav {
    background-color: #119bb4;
    font-size: 10px !important;
    font-size: 0.8rem !important;
}

    nav ul {
        overflow: hidden;
    }

    nav a {
        color: #fff;
    }

    nav ul li {
        float: right;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

        nav ul li a {
            padding:14px 5px;
            display: inline-block;
        }

            nav ul li a span {
                font-size: 14px !important;
                font-size: 1.4rem !important; 
                color: #bdd537;
            }

            nav ul li a:hover {
                background-color: #fff;
                color: #119BB4;
            }

                nav ul li a:hover span {
                    color: #45C1CC;
                }

    nav .subnav {
        z-index: 10;
        box-shadow: 1px 1px 3px #e9e9e9;
    }

/************ Title ************/
/*** title_style1 ***/
.title_style1 {
    position: absolute;
    top: 25px;
    right: -11px;
    line-height: 20px;
    font-size: 1.3rem !important;
    font-size: 13px !important;
    color: #10b4ba;
    padding: 0 10px;
}
/*title_style*/
.title_style1 {
    background-color: #32BFB6;
    height: 41px;
    line-height: 38px;
    font-size: 1.6rem !important;
    color: #FFF;
    padding: 0px 15px;
    position: relative;
    border-bottom: 2px solid #008A81;
}

    .title_style1::after {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        content: "";
        border-left: 31px solid #FFF;
        border-bottom: 39px solid transparent;
    }

    .title_style1 .archive {
        font-size: 1.1rem;
        color: #016C65;
        position: absolute;
        left: -6px;
        bottom: 8px;
        transform: rotate(-51deg);
        z-index: 2;
    }

        .title_style1 .archive:hover {
            color: #32BFB6;
        }

.title_style2 {
    font-size: 2.1rem;
    color: #005D9B;
    margin-bottom: 35px;
    text-align: center;
    position: relative;
}

    .title_style2:after,
    .title_style2:before {
        content: '';
        position: absolute;
        width: 80px;
        height: 1px;
        background-color: #005D9B;
        right: 0;
        left: 0;
        bottom: -10px;
        margin: 0 auto;
    }

    .title_style2:before {
        bottom: -15px;
        left: -30px;
        opacity: 0.6;
    }

.title_style3 {
    font-size: 1.8rem;
    color: #555;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

    .title_style3 .divider {
        display: inline-block;
        width: 250px;
        position: relative;
    }

        .title_style3 .divider::before, .title_style3 .divider::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 45%;
            width: 38%;
            height: 1px;
            background-color: #DEDEDE;
        }

        .title_style3 .divider:after {
            right: auto;
            left: 0;
        }

    .title_style3 .shape {
        display: inline-block;
        width: 67px;
        height: 30px;
        background: transparent url("../images/separator.png") no-repeat scroll center center / 60px auto;
    }

.title_style4 {
    color: RGBA(3, 81, 115, 0.72);
    font-size: 2.9rem;
    line-height: 35px;
    margin-bottom: 50px;
    position: relative;
}

    .title_style4::after,
    .title_style4::before {
        content: "";
        position: absolute;
        bottom: -17px;
        right: 0px;
        width: 4px;
        height: 4px;
        background-color: #F0B600;
    }

    .title_style4::before {
        right: 8px;
        width: 170px;
        background-color: #F0B600;
    }
/************************************************** Header **************************************************/
#header {
    overflow: hidden;
    padding-bottom: 20px;
    max-height: 192px;
    min-height: 192px;
}

    #header .inner {
        position: relative;
    }

        #header .inner:after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            z-index: 0;
            width: 2.5%;
            height: 37px;
            background-color: #f3f3f3;
        }

    #header .header_main {
        height: 172px;
        position: relative;
        background-color: #035173;
        padding-top: 37px;
    }

        #header .header_main:after {
            content: '';
            position: absolute;
            left: -1000px;
            top: 0;
            bottom: 0;
            z-index: -1;
            width: 1000px;
            background-color: #035173;
        }

        #header .header_main:before {
            content: '';
            position: absolute;
            right: -1000px;
            top: 0;
            bottom: 0;
            z-index: 0;
            width: 1000px;
            background: #f3f3f3;
        }

    #header .logo_part {
        float: left;
        width: 35%;
        height: 135px;
        position: relative;
    }

        #header .logo_part:after {
            content: '';
            position: absolute;
            right: -92px;
            top: -47px;
            bottom: 0;
            z-index: 0;
            border-top: solid 161px #035173;
            border-bottom: solid 100px transparent;
            border-right: solid 93px transparent;
        }

        #header .logo_part:before {
            content: '';
            position: absolute;
            top: -5px;
            right: -35px;
            bottom: 0;
            z-index: 1;
            width: 1px;
            height: 117px;
            -webkit-transform: rotate(30deg);
            -moz-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            -o-transform: rotate(30deg);
            transform: rotate(30deg);
            -webkit-box-shadow: 0px 0px 10px #120080;
            -moz-box-shadow: 0px 0px 10px #120080;
            -ms-box-shadow: 0px 0px 10px #120080;
            -o-box-shadow: 0px 0px 10px #120080;
            box-shadow: 0px 0px 10px #120080;
        }

    #header .info_part {
        float: right;
        width: 65%;
        max-width: 65%;
        height: 135px;
        overflow: hidden;
        background-color: #f3f3f3;
        padding-right: 2%;
    }

        #header .info_part .info .item {
            float: left;
            height: 110px;
            position: relative;
        }

        #header .info_part .info .workingtime_item {
            width: 28%;
        }

        #header .info_part .info .address_item {
            width: 55%;
        }

        #header .info_part .info .item .icon {
            opacity: .8;
            display: block;
            width: 52px;
            height: 100%;
            float: right;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
            transition: none;
        }

        #header .info_part .info .item:nth-child(1) .icon {
            background: url('./images/address_1.png') no-repeat right center;
            background-size: 66%;
        }

        #header .info_part .info .item:nth-child(2) .icon {
            background: url('./images/telephone.png') no-repeat right center;
            background-size: 85%;
        }

        #header .info_part .info .item:nth-child(1):hover .icon {
            background: url('./images/address_4.png') no-repeat right center;
            background-size: 66%;
        }

        #header .info_part .info .item:nth-child(2):hover .icon {
            background: url('./images/telephone_3.png') no-repeat right center;
            background-size: 85%;
        }

        #header .info_part .info .item .date_part {
            float: right;
            position: relative;
            margin-right: 5px;
        }

            #header .info_part .info .item .date_part .date {
                margin-top: 45px;
                font-size: 10.1px;
                font-size: 0.9rem;
                color: #999;
            }

                #header .info_part .info .item .date_part .date .text1 {
                    display: block;
                    text-align: center;
                }

                #header .info_part .info .item .date_part .date .text2 {
                    display: block;
                    text-align: right;
                }

        #header .info_part .info .item .address_part {
            float: right;
            position: relative;
        }

            #header .info_part .info .item .address_part .address {
                margin-top: 45px;
                color: #999;
                font-size: 12.1px;
                font-size: 1.21rem;
                overflow: hidden;
            }

            #header .info_part .info .item .address_part .address_text {
                width: 200px;
            }

    #header .header_top {
        position: absolute;
        top: 0;
        left: 17%;
        right: 2.5%;
        background: #2FC2C8 url('./images/nav_bg.png') center center;
    }

        #header .header_top:after {
            content: '';
            position: absolute;
            right: -29px;
            top: 0px;
            bottom: 0;
            left: auto;
            z-index: 1;
            height: 0;
            width: 0;
            border-bottom: solid 37px transparent;
            border-left: solid 29px #33B9C5;
        }

        #header .header_top:before {
            content: '';
            position: absolute;
            left: -23px;
            top: 0px;
            bottom: 0;
            right: auto;
            z-index: 1;
            height: 0;
            width: 0;
            border-top: solid 37px transparent;
            border-right: solid 23px #33B9C5;
        }

        #header .header_top .email_part {
            float: left;
            margin-left: 1%;
            width: 46%;
            position: relative;
        }

            #header .header_top .email_part .text {
                float: left;
                padding-left: 7px;
                font-size: 11.5px;
                font-size: 0.9rem;
                color: #035173;
                line-height: 37px;
                font-family: verdana;
                opacity: .8;
                white-space: nowrap;
            }

            #header .header_top .email_part .icon {
                width: 31px;
                background: url('./images/email_4.png') no-repeat center 49%;
                background-size: 70%;
                float: left;
                height: 37px;
                opacity: .6;
                margin-left: 25px;
            }

            #header .header_top .email_part .text.phone {
                display: none;
            }

        #header .header_top .social_part {
            width: 40%;
            margin-right: 4%;
        }

            #header .header_top .social_part .item {
                width: 23px;
                height: 37px;
                float: right;
                margin-right: 1.5%;
                position: relative;
            }

                #header .header_top .social_part .item .link {
                    display: block;
                    position: absolute;
                    top: 8px;
                    bottom: 8px;
                    right: 0;
                    left: 2px;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -ms-border-radius: 2px;
                    -o-border-radius: 2px;
                    border-radius: 2px;
                    -webkkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                    transition: none;
                }

            #header .header_top .social_part .link {
                background: none no-repeat center center / cover;
                opacity: .7;
            }

            #header .header_top .social_part .telegram .link {
                background-image: url('./images/telegram1.png');
            }

            #header .header_top .social_part .facebook .link {
                background-image: url('./images/facebook1.png');
            }

            #header .header_top .social_part .instagram .link {
                background-image: url('./images/instagram1.png');
            }

            #header .header_top .social_part .google_plus .link {
                background-image: url('./images/google_plus.png');
            }

            #header .header_top .social_part .twitter .link {
                background-image: url('./images/twitter.png');
            }

            #header .header_top .social_part .linkedin .link {
                background-image: url('./images/linkedin.png');
            }

            #header .header_top .social_part .item:hover .tooltip_style1 {
                display: block;
            }

            #header .header_top .social_part .item:hover .link {
                background-color: #fff;
            }

    #header .header_bottom {
        position: absolute;
        bottom: -20px;
        left: 2.5%;
        right: 2.5%;
        height: 51px;
        background: #2FC2C8 url('./images/nav_bg.png') center center;
    }

        #header .header_bottom:after {
            content: '';
            position: absolute;
            right: -40px;
            top: 0px;
            bottom: 0;
            left: auto;
            z-index: 0;
            height: 0;
            width: 0;
            border-bottom: solid 51px transparent;
            border-left: solid 40px #33B9C5;
        }

        #header .header_bottom:before {
            content: '';
            position: absolute;
            left: -29px;
            top: 0px;
            bottom: 0;
            right: auto;
            z-index: 0;
            height: 0;
            width: 0;
            border-top: solid 51px transparent;
            border-right: solid 29px #33B9C5;
        }
/************about us*************/
.aboutus_part {
    padding-bottom: 130px;
}



    .aboutus_part .right_aside {
        float: left;
        width: 25%;
        height: 330px;
        position: relative;
        margin-top: 100px;
    }

    .aboutus_part .left_aside {
        float: right;
        width: 75%;
        height: 300px;
    }

        .aboutus_part .left_aside .info_items {
            position: relative;
            top: auto;
        }

    .aboutus_part ul li > div > .text {
        font-size: 58px !important;
        font-size: 1.0rem !important;
        text-align: justify;
        color: #555;
        line-height: 40px;
        list-style-image: url('./images/arr1.jpg');
    }

.img_style2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 9%;
    right: 13%;
    background: url('./images/default/aboutus.jpg') no-repeat center bottom / contain;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: solid 0px #efefef;
}
/****************#1*******************/
.txt_on_slide .slide_txt_content {
    position: relative;
    height: 310px;
}


    .txt_on_slide .slide_txt_content .slide_txt_bg {
        width: 100%;
        position: absolute;
        left: 25px;
        bottom: -25px;
        background-color: #55C1C2;
        height: 510px;
        -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
    }


.slide_txt_content .slide_txt_bg .slide_txt_box {
    position: absolute;
    left: -25px;
    top: 25px;
    width: 100%;
    background-color: #0C2935;
    height: 370px;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
    padding: 45px;
}

.slide_txt_content .right_aside {
    float: left;
    width: 25%;
    height: 170px;
    position: relative;
    margin-top: 60px;
}


.slide_txt_content .left_aside {
    float: right;
    width: 75%;
    height: 180px;
}

.slide_txt_content .slide_txt_bg .slide_txt_box {
    position: absolute;
    left: -25px;
    top: 25px;
    width: 100%;
    background-color: #0C2935;
    height: 520px;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
    padding: 45px;
}

    .slide_txt_content .slide_txt_bg .slide_txt_box > h1 {
        color: white;
        font-size: 1.6rem;
        line-height: 30px;
        text-align: right;
        padding-bottom: 15px;
        background-image: url('./images/heading-img2.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        overflow: hidden;
        height: 50px;
    }

    .slide_txt_content .slide_txt_bg .slide_txt_box > p {
        color: white;
        font-size: 1.2rem;
        line-height: 30px;
        text-align: justify;
        margin: 5px 0;
        overflow: hidden;
        height: 350px;
    }

    .slide_txt_content .slide_txt_bg .slide_txt_box > a {
        display: inline-block;
        color: #66818b;
        border: dashed 1px #66818b;
        border-radius: 20px 0 20px 0;
        font-size: 1.1rem;
        padding: 7px 20px;
        text-align: center;
        float: left;
    }

        .slide_txt_content .slide_txt_bg .slide_txt_box > a:hover {
            border-radius: 0 20px 0 20px;
            color: #fff;
            border-color: #ccc;
        }
/************ testimonials_part ************/
.testimonials_part {
    background: url('./images/services_bg_3.jpg')no-repeat center center / cover;
    padding: 50px 0 60px 0;
    margin: 80px 0 30px 0;
}

    .testimonials_part .testimonials {
        direction: ltr;
        padding-top: 25px;
    }

    .testimonials_part .title_style7 {
        color: rgba(255, 255, 255, 0.68);
    }

        .testimonials_part .title_style7 .title {
            border-bottom: solid 4px rgb(77, 126, 148);
        }

            .testimonials_part .title_style7 .title:before {
                background: url('../images/title_icon5.png')no-repeat center center / 65%;
            }

            .testimonials_part .title_style7 .title:after {
                background: url('../images/title_icon5.png')no-repeat center center / 65%;
            }

    .testimonials_part .testimonials .item .testimonial {
        margin: 0 2.5%;
        position: relative;
    }

        .testimonials_part .testimonials .item .testimonial .pic {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1;
            opacity: .9;
            border: solid 5px #4d7e94;
            background: none no-repeat center center / cover;
        }

        .testimonials_part .testimonials .item .testimonial .paragraph {
            position: relative;
            font-size: 1.2rem;
            line-height: 30px;
            text-align: justify;
            color: rgba(255, 255, 255, 0.92);
            direction: rtl;
            padding: 10px 115px 10px 10px;
        }

            .testimonials_part .testimonials .item .testimonial .paragraph p {
                position: relative;
                height: 129px;
                top: -53px;
                right: 0px;
            }

        .testimonials_part .testimonials .item .testimonial p:before {
            position: absolute;
            top: 12px;
            font-size: 40px;
            font-style: italic;
            margin-right: -20px;
            color: rgba(255, 255, 255, 0.67);
        }

        .testimonials_part .testimonials .item .testimonial p:after {
            position: absolute;
            top: 100%;
            font-size: 40px;
            font-style: italic;
            margin: -12px 20px 0 0;
            color: rgba(255, 255, 255, 0.67);
            left: -15px;
        }

        .testimonials_part .testimonials .item .testimonial .customer_name {
            margin-top: 10px;
            direction: rtl;
            padding-right: 115px;
            font-size: 1.3rem;
            color: #FFB9C1;
        }

        .testimonials_part .testimonials .item .testimonial .service {
            direction: rtl;
            padding-right: 115px;
            font-size: 1.15rem;
            color: #62C8D1;
        }

    .testimonials_part .testimonials .owl-controls {
        margin-top: 40px;
    }

        .testimonials_part .testimonials .owl-controls .owl-page span {
            width: 10px;
            height: 10px;
            background-color: #4BB6C0;
        }


    .testimonials_part .testimonials .item .testimonial > a {
        display: inline-block;
        color: #66818b;
        border: dashed 1px #66818b;
        border-radius: 20px 0 20px 0;
        font-size: 1.1rem;
        padding: 7px 20px;
        text-align: center;
        float: left;
    }

        .testimonials_part .testimonials .item .testimonial > a:hover {
            border-radius: 0 20px 0 20px;
            color: #fff;
            border-color: #ccc;
        }
/**************************************sec_introduce*************************************/
.sec_introduce ul.main li {
    float: right;
    width: 50%;
}

    .sec_introduce ul.main li > div {
        padding: 0 10px 20px;
    }

        .sec_introduce ul.main li > div > article {
            padding: 15px 27px 12px;
            border: 1px solid RGBA(3, 81, 115, 0.72);
            height: 500px;
            overflow: hidden;
        }

            .sec_introduce ul.main li > div > article .title {
                padding: 15px 10px;
                border-bottom: 1px solid #d6d6d6;
                margin-bottom: 15px;
                font-size: 1.3rem;
                color: #444;
            }

                .sec_introduce ul.main li > div > article .title .mark {
                    color: #00a1b3;
                }

            .sec_introduce ul.main li > div > article .text {
                line-height: 20px;
                color: #656565;
                font-size: 0.9rem;
                text-align: justify;
                line-height: 30px;
            }

            .sec_introduce ul.main li > div > article > p .text {
                font-size: 15px;
                font-size: 1.1rem;
                text-align: justify;
                color: #555;
                line-height: 40px;
            }

title_stylea {
    display: block;
    border-bottom: 1px solid #646464;
    margin: 30px 0 50px;
    color: #333;
    font-size: 1.6rem;
    position: relative;
    padding-bottom: 30px;
}


.sec_introduce ul.main li > div > article a.target_page {
    display: block;
    font-size: 1.2rem;
    vertical-align: middle;
    color: #333;
    margin-top: 10px;
    text-align: left;
}

    .sec_introduce ul.main li > div > article a.target_page a {
        text-align: left;
        direction: ltr;
    }

    .sec_introduce ul.main li > div > article a.target_page:hover {
        color: #00AB91;
    }

.sec_introduce ul.main li span.tape {
    width: 0;
    height: 0;
    display: block;
    margin-top: 5px;
}

.sec_introduce ul.main li.one span.tape {
    border-right: 538px solid #00A1B3;
    border-bottom: 27px solid transparent;
}

.sec_introduce ul.main li.two span.tape {
    border-right: 538px solid #00A1B3;
    border-bottom: 27px solid transparent;
}

.sec_introduce ul.main li.three span.tape {
    border-right: 538px solid #00A1B3;
    border-bottom: 27px solid transparent;
}

.sec_introduce ul.main li.four span.tape {
    border-left: 538px solid #00A1B3;
    border-bottom: 27px solid transparent;
}

.sec_introduce ul.main li.five span.tape {
    border-right: 560px solid #00A1B3;
    border-top: 25px solid transparent;
}

.sec_introduce ul.main li.six span.tape {
    border-left: 560px solid #00A1B3;
    border-top: 25px solid transparent;
}

.sec_products {
    background-color: #fff;
}

    .sec_products .inner {
        padding: 30px 0;
    }

    .sec_products .collection_items {
        padding: 30px 0;
        direction: ltr;
    }

    .sec_products .carousel_buttons {
        padding-top: 5px;
        float: left;
    }

    .sec_products .collection_items .item {
        float: none;
    }



/************* home_part5 ***************/
.home_part5 .inner {
    padding: 10px 0;
}

.store_style1 .item {
    float: right;
    height: 350px;
    width: 48%;
    margin: 0 1% 27px;
    padding: 10px;
    border: dashed 1px #ddd;
    border-left: solid 2px #00A9E0;
    text-align: justify;
    direction: rtl;
    position: relative;
    background-color: #f6f6f6;
}

    .store_style1 .item.left {
        border: dashed 1px #ddd;
        text-align: justify;
        border-right: solid 2px #00A9E0;
    }

    .store_style1 .item .pic {
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        width: 40%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .store_style1 .item.left .pic {
        top: 10px;
        right: auto;
        bottom: 10px;
        left: 10px;
    }

    .store_style1 .item .content {
        padding-right: 45%;
    }

    .store_style1 .item.left .content {
        padding-right: 0;
        padding-left: 45%;
        text-align: justify;
    }

    .store_style1 .item .info {
        margin-bottom: 20px;
        color: #999;
        font-size: 1.2rem;
        line-height: 23px;
        border-bottom: solid 1px #eee;
        padding-bottom: 10px;
    }

        .store_style1 .item .info .name {
            display: inline-block;
        }

        .store_style1 .item .info .val {
            color: #00A9E0;
        }

        .store_style1 .item .info .slash {
            display: inline-block;
            margin: 0 10px;
            font-size: 1.5rem;
            color: #bbb;
            position: relative;
            bottom: -3px;
        }

    .store_style1 .item .title {
        font-size: 1.6rem;
        color: #555;
        line-height: 30px;
        margin-bottom: 5px;
        height: 105px;
    }

    .store_style1 .item .sub_title {
        font-size: 1.4rem;
        color: #999;
        line-height: 25px;
        margin-bottom: 25px;
        height: 25px;
    }

.box_style2 {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 3px;
    background: no-repeat center / cover;
}

    .box_style2:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0);
        z-index: 3;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .box_style2 .box {
        position: relative;
        height: 100%;
        text-align: center;
        z-index: 6;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 0;
        display: block;
    }

    .box_style2:nth-child(10n+10) .box:hover rect {
        stroke-width: 3;
        stroke-dasharray: 193px, 190;
        stroke-dashoffset: 30;
    }

    .box_style2:nth-child(10n+10) .box .title:before {
        content: '';
        position: absolute;
        top: -60px;
        right: 0;
        width: 50px;
        left: 0;
        margin: 0 auto;
        background: url('./images/icon/note1.png') no-repeat center / auto 100%;
        height: 50px;
    }

    .box_style2:nth-child(10n+10) .box .title {
        bottom: -50px;
    }

/************* home_part6 ***************/
.home_part6 .inner {
    padding: 30px 0;
}

.home_part6 .title_text {
    text-align: center;
    font-size: 1.20rem;
    color: #999;
    margin-bottom: 25px;
}

.home_part6 .title_style2 {
    margin-bottom: 30px;
}

.store_style2 .item {
    float: right;
    width: 30%;
    margin: 0 1.64% 40px;
    border: solid 1px #eee;
    position: relative;
    box-shadow: 0 0 5px #dedede;
}

    .store_style2 .item:hover .pic {
        opacity: .8;
    }

    .store_style2 .item .pic {
        height: 200px;
        width: 100%;
        display: block;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .store_style2 .item .title {
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        color: #FFF;
        font-size: 0.9rem;
        background-color: rgba(19, 177, 188, 0.73);
        line-height: 32px;
        height: 48px;
        padding: 7px 10px;
        text-align: center;
    }

    .store_style2 .item .content .item2 {
        float: right;
        width: 25%;
        border-left: solid 1px #eee;
        text-align: center;
        line-height: 25px;
        padding: 5px 0;
    }

    .store_style2 .item .content .half {
        width: 50%;
    }

    .store_style2 .item .content .item2:last-child {
        border: none;
    }

    .store_style2 .item .content .item2 .name {
        display: block;
        font-size: 1.6rem;
        color: #00A9E0;
    }

    .store_style2 .item .content .info .name {
        font-size: 1.0rem;
    }

    .store_style2 .item .content .val {
        color: #555;
        font-size: 1.0rem;
    }

    .store_style2 .item .content .file .val,
    .store_style2 .item .content .visit .val {
        color: #777;
        font-size: 1.0rem;
    }


.sec_introduce article .text > .pic {
    float: right;
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: 30%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 1px;
    margin-bottom: 1px;
}

.sec_introduce article .text > .pic {
    top: 10px;
    right: auto;
    bottom: 1px;
    left: 10px;
}
/**************************** FOOTER *******************************/
footer {
    background-color: #072733;
    float: right;
    width: 100%;
    overflow: hidden;
    border-top: solid 3px #51C7C8;
    position: relative;
}

.polygan_design1 {
    position: relative;
    top: -40px;
    width: 35%;
    float: left;
    height: 40px;
    background-color: #072733;
}

    .polygan_design1:before {
        position: absolute;
        right: -15px;
        background-color: #072733;
        content: "";
        width: 50px;
        height: 40px;
        z-index: -1;
        -webkit-transform: skew(34deg);
        -moz-transform: skew(34deg);
        -ms-transform: skew(34deg);
        -o-transform: skew(34deg);
        transform: skew(34deg);
    }

    .polygan_design1:after {
        background-color: #072733;
        content: "";
        height: 40px;
        position: absolute;
        right: 100%;
        width: 100%;
    }

.polygan_design2 .each_social {
    width: 20%;
    float: left;
}

    .polygan_design2 .each_social > a {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20px auto;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        width: 100%;
        opacity: .7;
    }

        .polygan_design2 .each_social > a:hover {
            opacity: 1;
        }
/*#1*/
.footer_part1 .each_list {
    width: 33.3%;
    float: right;
    padding: 25px 0;
}

    .footer_part1 .each_list .sec_title > h2 {
        font-size: 1.4rem;
        line-height: 28px;
        position: relative;
        color: #fff;
        padding-bottom: 10px;
    }

        .footer_part1 .each_list .sec_title > h2:before {
            content: "";
            position: absolute;
            right: 0;
            height: 2px;
            width: 162px;
            background: -moz-linear-gradient(left, rgba(187,233,234,0) 0%, rgba(81,199,200,1) 100%);
            background: -webkit-linear-gradient(left, rgba(187,233,234,0) 0%,rgba(81,199,200,1) 100%);
            background: linear-gradient(to right, rgba(187,233,234,0) 0%,rgba(81,199,200,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbe9ea', endColorstr='#51c7c8',GradientType=1 );
            bottom: 0;
        }

    .footer_part1 .each_list .footer_about,
    .footer_part1 .each_list .footer_newsletter,
    .footer_part1 .each_list .main_link,
    .footer_part1 .each_list .footer_news {
        padding: 17px 0;
    }

        .footer_part1 .each_list .footer_about > p,
        .footer_part1 .each_list .footer_newsletter > p {
            color: #66818B;
            font-size: 1.1rem;
            line-height: 28px;
            text-align: justify;
        }

        .footer_part1 .each_list .footer_newsletter > p {
            margin-bottom: 10px;
        }

.newsletter_style {
    width: 90% !important;
    position: relative;
}

    .newsletter_style input[type="text"] {
        background-color: transparent !important;
        color: #fff !important;
        border-color: #2e4953 !important;
    }

    .newsletter_style:before {
        background-color: #2e4953 !important;
    }

    .newsletter_style:after {
        background-color: #2e4953 !important;
    }

    .newsletter_style .trans_bg {
        background-color: #072733 !important;
        bottom: 0;
        height: 1px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 28px;
    }

    .newsletter_style input[type="submit"] {
        background-color: #51c7c8;
        border: medium none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 3.5px 20px;
        position: absolute;
        right: 5px;
        top: 2px;
        margin-top: 5px;
        opacity: .55;
    }

        .newsletter_style input[type="submit"]:hover {
            opacity: 1;
        }

.footer_news .footer_news_box {
    width: 90%;
    float: right;
}

    .footer_news .footer_news_box .news_item {
        padding: 10px 0;
    }

.footer_news .news_item .footer_news_bg {
    width: 30px;
    float: right;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #f8f8f8;
    display: inline-block;
    border: solid 1px #777;
    margin-left: 5px;
}

.news_item .footer_news_bg:hover .plus_round {
    display: block;
}

.footer_news_content {
    float: right;
    width: 89%;
}

.footer_news .news_item .footer_news_content > a h3 {
    color: #51C7C8;
    font-size: 1.1rem;
    line-height: 27px;
}

    .footer_news .news_item .footer_news_content > a h3:hover {
        color: #00C5FD;
    }

.footer_part1 .each_list .footer_logo {
    background-image: url('./images/logo/logo-1.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    width: 100%;
    display: inline-block;
    margin-top: 35px;
}

.footer_part1 .each_list .main_link .each_link {
    width: 50%;
    float: right;
}

.main_link .each_link > a {
    display: inline-block;
    color: #fff;
    font-size: 1.15rem;
    line-height: 23px;
    padding: 10px 0;
}

    .main_link .each_link > a .footer_icon {
        margin-left: 5px;
        color: #51c7c8;
    }

    .main_link .each_link > a:hover {
        color: #51C7C8;
    }
/*#2*/
.footer_part2 .polygan_design2 {
    background-color: #51c7c8;
    height: 40px;
    width: 50%;
    float: left;
    position: relative;
}

    .footer_part2 .polygan_design2:before {
        background-color: #51c7c8;
        content: "";
        height: 40px;
        position: absolute;
        right: 100%;
        width: 10000px;
    }

    .footer_part2 .polygan_design2:after {
        content: "";
        height: 40px;
        right: -14px;
        position: absolute;
        -webkit-transform: skew(-34deg);
        -moz-transform: skew(-34deg);
        -ms-transform: skew(-34deg);
        -o-transform: skew(-34deg);
        transform: skew(-34deg);
        width: 50px;
        background-color: #51c7c8;
    }

.footer_part2 .polygan_border {
    background-color: #51c7c8;
    float: right;
    height: 1.5px;
    position: relative;
    top: 38px;
    width: 50%;
}

    .footer_part2 .polygan_border:after {
        position: absolute;
        left: 100%;
        content: "";
        background-color: #51c7c8;
        height: 1.5px;
        width: 10000px;
    }
/*#3*/
.footer_part3 {
    padding: 10px 0;
}

    .footer_part3 .copy_right {
        color: #ddd;
        font-size: 1rem;
        line-height: 20px;
        padding: 5px 0;
    }

        .footer_part3 .copy_right > a {
            display: inline-block;
        }

            .footer_part3 .copy_right > a:hover {
                color: #51C7C8;
            }

        .footer_part3 .copy_right .footer_logo {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 20px auto;
            height: 20px;
            width: 20px;
            float: right;
            margin-left: 5px;
        }

.backto_top {
    background-image: url("./images/icon/gototop5.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 55px auto;
    bottom: 87px;
    cursor: pointer;
    height: 35px;
    position: fixed;
    right: -60px;
    width: 55px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 5;
}

.back_active {
    right: 15px;
}

/*#1*/
.home_part1 {
    position: relative;
    top: -40px;
    width: 100%;
    float: right;
    height: 600px;
}





















































/************ Title ************/
/*** date_style1 ***/
.date_style1 {
    line-height: 40px;
    font-size: 10px;
    font-size: 1.0rem;
    text-align: center;
    background: #33B9C5;
    color: #fff;
    width: 55%;
    position: relative;
}

    .date_style1 .date {
        display: inline-block;
    }
/************************************************** Articles **************************************************/
#articles_archive_page {
    direction: rtl;
    
}

    #articles_archive_page .title_part {
        margin-top: 10px;
    }

        #articles_archive_page .title_part .divider_style2:before {
            background: url('../images/article_3.png') no-repeat 15px 12px;
            background-size: 23px;
        }

    #articles_archive_page .pagination_part {
        padding: 20px 0;
        margin-top: 20px;
    }

    #articles_archive_page .articles .articles_in .items {
        float: right;
        width: 27.33%;
        margin: 30px 3%;
    }

    #articles_archive_page .btn_style1 {
        left: 18px;
        bottom: 18px;
        color: #e11919;
        background-color: #fff;
        border: solid 1px #33b9c5;
        line-height: 38px;
        font-size: 13px;
        font-size: 1.3rem;
    }

        #articles_archive_page .btn_style1 .hover {
            background-color: #33b9c5;
        }

div.btns {
    color: #fff;
}

    div.btns a:hover {
        background: url(../images/diag_pattern.png);
        color: #23757D;
        border-bottom: thin dotted #CDB538;
        padding-bottom: 3px;
    }




/**************************************sec_introduce2_Page_book*************************************/
.sec_introduce2 ul.main li {
    float: right;
    width: 100%;
}

    .sec_introduce2 ul.main li > div {
        padding: 35px 10px 20px;
    }

        .sec_introduce2 ul.main li > div > article {
            padding: 15px 27px 12px;
            border: 1px solid RGBA(3, 81, 115, 0.72);
            height: 510px;
            overflow: hidden;
        }

            .sec_introduce2 ul.main li > div > article .title {
                padding: 15px 10px;
                border-bottom: 1px solid #d6d6d6;
                margin-bottom: 15px;
                font-size: 1.8rem;
                color: #444;
            }

                .sec_introduce2 ul.main li > div > article .title .mark {
                    color: #00a1b3;
                }

            .sec_introduce2 ul.main li > div > article .text {
                line-height: 25px;
                color: #656565;
                font-size: 0.9rem;
                text-align: justify;
                line-height: 30px;
            }

            .sec_introduce2 ul.main li > div > article > p .text {
                font-size: 10px;
                font-size: 1.0rem;
                text-align: justify;
                color: #555;
                line-height: 40px;
            }

title_stylea {
    display: block;
    border-bottom: 1px solid #646464;
    margin: 30px 0 50px;
    color: #333;
    font-size: 1.6rem;
    position: relative;
    padding-bottom: 30px;
}


.sec_introduce2 ul.main li > div > article a.target_page {
    display: block;
    font-size: 1.8rem;
    vertical-align: middle;
    color: #333;
    margin-top: 10px;
    text-align: left;
}

    .sec_introduce2 ul.main li > div > article a.target_page a {
        text-align: left;
        direction: ltr;
    }

    .sec_introduce2 ul.main li > div > article a.target_page:hover {
        color: #00AB91;
    }

.sec_introduce2 ul.main li span.tape {
    width: 0;
    height: 0;
    display: block;
    margin-top: 5px;
}

.sec_products2 {
    background-color: #fff;
}

    .sec_products2 .inner {
        padding: 30px 0;
    }

    .sec_products2 .collection_items {
        padding: 30px 0;
        direction: ltr;
    }

    .sec_products2 .carousel_buttons {
        padding-top: 5px;
        float: left;
    }

    .sec_products2 .collection_items .item {
        float: none;
    }

/********************** content_style ****************************/
/************ Button ************/
/*** btn_style1 ***/
.btn_style1 {
    position: absolute;
    bottom: 35px;
    left: 230px;
    z-index: 3;
    line-height: 40px;
    font-size: 10px;
    font-size: 0.6rem;
    color: #fff;
    background-color: #3162A7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    border: solid 1px #3162A7;
}

    .btn_style1.loading {
        background: #3162A7 url(../images/loading/loader3.gif) no-repeat center center;
    }

        .btn_style1.loading .text {
            opacity: 0;
        }

    .btn_style1 .text {
        text-align: center;
        display: block;
        width: 100%;
        padding: 0 35px;
        cursor: pointer;
    }

    .btn_style1 .hover {
        position: absolute;
        top: 110%;
        bottom: 0;
        left: 32%;
        z-index: -1;
        width: 100%;
        height: 85px;
        background-color: rgba(0, 17, 128, 0.16);
        -webkit-transform: translateX(50%) translateY(-50%) rotate(64deg);
        -moz-transform: translateX(50%) translateY(-50%) rotate(64deg);
        -ms-transform: translateX(50%) translateY(-50%) rotate(64deg);
        -o-transform: translateX(50%) translateY(-50%) rotate(64deg);
        transform: translateX(50%) translateY(-50%) rotate(64deg);
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
    }

    .btn_style1:hover .text {
        z-index: 5;
        color: #fff;
    }

    .btn_style1:hover .hover {
        left: -50%;
        top: 50%;
        height: 120px;
        background-color: #33B9C5;
    }

    .btn_style1.loading:hover .hover {
        display: none;
    }

/************ Logo ************/
/*** logo_style1 ***/
.logo_style1 {
    position: absolute;
    top: 3px;
    right: 1px;
    width: 230px;
    height: 110px;
}

    .logo_style1 .logo_link {
        display: block;
        background: url('../images/logo_4.png') no-repeat center 7px / 80%;
        width: 100%;
        height: 90%;
    }

/*** logo_style2 ***/
.logo_style2 {
    height: 130px;
    width: 100%;
}

    .logo_style2 .link {
        display: block;
        height: 100%;
        width: 100%;
        background: url('../images/logo_2.png') no-repeat center center;
        background-size: 52%;
    }

/************ menu ************/
.menu_style1 .item {
    display: inline-block;
    padding: 0 .4%;
    margin: 0 1.6%;
    position: relative;
}

    .menu_style1 .item:after {
        content: '';
        position: absolute;
        right: -10px;
        top: 24px;
        bottom: 13px;
        width: 6px;
        height: 6px;
        background-color: rgba(80, 80, 80, 0.4);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

    .menu_style1 .item .link {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

    .menu_style1 .item:hover .link {
        color: #23757D;
    }

    .menu_style1 .item:hover:after {
        background-color: #1ca2ae;
    }

/************ Label ************/
/************ Title ************/
/*** title_style1 ***/
.title_style1 {
    position: absolute;
    top: 25px;
    right: -11px;
    line-height: 20px;
    font-size: 1.3rem;
    font-size: 13px;
    color: #10b4ba;
    padding: 0 10px;
    width: 52px;
}

/*** title_style2 ***/
.title_style2 {
    line-height: 30px;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    color: RGBA(3, 81, 115, 0.72);
    position: relative;
    margin-top: 20px;
}

    .title_style2 .title {
        position: relative;
        padding: 0 4px;
        margin: 0 auto;
        display: inline-block;
    }

        .title_style2 .title .line1,
        .title_style2 .title .line2 {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 0;
        }

            .title_style2 .title .line1:after {
                content: '';
                position: absolute;
                right: -45px;
                top: 13px;
                height: 1px;
                width: 40px;
                background-color: RGBA(3, 81, 115, 0.72);
            }

            .title_style2 .title .line1:before {
                content: '';
                position: absolute;
                left: -45px;
                top: 13px;
                height: 1px;
                width: 40px;
                background-color: RGBA(3, 81, 115, 0.72);
            }

            .title_style2 .title .line2:after {
                content: '';
                position: absolute;
                right: -65px;
                top: 16px;
                height: 1px;
                width: 60px;
                background-color: RGBA(3, 81, 115, 0.72);
            }

            .title_style2 .title .line2:before {
                content: '';
                position: absolute;
                left: -65px;
                top: 16px;
                height: 1px;
                width: 60px;
                background-color: RGBA(3, 81, 115, 0.72);
            }

/*** title_style3 ***/
.title_style3 {
    font-size: 14px;
    font-size: 1.4rem;
    color: #1B97A2;
    width: 100%;
    height: 23px;
}

    .title_style3:hover {
        color: #555;
    }

/*** title_style4 ***/
.title_style4 {
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 40px;
    color: #32B8C4;
    padding-right: 45px;
}

    .title_style4:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        width: 42px;
        background: url('../images/title_icon_6.png') no-repeat center center;
        background-size: 80%;
        opacity: .7;
    }

    .title_style4:before {
        content: '';
        position: absolute;
        right: 30px;
        bottom: 0;
        height: 2px;
        width: 50%;
        background-color: #90DADD;
        -webkit-border-radius: 50% 50% 0 50%;
        -moz-border-radius: 50% 50% 0 50%;
        -o-border-radius: 50% 50% 0 50%;
        -ms-border-radius: 50% 50% 0 50%;
        border-radius: 50% 50% 0 50%;
    }

    .title_style4:hover {
        color: #009ead;
    }

/*** title_style5 ***/
.title_style5 {
    font-size: 18px;
    font-size: 1.8rem;
    color: RGB(50, 184, 196);
    line-height: 20px;
}

/*** title_style6 ***/
.title_style6 {
    position: relative;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 45px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
    padding-right: 12px;
}

    .title_style6:after {
        content: '';
        position: absolute;
        right: 164px;
        top: 0;
        bottom: 0;
        z-index: 0;
        width: 31px;
        background: url('../images/title_icon2.png') no-repeat center center;
        background-size: 80%;
    }

/*** title_style7 ***/
.title_style7 {
    font-size: 17px;
    font-size: 1.3rem;
    line-height: 32px;
    text-align: center;
    margin: 20px 0 50px 0;
    color: rgba(3, 81, 115, 0.71);
    position: relative;
}

    .title_style7 .title {
        display: inline-block;
        padding: 0 35px 10px;
        border-bottom: solid 4px rgba(76, 131, 156, 0.2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        position: relative;
    }

        .title_style7 .title:after {
            content: '';
            position: absolute;
            left: -43px;
            top: 0;
            bottom: -8px;
            z-index: 1;
            width: 50px;
            background: url('../images/title_icon3.png')no-repeat center center / 65%;
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
            opacity: .3;
        }

        .title_style7 .title:before {
            content: '';
            position: absolute;
            right: -43px;
            top: 0;
            bottom: -8px;
            z-index: 1;
            width: 50px;
            background: url('../images/title_icon3.png')no-repeat center center / 65%;
            opacity: .3;
        }

    .title_style7 .line {
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        width: 73px;
        height: 11px;
        margin: 0 auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border-bottom: solid 2px rgba(3, 81, 115, 0.33);
        opacity: .3;
    }

/*** title_style8 ***/
.title_style8 {
    font-size: 15px;
    font-size: 1.5rem;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
    color: RGBA(0, 121, 174, 0.8);
    text-align: center;
}

/*** title_style9 ***/
.title_style9 {
    font-size: 20px;
    font-size: 1.2rem;
    text-align: center;
    color: #6E6E6E;
    margin: 10px 0 30px 0;
}

    .title_style9 .title {
        display: inline-block;
        line-height: 35px;
        position: relative;
    }

    .title_style9 .title_desc {
        font-size: 13.5px;
        font-size: 1.3rem;
        color: #969696;
        display: inline-block;
        position: relative;
        max-height: 100px;
    }

        .title_style9 .title_desc:after {
            content: '';
            position: absolute;
            left: -25px;
            right: auto;
            top: 0;
            bottom: 0;
            width: 20px;
            background: url('../images/star.png')no-repeat center center;
            background-size: 70%;
        }

        .title_style9 .title_desc:before {
            content: '';
            position: absolute;
            right: -25px;
            left: auto;
            top: 0;
            bottom: 0;
            width: 20px;
            background: url('../images/star.png')no-repeat center center;
            background-size: 70%;
        }

/*** title_style10 ***/
.title_style10 {
    line-height: 70px;
    font-size: 10px;
    font-size: 0.8rem;
    color: #33b9c5;
    text-align: center;
}

/*** title_style11 ***/
.title_style11 {
    text-align: center;
    font-size: 10px;
    font-size: 0.7rem;
    line-height: 28px;
    color: #2BA9B4;
    position: relative;
    padding: 10px;
}

    .title_style11:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -12px;
        z-index: 1;
        height: 15px;
        background: url('../images/divider.png')no-repeat center center;
        background-size: 16%;
    }

    .title_style11 .title {
        width: 100%;
        max-height: 60px;
        overflow: hidden;
    }

        .title_style11 .title .link:hover {
            color: #1596A2;
        }

/*** title_style12 ***/
.title_style12 {
    max-height: 50px;
    width: 100%;
    padding: 0 40px 0 0;
    overflow: hidden;
    font-size: 10px;
    font-size: 0.8rem;
    color: #666;
    margin-top: 28px;
    margin-bottom: 0px;
}

    .title_style12 .title {
        position: relative;
    }

        .title_style12 .title:after {
            content: '';
            position: absolute;
            right: -38px;
            top: 0px;
            bottom: 0px;
            width: 50px;
            background: url('../images/video_5.png')no-repeat center center;
            background-size: 25%;
            opacity: .8;
        }

        .title_style12 .title .link:hover {
            color: #009ead;
        }

/*** title_style13 ***/
.title_style13 {
    margin: 0 auto;
    font-size: 10px;
    font-size: 0.8rem;
    text-align: center;
    line-height: 30px;
    color: #8C8C8C;
    margin-bottom: 15px;
    max-width: 700px;
    position: relative;
    top: -40px;
    z-index: 2;
}

    .title_style13 .title {
        display: inline-block;
        padding: 0 15px;
        position: relative;
    }

        .title_style13 .title:after {
            content: '';
            position: absolute;
            right: -50px;
            top: 4px;
            bottom: 0;
            left: auto;
            z-index: 1;
            width: 60px;
            background: url('../images/shape.png')no-repeat center center;
            background-size: 55%;
        }

        .title_style13 .title:before {
            content: '';
            position: absolute;
            right: auto;
            top: 4px;
            bottom: 0;
            left: -50px;
            z-index: 1;
            width: 60px;
            background: url('../images/shape_2.png')no-repeat center center;
            background-size: 55%;
        }
/*** title_style14 ***/
.title_style14 {
    font-size: 16.5px;
    font-size: 1.65rem;
    text-align: center;
    line-height: 30px;
    padding: 10px 0 5px 0;
    color: #00adbd;
}

    .title_style14 .title {
        display: inline-block;
    }

/*** title_style15 ***/
.title_style15 {
    background-color: rgb(248, 248, 248);
    line-height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    color: RGBA(65, 65, 65, 0.5);
    padding-right: 25px;
    position: relative;
}

    .title_style15:after {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 50px;
        background: url('../images/links.png')no-repeat center center;
        background-size: 70%;
        opacity: .3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

/*** title_style16 ***/
.title_style16 {
    text-align: right;
    font-size: 25px;
    font-size: 2.5rem;
    color: #337E9F;
    margin-top: 30px;
    max-height: 40px;
}

/*** title_style17 ***/
.title_style17 {
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 36px;
    color: #9ce0ff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

/*** title_style18 ***/
.title_style18 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 40px;
    color: #24B1BF;
}




/************ services_part ************/
.services_part {
    overflow: hidden;
    margin: 0 0 50px 0;
}

    .services_part .services {
        position: relative;
    }

    .services_part .left {
        float: left;
        width: 41.5%;
        text-align: right;
        direction: rtl;
        min-height: 477px;
        position: relative;
        background-color: #fafafa;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

        .services_part .left .services_desc {
            display: none;
            padding: 0 40px 0 100px;
            background-color: #fafafa;
        }

            .services_part .left .services_desc .description_items {
                direction: rtl;
                color: #7B7B7B;
                margin-top: 10px;
            }

                .services_part .left .services_desc .description_items,
                .services_part .left .services_desc .description_items * {
                    font-size: 1.35rem !important;
                }

                    .services_part .left .services_desc .description_items .title {
                        font-size: 2.5rem !important;
                    }

                    .services_part .left .services_desc .description_items p {
                        overflow: hidden;
                        text-align: justify;
                        line-height: 30px;
                    }

        .services_part .left .subtitles {
            margin-top: 12px;
            line-height: 15px;
        }

        .services_part .left .services_desc .description_items ul li {
            width: 100%;
            /*float: right;*/
            font-size: 13.5px;
            font-size: 1.35rem;
            color: #909090;
            padding-right: 40px;
            margin-top: 15px;
            padding: 5px 40px 5px 0;
            line-height: 28px;
            position: relative;
        }

            .services_part .left .services_desc .description_items ul li:before {
                content: '';
                position: absolute;
                top: 4px;
                right: 0;
                height: 28px;
                width: 28px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                background: url('../images/dental7.png')no-repeat center center / 40%;
                border: solid 1px rgba(98, 200, 209, 0.65);
                opacity: .7;
            }

        .services_part .left .btn_part {
            position: relative;
            height: 50px;
            margin: 35px 0 7px 0;
        }

            .services_part .left .btn_part .btn_style1 {
                bottom: auto;
                right: 0;
                width: 150px;
                background-color: #FF8290;
                border: none;
                font-size: 14px;
                font-size: 1.4rem;
            }

                .services_part .left .btn_part .btn_style1 .hover {
                    background-color: #DB5766;
                }

    .services_part .center {
        float: left;
        width: 17%;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

        .services_part .center .services_list {
            height: 100%;
            padding: 40px 0;
            background: url('../images/bgbg.png')repeat;
        }

            .services_part .center .services_list ul {
                position: relative;
            }

        .services_part .center .services_list_items {
            font-size: 17.5px;
            font-size: 1.75rem;
            text-align: center;
            line-height: 65px;
            color: #fff;
            cursor: pointer;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            border: solid 1px rgba(255, 255, 255, 0.33);
            border-bottom: none;
            position: relative;
        }

            .services_part .center .services_list_items:after {
                content: '';
                position: absolute;
                right: -16px;
                top: 17px;
                border-left: solid 15px #FAFAFA;
                border-top: solid 15px transparent;
                border-bottom: solid 15px transparent;
                display: none;
            }

        .services_part .center .active {
            background-color: #FAFAFA;
            color: #035173;
            border: solid 1px #FAFAFA;
            border-bottom: none;
        }

            .services_part .center .active:after {
                display: block;
            }

        .services_part .center .services_list_items:last-child {
            border: solid 1px rgba(255, 255, 255, 0.33);
        }

        .services_part .center .services_list_items:hover {
            background-color: #FAFAFA;
            color: #035173;
            border: solid 1px #FAFAFA;
            border-bottom: none;
        }

        .services_part .center .services_list_items:last-child:hover {
            border: solid 1px #FAFAFA;
            border-bottom: none;
        }

    .services_part .right {
        width: 41.5%;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

.services_2 {
    display: none;
    position: relative;
}














/******************************* CATEGORY ************************************/
.category_page {
    overflow: hidden;
}

.search_result .result_title {
    color: #777;
    font-size: 1.1rem;
    line-height: 23px;
    float: right;
}

.search_result .tag_style1 {
    color: #fff;
    float: right;
    font-size: 1.2rem;
    margin-right: 25px;
    max-width: 78%;
}

    .search_result .tag_style1 .tag {
        border: solid 1px #E3E3E3;
        border-radius: 0 2px 2px 0;
        background-color: #f5f5f5;
        float: right;
        color: #40b6b7;
        font-size: 0.95rem;
        line-height: 28px;
        padding: 0 15px;
        margin: 0 10px 10px;
        position: relative;
    }

        .search_result .tag_style1 .tag::before {
            position: absolute;
            right: -7px;
            top: -1px;
            content: "";
            transform: skewX(-25deg);
            width: 16px;
            height: 100%;
            background-color: #f5f5f5;
            border-top: 1px solid #E3E3E3;
            border-right: 1px solid #E3E3E3;
        }

        .search_result .tag_style1 .tag::after {
            position: absolute;
            left: -8px;
            top: 0;
            content: "";
            width: 16px;
            height: 100%;
            transform: skewX(-25deg);
            border-bottom: 1px solid #E3E3E3;
            border-left: 1px solid #E3E3E3;
            background-color: #f5f5f5;
        }

.search_result .nom {
    color: #40b6b7;
    float: left;
    font-size: 1.1rem;
    line-height: 38px;
    margin-right: 45px;
    padding-right: 17px;
}

    .search_result .nom .txt_color1 {
        color: #ff9000;
    }

.cat_description {
    margin-top: 20px;
    background-color: #f0f0f0;
    position: relative;
    padding: 35px 0;
}

    .cat_description:before {
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        content: "";
        background-color: inherit;
        width: 1000px;
    }

    .cat_description:after {
        position: absolute;
        right: 100%;
        top: 0;
        bottom: 0;
        content: "";
        background-color: inherit;
        width: 1000px;
    }

.cat_description {
    padding: 15px 0;
    text-align: justify;
    font-size: 1.75rem;
    color: #072733;
    line-height: 75px;
}

    .cat_description > h1 {
        font-size: 1.0rem;
        line-height: 30px;
        height: 35px;
        margin-bottom: 15px;
    }

    .cat_description li {
        padding: 0 17px 0 25px;
        position: relative;
    }

        .cat_description li:before {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            z-index: 0;
            width: 30px;
            height: 30px;
            background: url('./images/icon/article_list_style.png') no-repeat right center / 10px auto;
            opacity: .7;
        }





/**************** breadcrumb_style1 ******************/
.breadcrumb_part {
    margin: 10px 0;
}

.breadcrumb_style1 {
    margin: 0 auto;
    font-size: 11.3px;
    font-size: 1.13rem;
    line-height: 28px;
    color: RGBA(3, 81, 115, 0.51);
    padding-right: 43px;
}

    .breadcrumb_style1 .breadcrumb_items {
        display: inline-block;
        margin: 0 10px;
    }

        .breadcrumb_style1 .breadcrumb_items .link {
            display: block;
            padding: 0 17px;
            background-color: #f6f6f6;
            position: relative;
        }

            .breadcrumb_style1 .breadcrumb_items .link:after {
                content: '';
                position: absolute;
                right: -18px;
                top: 0;
                bottom: 0;
                left: auto;
                width: 0;
                height: 0;
                border-bottom: solid 28px transparent;
                border-left: solid 18px #F6F6F6;
            }

            .breadcrumb_style1 .breadcrumb_items .link:before {
                content: '';
                position: absolute;
                left: -15px;
                top: 0;
                bottom: 0;
                right: auto;
                width: 0;
                height: 0;
                border-top: solid 28px transparent;
                border-right: solid 15px #f2f2f2;
            }

            .breadcrumb_style1 .breadcrumb_items .link:hover {
                color: #33B9C5;
            }

        .breadcrumb_style1 .breadcrumb_items:last-child .link:hover {
            color: RGBA(3, 81, 115, 0.51);
        }

/*** img_style14 ***/
.img_style14 {
    display: inline-block;
    background: none no-repeat center center / cover;
    margin-top: 5px;
    margin-bottom: 0px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
}

    .img_style14 img {
        max-height: 200px;
        max-width: 100%;
    }
/************ mainbook ************/
/*** mainbook_style1 ***/
.mainbook_style1 {
    margin-top: 0px;
    font-size: 10.5px;
    font-size: 1.0em;
    line-height: 35px;
    
    text-align: justify;
    color: #888;
}
.mainbook_style1 p {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 10.5px;
    font-size: 1.0em;
    line-height: 35px;
}

    .mainbook_style1.content_style1 li {
        width: 100%;
    }

/**************************************************mainbook_detail_Page **************************************************/
#mainbook_detail_Page .mainbook_detail .inner {
    padding: 30px 20px;
    text-align: center;
}

#mainbook_detail_Page .information_part2 {
    border-top: solid 2px #32b8c4;
    padding-top: 10px;
    position: relative;
    margin-top: 40px;
}
/************************************************** Articles_archive **************************************************/
#articles_archive_page {
    direction: rtl;
}

    #articles_archive_page .title_part {
        margin-top: 30px;
    }

        #articles_archive_page .title_part .divider_style2:before {
            background: url('./images/article_3.png') no-repeat 15px 12px;
            background-size: 23px;
        }

    #articles_archive_page .pagination_part {
        padding: 20px 0;
        margin-top: 20px;
    }

    #articles_archive_page .articles .articles_in .items {
        float: right;
        width: 27.33%;
        margin: 30px 3%;
    }

    #articles_archive_page .btn_style1 {
        left: 18px;
        bottom: 18px;
        color: #33b9c5;
        background-color: #fff;
        border: solid 1px #33b9c5;
        line-height: 38px;
        font-size: 13px;
        font-size: 1.3rem;
    }

        #articles_archive_page .btn_style1 .hover {
            background-color: #33b9c5;
        }

/*** par_style11 ***/
.par_style11 {
    font-size: 10px;
    font-size: 0.9rem;
    line-height: 23px;
    color: #6E6E6E;
    text-align: justify;
    padding: 20px;
}

    .par_style11 .text {
        overflow: hidden;
        width: 100%;
        height: 90px;
    }



/*** box_style2 ***/
.box_style2 {
    position: relative;
}

    .box_style2 .info_part {
        width: 58px;
        position: absolute;
        top: 0;
        right: 0;
        border: solid 1px #eee;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }

        .box_style2 .info_part .date_part {
            border-top: none;
            padding: 5px 0;
            border-top: solid 1px #eee;
        }

            .box_style2 .info_part .date_part .mounth {
                display: block;
                font-size: 11px;
                font-size: 1.1rem;
                text-align: center;
                color: #adadad;
            }

            .box_style2 .info_part .date_part .year {
                display: block;
                font-size: 15px;
                font-size: 1.5rem;
                text-align: center;
                color: #868686;
            }

        .box_style2 .info_part .views_part {
            height: 50px;
            border-bottom: solid 3px #359098;
            -webkit-border-radius: 0% 0% 15% 15%;
            -moz-border-radius: 0% 0% 15% 15%;
            -ms-border-radius: 0% 0% 15% 15%;
            -o-border-radius: 0% 0% 15% 15%;
            border-radius: 0% 0% 15% 15%;
            padding: 5px;
            background-color: #40BDC8;
        }

            .box_style2 .info_part .views_part .text {
                display: block;
                text-align: center;
                font-size: 13px;
                font-size: 1.3rem;
                color: #fff;
            }

            .box_style2 .info_part .views_part .icon {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 6px;
                height: 20px;
                background: url('./images/view_2.png') no-repeat center center;
                background-size: 30%;
            }

    .box_style2 .box_items {
        position: relative;
        padding-right: 78px;
    }

        .box_style2 .box_items:last-child {
            padding-right: 0;
        }

        .box_style2 .box_items .title .link {
            display: block;
            line-height: 30px;
            height: 30px;
        }

    .box_style2 .pic_link {
        display: block;
        width: 100%;
        height: 150px;
        background: none no-repeat center center / cover;
        position: relative;
    }

        .box_style2 .pic_link:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1;
            background-color: #33B9C5;
            opacity: 0;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
        }

        .box_style2 .pic_link:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 2;
            opacity: 0;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            background: url('./images/hover_plus.png') no-repeat center center;
            background-size: 7.5%;
        }

        .box_style2 .pic_link:hover:after {
            opacity: .7;
        }

        .box_style2 .pic_link:hover:before {
            opacity: .9;
        }

    .box_style2 .btn_part {
        margin-top: 40px;
        height: 13px;
        background: url('./images/divider_2.png') repeat-x;
        position: relative;
    }

        .box_style2 .btn_part .btn_style1 {
            bottom: -9px;
            left: 0;
            right: auto;
            line-height: 35px;
            background-color: #fff;
            color: RGB(51, 185, 197);
            border: solid 1px RGB(51, 185, 197);
        }

            .box_style2 .btn_part .btn_style1 .text {
                width: 112px;
                padding: 0;
                padding-right: 17px;
                -webkit-transition: all .1s ease;
                -moz-transition: all .1s ease;
                -ms-transition: all .1s ease;
                -o-transition: all .1s ease;
                transition: all .1s ease;
            }

            .box_style2 .btn_part .btn_style1:hover .text {
                padding-right: 5px;
            }

            .box_style2 .btn_part .btn_style1 .hover {
                background-color: RGB(51, 185, 197);
                top: 50%;
                height: 95px;
            }

/*** box_style3 ***/
.box_style3 .box_items .box_items_in {
    position: relative;
    border-right: solid 3px #33B9C5;
    background-color: #f3f3f3;
}

.box_style3 .box_items .white_bg {
    background-color: #efeeed;
}

.box_style3 .box_items .btn {
    height: 50px;
}
/*** box_style4 ***/
.box_style4 {
    border: solid 3px #f6f6f6;
    position: relative;
    background-color: #f9f9f9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

    .box_style4 .box_items {
        float: right;
        width: 55%;
    }

    .box_style4 .pic {
        position: relative;
        width: 45%;
    }

        .box_style4 .pic:after {
            content: '';
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            z-index: 1;
            background-color: rgba(0, 0, 0, 0.33);
            opacity: 0;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            -webkit-border-radius: 1.5px;
            -moz-border-radius: 1.5px;
            -ms-border-radius: 1.5px;
            -o-border-radius: 1.5px;
            border-radius: 1.5px;
        }

        .box_style4 .pic .link {
            position: absolute;
            right: -20px;
            top: 50%;
            z-index: 2;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-border-radius: 0 30% 0 30%;
            -moz-border-radius: 0 30% 0 30%;
            -ms-border-radius: 0 30% 0 30%;
            -o-border-radius: 0 30% 0 30%;
            border-radius: 0 30% 0 30%;
            background-color: rgb(49, 183, 195);
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

            .box_style4 .pic .link:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                background: url('../images/video_4.png')no-repeat center center;
                background-size: 30%;
                opacity: .7;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        .box_style4 .pic .image {
            height: 190px;
            width: 100%;
            background: none no-repeat center center;
            background-size: cover;
        }

    .box_style4 .info_items_in .paragraph_part {
        font-size: 1.15rem;
        font-size: 11.5px;
        padding: 10px 25px 0 60px;
        color: #959595;
        max-height: 100px;
        width: 100%;
        overflow: hidden;
        text-align: justify;
        line-height: 24px;
    }

    .box_style4 .info_items_in .information_part {
        font-size: 11.5px;
        font-size: 1.15rem;
        line-height: 20px;
        color: RGBA(53, 53, 53, 0.4);
        margin-top: 10px;
    }

        .box_style4 .info_items_in .information_part .date {
            width: 45%;
            float: right;
            text-align: left;
        }

            .box_style4 .info_items_in .information_part .date .text {
                text-align: center;
                position: relative;
            }

                .box_style4 .info_items_in .information_part .date .text:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: -35px;
                    width: 40px;
                    background: url('./images/calender.png')no-repeat center center;
                    background-size: 45%;
                    opacity: .4;
                }

        .box_style4 .info_items_in .information_part .views {
            width: 50%;
            float: right;
            text-align: center;
        }

            .box_style4 .info_items_in .information_part .views .count {
                text-align: center;
                position: relative;
            }

                .box_style4 .info_items_in .information_part .views .count:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: -40px;
                    width: 40px;
                    background: url('./images/view_3.png')no-repeat center center;
                    background-size: 65%;
                    opacity: .4;
                }

    .box_style4:hover .pic .link {
        right: 83px;
        margin-left: auto;
        margin-right: auto;
        width: 55px;
        height: 55px;
        background-color: #2E2E2E;
        margin-top: -30px;
        background-position: 15px 12px;
    }

    .box_style4:hover .pic:after {
        opacity: 1;
    }

/*** box_style5 ***/
.box_style5 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #f2f2f2;
}

/*** box_style6 ***/
.box_style6 {
    background-color: RGB(98, 200, 209);
    position: relative;
    padding: 8px 0 15px 15px;
    height: 97px;
}

    .box_style6:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
        z-index: 1;
        border-top: solid 97px RGB(99, 190, 197);
        border-right: solid 80px #fff;
    }

    .box_style6 .title_part {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        padding-right: 100px;
        color: RGB(21, 131, 138);
    }

    .box_style6 .description_part {
        font-size: 12.7px;
        font-size: 1.27rem;
        line-height: 20px;
        color: RGB(248, 248, 248);
        padding-right: 100px;
        text-align: justify;
        max-height: 45px;
        width: 100%;
        margin-top: 4px;
    }

    .box_style6 .img {
        position: absolute;
        top: -1px;
        right: -50px;
        z-index: 10;
        width: 110px;
        height: 110px;
        border: solid 10px #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }
/*** img_style11 ***/
.img_style11 {
    height: 170px;
    position: relative;
    background: none no-repeat center center / cover;
}

    .img_style11 .link {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: RGBA(234, 234, 234, 0.45);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

        .img_style11 .link:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: url('./images/article_3.png')no-repeat center center;
            background-size: 11%;
        }

    .img_style11:hover .link {
        opacity: 1;
    }


/*** img_style12 ***/
.img_style12 {
    height: 600px;
    background: url('./images/faq.jpg')no-repeat center -10px;
    background-size: 60% 84%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

/*** img_style13 ***/
.img_style13 {
    width: 100%;
    height: 100%;
    background: none no-repeat center center / cover;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}



/************ Divider ************/
/*** divider_style1 ***/
.divider_style1 {
    height: 20px;
    background: url('./images/divider.png') no-repeat center center;
    background-size: 15%;
    padding: 13px 0;
}
/*** divider_style2 ***/
.divider_style2 {
    height: 92px;
    background: url('./images/title_bg.png')no-repeat center center;
    background-size: 134px;
    position: relative;
}

    .divider_style2 .grad_line1 {
        height: 4px;
        background: rgba(240,240,240,1);
        background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(50%, rgba(240,240,240,0)), color-stop(100%, rgba(240,240,240,0)));
        background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1 );
        position: absolute;
        bottom: 1px;
        left: 0px;
        width: 46.5%;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .divider_style2 .grad_line2 {
        height: 4px;
        background: rgba(240,240,240,1);
        background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(50%, rgba(240,240,240,0)), color-stop(100%, rgba(240,240,240,0)));
        background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 50%, rgba(240,240,240,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1 );
        position: absolute;
        bottom: 1px;
        right: 0px;
        width: 46.5%;
    }

    .divider_style2:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 25px;
        bottom: 0;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .divider_style2:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 18px;
        bottom: 0;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url('./images/dental4.png') no-repeat center center;
        background-size: 50%;
        opacity: .7;
    }

/*** divider_style3 ***/
.divider_style3 {
    display: block;
    position: relative;
    height: 10px;
    margin-top: 5px;
}

    .divider_style3:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        height: 2px;
        width: 30px;
        margin: 0 auto;
        background-color: rgba(255, 0, 0, 0.37);
    }

    .divider_style3:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        height: 2px;
        width: 30px;
        margin: 0 auto;
        background-color: rgba(255, 0, 0, 0.37);
    }
/**************************mainrezomeh******************************/
#mainrezomeh {
    width: 90%;
    font-size: 15px;
    font-size: 1.8rem;
    text-align: justify;
    color: #555;
    line-height: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all .3s ease-in-out;
    padding-right: 20px;
    direction: rtl;
    text-align: justify;
    margin-left: 45px;
    transition: all .3s ease-in-out;
    list-style-image: url('./images/arr1.jpg');
    line-height: 42px;
}
/**********************************mainbio**********************************/
#mainbio {
    width: 90%;
    font-size: 10px;
    font-size: 1.2em;
    text-align: justify;
    color: #555;
    line-height: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all .3s ease-in-out;
    padding-right: 20px;
    direction: rtl;
    text-align: justify;
    margin-left: 45px;
    transition: all .3s ease-in-out;
    list-style-image: url('./images/arr1.jpg');
    line-height: 42px;
}

















.aboutus_part2 .inner{
    padding-top: 1px;
}
.aboutus_part2:before{
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 120px;
    background: url("../_images/bg/gradient_bg2.png") repeat center bottom / auto 100%;
}
.aboutus_part2 .right_part {
    width: 100%;
    float: right;
    position: relative;
}


.aboutus_part2 .inner:after {
    content: '';
    position: absolute;
    bottom: 50px;
    width: 30%;
    left: 0;
    background: url('./_images/bg/section_circle.png') no-repeat center bottom / 100% auto;
    height: 50px;
    z-index: 3;
    opacity: 0.05;
}



.aboutus_part2 .pic {
    width: 250px;
    margin: 0 auto;
    position: relative;
}

.aboutus_part2 .pic img {
    max-width: 100%;
}

.aboutus_part2 .pic:before,
.aboutus_part2 .pic:after {
    content: '';
    position: absolute;
    top: 70px;
    right: 10px;
    height: 19px;
    width: 40px;
    background: url('./_images/bg/button_before.png') no-repeat center;
}

.aboutus_part2 .pic:after {
    right: 85%;
}

.aboutus_part2 .right_part .title {
    text-align: center;
    color: #32B27E;
    font-size: 1.3rem;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
}

.aboutus_part2 .right_part .title:before,
.aboutus_part2 .right_part .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 200px;
    margin: 0 auto;
    height: 1px;
    box-sizing: border-box;
    border-bottom: dashed 1px #FFF;
    z-index: 2;
}

.aboutus_part2 .right_part .title:after {
    width: 250px;
    border-bottom: solid 1px #32B27E;
    z-index: 1;
}

.aboutus_part2 .right_part .text {
    text-align: justify;
   font-size: 1.1rem;
    line-height: 54px;
    text-align: justify;
    color:#070606;
    line-height: 37px;
}


.aboutus_part2 .right_part .text5 {
    text-align: justify;
   font-size: 1.3rem;
    line-height: 24px;
         
            font-style: normal;
    text-align: justify;
   color:#32B27E;
    line-height: 27px;
}
.margin30-bottom {
    margin-bottom: 16px !important; }
  
  .latest-news {
    padding: 0 0 45px 0; 
    height: 100%;
    font-size: 16px !important;}
    .latest-news h2 {
      padding: 7px; }
    .latest-news img {
      float: right; }
    .latest-news article div {
      max-width: 300px !important;
      display: table !important;
      margin-left: auto !important;
      margin-right: auto !important; }
.figure-news {
    padding: 5px 0 !important;
    background-color: white; }
    .figure-news span {
      margin-top: 6px !important;
      font-size: 0.7em;
      color: #626262;
      padding: 5px 15px; }
    .figure-news h5,
    .figure-news p {
      padding: 3px 15px; }
    .figure-news h5 a {
      font-size: 1em;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out; }
    .figure-news p {
      font-size: 0.7em; }
    .figure-news a span {
      font-size: 1em;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out; }
      .figure-news a span:hover {
        cursor: pointer !important;
        color: #ecb900 !important; }
    .figure-news h5 a:hover {
      cursor: pointer !important;
      color: #ecb900 !important; }
    .figure-news span {
      padding-right: 20px !important; }
  
  .header-news {
    margin-top: 15px; }
    .header-news span {
      position: absolute;
      top: 8px;
      left: 8px !important;
      height: 35px;
      width: 70px;
      border-radius: 4px;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out; }
      .header-news span:hover {
        color: #ecb900 !important;
        background-color: #002147 !important; }
  
  .news-letter-fix {
    position: absolute;
    top: -57px;
    right: 0;
    border-radius: 3px;
    background-color: #ecb900;
    width: 100% !important;
    z-index: 500; }
    .news-letter-fix div {
      padding: 15px 60px;
      width: 50%; }
    .news-letter-fix form {
      padding: 15px 60px;
      width: 50%;
      margin-top: 20px; }
      .news-letter-fix form input {
        width: 75%; }
    .news-letter-fix h3 {
      font-size: 1.5em; }
    .news-letter-fix p {
      font-size: 1em; }
    .news-letter-fix form input,
    .news-letter-fix form button {
      height: 45px;
      background-color: #fff; }
    .news-letter-fix form input {
      padding: 15px;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px;
      font-family: yekan; }
    .news-letter-fix button {
      padding: 7px 20px;
      text-align: center;
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      font-family: yekan;
      background-color: #f3f3f3 !important;
      width: 25%;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out; }
      .news-letter-fix button:hover {
        background-color: #002c5d !important;
        color: white !important; }
        
#brands {
    padding: 0 0 100px 0; }
    #brands img {
      cursor: pointer;
      border: none !important;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out; }
      #brands img:hover {
        -webkit-filter: grayscale(0%) !important;
        filter: grayscale(0%) !important; }
  
  #index-footer {
    color: #cbcbcb !important; }
    #index-footer h2 {
      padding: 90px 5px 5px 5px !important; }
    #index-footer .col-lg-3 {    padding: 40px 10px; }
    ::selection {
        border: 0;
        background: transparent;
        outline: 0; }
      
      .clearfix::after {
        content: "";
        clear: both;
        display: table; }
      
      .padd {
        padding: 30px 20px 0 20px; }
      
      :focus {
        outline: 0; }
.text-center {
    text-align: center !important; }
    .float-left {
        float: left; }
      
      .float-right {
        float: right; }
      
      .position-re {
        position: relative; }
      
      .text-right {
        text-align: right; }
      
      .text-left {
        text-align: left; }
      
      .text-center {
        text-align: center !important; }
      
      .text-white {
        color: white !important; }
      
      .text-black {
        color: #525252 !important; }
      
      .text-red {
        color: red; }
      
      .text-grey {
        color: grey !important; }
      
      .text-gold-main {
        color: #fdc800 !important; }
      
     
    .main-back-color-gold {
        background-color: #fdc800; }
      
      .main-back-color-blue {
        background-color: #002147; }
/***   color: #002e3f;*/

.full-width {
    width: 100%; }
  

    .headContact {
        background-image: url(./img/contact/1_1_8_1_1_1.jpg);
        min-height: 508px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        font-family: yekan; }

        .headContact h1 {
            font-size: 6em;
            font-family: Mj_Casablanca;
            padding-top: 150px; }
          .headContact nav ul {
            margin-top: -26px; }
          .headContact ul li {
            display: inline-block;
            font-size: 1.5em; }
        
        .headContactArticle i {
          font-size: 0.5em; }
        .headContactArticle span {
          padding-right: 15px; }
          .padding-r-12 {
            padding-right: 12px; }
          
          .contactMain {
            padding: 30px 0;
            color: #8a8a8a; }

            #newsPage {
                padding: 60px 0 30px 0; }
              
              .title-news-page {
                position: absolute;
                top: 20px;
                right: 30px;
                padding: 0 15px;
                border-radius: 5px; }
              
              .date-news-page {
                font-size: 0.9em;
                color: #8a8a8a; }
              
              .articleNews {
             
                padding: 16px 25px;
                float: right; }
                .articleNews h5 a {
                  color: #444444;
                  font-size: 2.5em;
                  -ms-transition: all 0.3s ease-in-out;
                  -moz-transition: all 0.3s ease-in-out;
                  -webkit-transition: all 0.3s ease-in-out;
                  transition: all 0.3s ease-in-out; }
                .articleNews h5:hover a {
                  color: #ecb900; }
                .articleNews p {
                  color: #666666;
                  font-size:1.0em; 
                  display: block;
                  margin-block-start: 1em;
                  margin-block-end: 1em;
                  margin-inline-start: 0px;
                  margin-inline-end: 0px;
                  text-align: justify;
                  line-height: 35px;}
                .articleNews a {
                  padding-top: 15px;
                  color: #444444;
                 
                  -ms-transition: all 0.3s ease-in-out;
                  -moz-transition: all 0.3s ease-in-out;
                  -webkit-transition: all 0.3s ease-in-out;
                  transition: all 0.3s ease-in-out; }
                  .articleNews a:hover {
                    color: #002147; }
              
              .margin-top-20 {
                margin: 30px 0; }
                        



a {
    color: #002147;
    text-decoration: none; }


    @media only screen and (max-width: 390px) {
        .footer-news {
          padding: 0 !important;
          margin: 0 !important; }



          #pagination {
            padding: 30px 0; }
          
          .pagination ul li {
            margin-right: 5px; }
            .pagination ul li a {
              background-color: white;
              color: #002147;
              padding: 8px 17px;
              font-size: 0.9em;
              -ms-transition: all 0.3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              .pagination ul li a:hover {
                background-color: #e9ecef; }
          
          .active-pagination {
            background-color: #002147 !important;
            color: white !important; }
          
          .titleNewsDetials {
            color: #444444;
            font-size: 1.3em; }


            .asideBottom img {
                vertical-align: middle; }        


  .recent ul {
    margin-top: 20px; }
  
  .recent-news {
    margin-bottom: 10px !important;
    max-width: 460px; }
    .recent-news img {
      margin-top: 10px !important;
      height: 60px !important;
      width: 100px !important;
      padding: 0 15px; }
    .recent-news a {
      color: #222222;
      font-size: 0.93em !important;
      -ms-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .recent-news a:hover {
        color: #ecb900; }
    .recent-news span {
      color: #555555;
      font-size: 0.87em !important; }
      .titleAside {
        color: #444444;
        padding: 0 0 5px 0;
        font-size: 1.1em;
        position: relative; }
        .titleAside::before {
          background: #8d8d8d none repeat scroll 0 0;
          bottom: 0;
          content: "";
          height: 2px;
          position: absolute;
          width: 30px; }
          @media only screen and (max-width: 765px) {
            .padding-footer-res {
              margin-top: 140px !important; }
          
            .news-letter-fix h3,
            .news-letter-fix p {
              padding: 5px !important;
              width: 100%;
              text-align: center !important; }
            .news-letter-fix form {
              width: 100% !important; }
          
            .headContact h1 {
              font-size: 3em;
              padding-top: 200px; }
            .headContact a,
            .headContact span {
              font-size: 0.8em; } }

              .latest,
.category,
.recent {
  background-color: white;
  margin-top: 30px;
  padding: 15px 25px; }
  section {
    display: block;
}
.figAsideBottom {
    position: absolute;
    top: 47%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0; }
    .figAsideBottom h4 {
      font-size: 1.5em;
      padding: 0 15px;
      line-height: 1.5; }



      .imgCenter{
        padding-right: 0px !important;
        padding-left: 0px !important;
      }
      .shareLink {
        margin: 20px 0 !important;
        padding: 15px 20px !important;
        border: 10px solid #002147; }
        .shareLink span {
       
          font-size: 0.2em;
          color: #444444; }
      
      .sharing img {
        vertical-align: middle;
        margin-right: 5px; }
      
      .shareLink a {
        font-size: 0.8em !important;
        padding-right: 5px !important;
        padding-top: 0 !important; }




        

















        .panel
{
    padding: 10px;
    text-shadow: 2px 2px 2px #E3E3E3;
	background-color: #f9f8e8;
	-webkit-border-radius: 105px 105px 105px 105px;
	border-radius: 105px 105px 105px 105px;
    -webkit-box-shadow: 0px 3px 14px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 14px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 14px 3px rgba(0,0,0,0.5);
    width: 550px;
    height: 190px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: auto auto;
    text-align: center;
}


.panel h1
{
    font-size: 22pt;
    line-height: 23pt;
}

.panel h2
{
    font-size: 14pt;
    line-height: 9pt;
}

.imgbox
{
    position: relative;
    top: 15px;
    left: 15px;
    float: left;
    background-color: white;
    padding: 4px;
    border: 1px solid #c4ccd4;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 95px 95px 95px 95px;
    width: 150px;
    height: 150px;
    transition: all 1s ease;
    -ms-interpolation-mode: bicubic; 
}

.imgbox:hover
{
    transform: scale(1.2);
}

.social
{
    list-style: none;
    display: block;
    height: 32px;
    margin-left: 190px;
    margin-right: 0px;
}

.social li
{
    width: 31px;
    margin: 0 2px;
    text-align: center;
    font-size: 17pt;
    display: inline-block;
    float: left;
    transition: all 1s ease;
}

.social li:hover
{
    transform: scale(1.5);
}

.social li a
{
    color: #aaa;
}

.social li a:hover
{
    color: #0c2855;
}


.contact
{
    position: relative;
    top: -20px;
    margin-left: 190px;
    margin-right: 40px;
    clear: both;
    display: block;
    direction: ltr;
}

.atsign
{
    width: 16px;
    height: 16px;
    margin: 2px;
    vertical-align: middle;
}

body {
	font-family: IRANSans !important;
	font-weight: 300;
    direction: rtl;
    background-color: #002147;
	
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
/* === CONTACT v2 (scoped) === */
.contact-v2{ 
  background:#efeeed;
  padding: clamp(16px, 3vw, 36px) 12px 56px;
}
.contact-v2 .c-wrap{
  max-width: 960px; margin: 0 auto;
}
.contact-v2 .c-head{
  text-align:center; margin-bottom: 12px;
}
.contact-v2 .c-head h1{
  margin:0 0 6px; font-weight:800; letter-spacing:-.015em;
  color:#1f2937; font-size: clamp(20px,2.2vw,28px); line-height:1.5;
}
.contact-v2 .c-head p{ margin:0; color:#6b7280; font-size:.98rem; }

/* Card */
.contact-v2 .c-card{
  background:#fff; border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  border:1px solid rgba(3,81,115,.06);
  padding: clamp(16px, 2.4vw, 28px);
}

/* list */
.contact-v2 .c-list{ margin:0; padding:0; display:grid; gap:.85rem; }
.contact-v2 .c-row{
  list-style:none; display:grid; grid-template-columns:32px 1fr; gap:.75rem;
  align-items:start; padding:.55rem .2rem; border-bottom:1px dashed rgba(0,0,0,.06);
}
.contact-v2 .c-row:last-child{ border-bottom:0; }
.contact-v2 .c-ic{ font-size:1.15rem; line-height:1; transform:translateY(2px); }
.contact-v2 .c-txt .lbl{ color:#6b7280; font-size:.92rem; margin-left:.4rem; }
.contact-v2 .c-txt a{
  color:#035173; text-decoration:none; border-bottom:1px dotted transparent;
}
.contact-v2 .c-txt a:hover{ color:#119bb4; border-color:#119bb4; }
.contact-v2 .sep{ opacity:.35; margin:0 .35rem; }
.contact-v2 .soc a{ display:inline-block; }

/* actions */
.contact-v2 .c-actions{ display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1rem; }
.contact-v2 .btn{ display:inline-block; padding:.55rem 1rem; border-radius:10px; font-size:.95rem; text-decoration:none; transition:.2s ease; }
.contact-v2 .btn.ghost{ background:#f2f6fb; color:#035173; }
.contact-v2 .btn.ghost:hover{ background:#e6eef8; }
.contact-v2 .btn.solid{ background:#119bb4; color:#fff; }
.contact-v2 .btn.solid:hover{ background:#0fa2bd; }

/* desktop: دو ستونه مرتب */
@media (min-width: 800px){
  .contact-v2 .c-list{ grid-template-columns:1fr 1fr; }
  .contact-v2 .c-row{ border-bottom:none; }
}