/*Font bellGothicStd-Black ****************************************************/
@font-face {
    font-family: 'bellGothicStd-Black';
    src: url('../fonts/BellGothicStd-Black.eot');
    src: local('Bell Gothic Std Black'), local('BellGothicStd-Black'), url('../fonts/BellGothicStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BellGothicStd-Black.woff2') format('woff2'), url('../fonts/BellGothicStd-Black.woff') format('woff'), url('../fonts/BellGothicStd-Black.ttf') format('truetype'), url('../fonts/BellGothicStd-Black.svg#BellGothicStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

/*Font hoboStd ****************************************************/
@font-face {
    font-family: 'hoboStd';
    src: url('../fonts/HoboStd.eot');
    src: local('Hobo Std Medium'), local('HoboStd'), url('../fonts/HoboStd.eot?#iefix') format('embedded-opentype'), url('../fonts/HoboStd.woff2') format('woff2'), url('../fonts/HoboStd.woff') format('woff'), url('../fonts/HoboStd.ttf') format('truetype'), url('../fonts/HoboStd.svg#HoboStd') format('svg');
    font-weight: 500;
    font-style: normal;
}

/*Font calibri-light ****************************************************/
@font-face {
    font-family: 'calibri-light';
    src: url('../fonts/Calibri-Light.eot');
    src: local('Calibri Light'), local('Calibri-Light'), url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri-Light.woff2') format('woff2'), url('../fonts/Calibri-Light.woff') format('woff'), url('../fonts/Calibri-Light.ttf') format('truetype'), url('../fonts/Calibri-Light.svg#Calibri-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Font kara-light ****************************************************/
@font-face {
    font-family: 'kara-light';
    src: url('../fonts/SGKara-Light.eot');
    src: local('SG Kara Light'), local('SGKara-Light'), url('../fonts/SGKara-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SGKara-Light.woff2') format('woff2'), url('../fonts/SGKara-Light.woff') format('woff'), url('../fonts/SGKara-Light.ttf') format('truetype'), url('../fonts/SGKara-Light.svg#SGKara-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/*Font kara-regular ****************************************************/
@font-face {
    font-family: 'kara-regular';
    src: url('../fonts/SGKara-Regular.eot');
    src: local('SG Kara Regular'), local('SGKara-Regular'), url('../fonts/SGKara-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SGKara-Regular.woff2') format('woff2'), url('../fonts/SGKara-Regular.woff') format('woff'), url('../fonts/SGKara-Regular.ttf') format('truetype'), url('../fonts/SGKara-Regular.svg#SGKara-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Font kara-bold ****************************************************/
@font-face {
    font-family: 'kara-bold';
    src: url('../fonts/SGKara-SemiBold.eot');
    src: local('SG Kara SemiBold'), local('SGKara-SemiBold'), url('../fonts/SGKara-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SGKara-SemiBold.woff2') format('woff2'), url('../fonts/SGKara-SemiBold.woff') format('woff'), url('../fonts/SGKara-SemiBold.ttf') format('truetype'), url('../fonts/SGKara-SemiBold.svg#SGKara-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}



.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden; /*for a smooth font */
}

    .ch-info h3 {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 2px;
        font-size: 15px;
        margin: 0 30px;
        padding: 65px 0 0 0;
        height: 25px;
        font-family: 'bellGothicStd-Black';
        text-shadow: 0 0 1px rgba(0,0,0,1), 0 1px 2px rgba(0,0,0,1);
    }

    .ch-info p {
        color: #fff;
        padding: 10px 5px;
        margin: 0 30px;
        font-size: 14px;
        border-top: 1px solid rgba(255,255,255,0.5);
        font-family: 'kara-regular';
    }

        .ch-info p a {
            display: block;
            color: #fff;
            color: rgba(255,255,255,0.7);
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 9px;
            letter-spacing: 1px;
            padding-top: 4px;
            font-family: 'Open Sans', Arial, sans-serif;
        }

            .ch-info p a:hover {
                color: #fff222;
                color: rgba(255,242,34, 0.8);
            }


/* Begin Boxs*************************************************/
#Boxs {
    width: 100%;
    height: 810px;
}

    #Boxs #Box01:hover {
        border: 1px solid #8ADFFF;
        -webkit-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
        -moz-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
        box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    }

.lineBox {
    border-bottom: 1px solid #CBCBCB;
    margin-left: 15px;
    margin-right: 15px;
}

#Boxs #Box01 #Box011 #Box0111 h2 a:hover {
    color: #8AADCC;
}


#Boxs #Box01:hover .ch-item {
    box-shadow: inset 0 0 0 110px rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}

#Boxs #Box01:hover .ch-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#Boxs #Box01 .ch-img-2 {
    background-image: url(../../images/CircleWebDesign.jpg);
}
/*-------------------------------------------------------*/


#Boxs #Box02:hover {
    border: 1px solid #8ADFFF;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
}

.lineBox {
    border-bottom: 1px solid #CBCBCB;
    margin-left: 15px;
    margin-right: 15px;
}

#Boxs #Box02 #Box021 #Box0211 h2 a:hover {
    color: #8AADCC;
}

#Boxs #Box02:hover .ch-item {
    box-shadow: inset 0 0 0 110px rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}

#Boxs #Box02:hover .ch-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#Boxs #Box02 .ch-img-2 {
    background-image: url(../../images/CircleVirtualization.jpg);
}
/*-------------------------------------------------------*/



#Boxs #Box03:hover {
    border: 1px solid #8ADFFF;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
}

.lineBox {
    border-bottom: 1px solid #CBCBCB;
    margin-left: 15px;
    margin-right: 15px;
}

#Boxs #Box03 #Box031 #Box0311 h2 a:hover {
    color: #8AADCC;
}

#Boxs #Box03:hover .ch-item {
    box-shadow: inset 0 0 0 110px rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}

#Boxs #Box03:hover .ch-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#Boxs #Box03 .ch-img-2 {
    background-image: url(../../images/CircleNetwork.jpg);
}
/*-------------------------------------------------------*/



#Boxs #Box04:hover {
    border: 1px solid #8ADFFF;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
    box-shadow: 0px 0px 21px 0px rgba(138,223,255,1);
}

.lineBox {
    border-bottom: 1px solid #CBCBCB;
    margin-left: 15px;
    margin-right: 15px;
}

#Boxs #Box04 #Box041 #Box0411 h2 a:hover {
    color: #8AADCC;
}

#Boxs #Box04:hover .ch-item {
    box-shadow: inset 0 0 0 110px rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}

#Boxs #Box04:hover .ch-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#Boxs #Box04 .ch-img-2 {
    background-image: url(../../images/CircleAdvice.jpg);
}
/*-------------------------------------------------------*/
/* End Boxs***************************************************/






/*Begin Responsive Box 1181px-3840px ***********************************************************/
@media screen and (min-width: 1181px) and (max-width: 3840px) {
    .ch-item {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        cursor: default;
        box-shadow: inset 0 0 0 0 rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    /*Box01---------------------------------------------*/
    #Boxs #Box01 {
        width: 48%;
        height: 290px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        float: right;
        margin-right: 1.5%;
        margin-top: 7%;
        margin-bottom: 1%;
    }

        #Boxs #Box01 #Box010 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box01 #Box011 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box01 #Box011 #Box0110 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box01 #Box011 #Box0110 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1.1em;
                    margin-top: 55px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box01 #Box011 #Box0110 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1.1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box01 #Box011 #Box0111 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box01 #Box011 #Box0111 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.85em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 35px;
                    color: #353535;
                }

                #Boxs #Box01 #Box011 #Box0111 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box01 #Box011 #Box0111 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/





    /*Box02--------------------------------------------------*/

    #Boxs #Box02 {
        width: 48%;
        height: 290px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        float: right;
        margin-right: 1%;
        margin-top: 7%;
        margin-bottom: 1%;
    }

        #Boxs #Box02 #Box020 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box02 #Box021 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box02 #Box021 #Box0210 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box02 #Box021 #Box0210 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1.1em;
                    margin-top: 55px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box02 #Box021 #Box0210 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1.1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box02 #Box021 #Box0211 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box02 #Box021 #Box0211 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.85em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 35px;
                    color: #353535;
                }

                #Boxs #Box02 #Box021 #Box0211 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box02 #Box021 #Box0211 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/





    /*Box03--------------------------------------------------*/
    #Boxs #Box03 {
        width: 48%;
        height: 290px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        float: right;
        margin-right: 1.5%;
        margin-bottom: 1%;
    }

        #Boxs #Box03 #Box030 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box03 #Box031 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box03 #Box031 #Box0310 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box03 #Box031 #Box0310 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1.1em;
                    margin-top: 55px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box03 #Box031 #Box0310 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1.1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box03 #Box031 #Box0311 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box03 #Box031 #Box0311 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.85em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 35px;
                    color: #353535;
                }

                #Boxs #Box03 #Box031 #Box0311 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box03 #Box031 #Box0311 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/




    /*Box04--------------------------------------------------*/
    #Boxs #Box04 {
        width: 48%;
        height: 290px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        float: right;
        margin-right: 1%;
        margin-bottom: 1%;
    }

        #Boxs #Box04 #Box040 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box04 #Box041 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box04 #Box041 #Box0410 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box04 #Box041 #Box0410 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1.1em;
                    margin-top: 55px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box04 #Box041 #Box0410 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1.1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box04 #Box041 #Box0411 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box04 #Box041 #Box0411 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.85em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 35px;
                    color: #353535;
                }

                #Boxs #Box04 #Box041 #Box0411 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box04 #Box041 #Box0411 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/
}
/************************************************************/



/*Begin Responsive Box 641px-1180px ***********************************************************/
@media screen and (min-width: 641px) and (max-width: 1180px) {

    #BenefitsSupport {
        margin-top: 30%;
    }

    #Footer #FooterAddress {
        margin-top: 5%;
    }

    #Footer #FooterServices {
        margin-top: 5%;
    }

    #Footer #FooterAbout {
        margin-top: 5%;
    }

    #Footer #FooterJoin {
        margin-top: 5%;
    }

    .ch-item {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        cursor: default;
        box-shadow: inset 0 0 0 0 rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    /*Box01---------------------------------------------*/
    #Boxs #Box01 {
        width: 90%;
        height: 245px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-top: 7%;
        margin-bottom: 1%;
    }

        #Boxs #Box01 #Box010 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box01 #Box011 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box01 #Box011 #Box0110 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box01 #Box011 #Box0110 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box01 #Box011 #Box0110 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box01 #Box011 #Box0111 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box01 #Box011 #Box0111 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.80em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 20px;
                    color: #353535;
                }

                #Boxs #Box01 #Box011 #Box0111 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box01 #Box011 #Box0111 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/





    /*Box02--------------------------------------------------*/

    #Boxs #Box02 {
        width: 90%;
        height: 245px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1%;
    }

        #Boxs #Box02 #Box020 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box02 #Box021 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box02 #Box021 #Box0210 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box02 #Box021 #Box0210 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box02 #Box021 #Box0210 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box02 #Box021 #Box0211 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box02 #Box021 #Box0211 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.80em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 20px;
                    color: #353535;
                }

                #Boxs #Box02 #Box021 #Box0211 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box02 #Box021 #Box0211 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/





    /*Box03--------------------------------------------------*/
    #Boxs #Box03 {
        width: 90%;
        height: 245px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1%;
    }

        #Boxs #Box03 #Box030 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box03 #Box031 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box03 #Box031 #Box0310 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box03 #Box031 #Box0310 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box03 #Box031 #Box0310 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box03 #Box031 #Box0311 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box03 #Box031 #Box0311 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.80em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 20px;
                    color: #353535;
                }

                #Boxs #Box03 #Box031 #Box0311 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box03 #Box031 #Box0311 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/




    /*Box04--------------------------------------------------*/
    #Boxs #Box04 {
        width: 90%;
        height: 245px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1%;
    }

        #Boxs #Box04 #Box040 {
            width: 33%;
            height: 100%;
            float: right;
        }

        #Boxs #Box04 #Box041 {
            width: 66%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box04 #Box041 #Box0410 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box04 #Box041 #Box0410 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 1em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box04 #Box041 #Box0410 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 1em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 8px;
                }

            #Boxs #Box04 #Box041 #Box0411 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box04 #Box041 #Box0411 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.80em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 20px;
                    color: #353535;
                }

                #Boxs #Box04 #Box041 #Box0411 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 18px;
                }

                    #Boxs #Box04 #Box041 #Box0411 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/
}
/************************************************************/



/*Begin Responsive Box 0px-640px ***********************************************************/
@media screen and (min-width: 0px) and (max-width: 640px) {
    .ch-item {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        cursor: default;
        box-shadow: inset 0 0 0 0 rgba(32,187,246, 0.5), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    /*Box01---------------------------------------------*/
    #Boxs #Box01 {
        width: 90%;
        height: 230px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-top: 7%;
        margin-bottom: 1%;
    }

        #Boxs #Box01 #Box010 {
            width: 33%;
            height: 100%;
            float: right;
            display: none;
        }

        #Boxs #Box01 #Box011 {
            width: 100%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box01 #Box011 #Box0110 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box01 #Box011 #Box0110 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 0.9em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box01 #Box011 #Box0110 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 0.9em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 5px;
                }

            #Boxs #Box01 #Box011 #Box0111 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box01 #Box011 #Box0111 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 15px;
                    color: #353535;
                }

                #Boxs #Box01 #Box011 #Box0111 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 14px;
                }

                    #Boxs #Box01 #Box011 #Box0111 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/





    /*Box02--------------------------------------------------*/

    #Boxs #Box02 {
        width: 90%;
        height: 230px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1%;
    }

        #Boxs #Box02 #Box020 {
            width: 33%;
            height: 100%;
            float: right;
            display: none;
        }

        #Boxs #Box02 #Box021 {
            width: 100%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box02 #Box021 #Box0210 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box02 #Box021 #Box0210 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 0.9em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box02 #Box021 #Box0210 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 0.9em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 5px;
                }

            #Boxs #Box02 #Box021 #Box0211 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box02 #Box021 #Box0211 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 15px;
                    color: #353535;
                }

                #Boxs #Box02 #Box021 #Box0211 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 14px;
                }

                    #Boxs #Box02 #Box021 #Box0211 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/





    /*Box03--------------------------------------------------*/
    #Boxs #Box03 {
        width: 90%;
        height: 230px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1%;
    }

        #Boxs #Box03 #Box030 {
            width: 33%;
            height: 100%;
            float: right;
            display: none;
        }

        #Boxs #Box03 #Box031 {
            width: 100%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box03 #Box031 #Box0310 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box03 #Box031 #Box0310 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 0.9em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box03 #Box031 #Box0310 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 0.9em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 5px;
                }

            #Boxs #Box03 #Box031 #Box0311 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box03 #Box031 #Box0311 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 15px;
                    color: #353535;
                }

                #Boxs #Box03 #Box031 #Box0311 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.70em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 12px;
                }

                    #Boxs #Box03 #Box031 #Box0311 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/




    /*Box04--------------------------------------------------*/
    #Boxs #Box04 {
        width: 90%;
        height: 240px;
        border-radius: 12px;
        border: 1px solid #CBCBCB;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1%;
    }

        #Boxs #Box04 #Box040 {
            width: 33%;
            height: 100%;
            float: right;
            display: none;
        }

        #Boxs #Box04 #Box041 {
            width: 100%;
            height: 100%;
            float: left;
            direction: rtl;
        }

            #Boxs #Box04 #Box041 #Box0410 {
                width: 100%;
                height: 33%;
                float: left;
            }

                #Boxs #Box04 #Box041 #Box0410 h1 {
                    text-align: right;
                    font-family: 'hoboStd' !important;
                    font-size: 0.9em;
                    margin-top: 30px;
                    margin-right: 25px;
                    margin-left: 25px;
                }

                #Boxs #Box04 #Box041 #Box0410 h2 {
                    text-align: right;
                    font-family: 'kara-bold';
                    font-size: 0.9em;
                    margin-top: -8px;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-bottom: 5px;
                }

            #Boxs #Box04 #Box041 #Box0411 {
                width: 100%;
                height: 66%;
                float: left;
            }

                #Boxs #Box04 #Box041 #Box0411 h1 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.75em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 10px;
                    color: #353535;
                }

                #Boxs #Box04 #Box041 #Box0411 h2 {
                    text-align: justify;
                    font-family: 'kara-regular';
                    font-size: 0.65em;
                    margin-right: 25px;
                    margin-left: 25px;
                    margin-top: 10px;
                }

                    #Boxs #Box04 #Box041 #Box0411 h2 a {
                        text-decoration: none;
                        color: #337AB7;
                    }
    /*-------------------------------------------------------*/
}
/************************************************************/