/* ******************************************************************************************************************************************************************** */ /* */ /* */ /* Division2x1_RightToLeft */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #Division2x1_RightToLeft { width : 100%; height : auto; display : inline-block; margin-top : 40px; text-align : center; line-height : 0; padding : 20px 0px; } #Division2x1_RightToLeft h2 { font-size : 0; line-height : 0; width : 0; height : 0; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap { width : 100%; height : auto; max-width : 900px; display : inline-block; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .TitleWrap { width : 100%; height : auto; text-align : center; margin-bottom : 20px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .TitleWrap .TopWrap { padding : 4px 15px; position : relative; background-color : #0068B6; display : inline-block; z-index : 1; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .TitleWrap .TopWrap:before { content : ''; position : absolute; left : 0; bottom : 0; width : 100%; height : 50%; background-color : #0098D9; z-index : -1; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .TitleWrap .TopWrap p { font-size : 23px; font-weight : 500; color : #fff; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .MiddleWrap { width : 100%; height : auto; margin-top : 3px; line-height : 1.3em; text-align : center; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .MiddleWrap span.Middle_strong { font-size : 43px; font-weight : 600; color : #0098D9; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .MiddleWrap span.Middle_nomal { font-size : 34px; font-weight : 500; color : #555; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .BottomWrap { width : 100%; height : auto; margin-top : 0px; line-height : 1.3em; text-align : center; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .BottomWrap p { font-size : 20px; font-weight : 300; color : #777; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents { width : 48%; height : auto; position : relative; display : inline-block; margin : 0 1%; overflow : hidden; float : left; margin-top : 15px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .ImgWrap { width : 100%; height : auto; text-align : center; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .ImgWrap img { width : 100%; height : auto; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .ImgWrap p { font-size : 18px; color : #fff; font-weight : 400; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap { width : 100%; height : 100%; text-align : center; display : table; position : absolute; left : 70%; top : 0; background-color : rgba(0,0,0,0.3); transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap { left : 0; transition : all ease-in-out 0.4s; -o-transition : all ease-in-out 0.4s; -ms-transition : all ease-in-out 0.4s; -moz-transition : all ease-in-out 0.4s; -webkit-transition : all ease-in-out 0.4s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap { width : 100%; height : auto; text-align : center; display : table-cell; vertical-align : middle; position : relative; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap { width : 30%; height : auto; text-align : center; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap img { width : 50px; height : auto; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap img { width : 65px; height : auto; transition : all ease-in-out 0.4s; -o-transition : all ease-in-out 0.4s; -ms-transition : all ease-in-out 0.4s; -moz-transition : all ease-in-out 0.4s; -webkit-transition : all ease-in-out 0.4s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap p { font-size : 18px; font-weight : 400; color : #fff; margin-top : 10px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap { width : 100%; margin-bottom : 10%; transition : all ease-in-out 0.4s; -o-transition : all ease-in-out 0.4s; -ms-transition : all ease-in-out 0.4s; -moz-transition : all ease-in-out 0.4s; -webkit-transition : all ease-in-out 0.4s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap.lastchild { margin-bottom : 13% !important; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap .titleHref { font-size : 13px; font-weight : 500; color : #555; border-radius : 10px; padding : 3px 15px; background-color : #fff; display : inline-block; margin-top : 6px; opacity : 0; height : 0; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap .titleHref { opacity : 1; height : 25px; transition : all ease-in-out 0.4s; -o-transition : all ease-in-out 0.4s; -ms-transition : all ease-in-out 0.4s; -moz-transition : all ease-in-out 0.4s; -webkit-transition : all ease-in-out 0.4s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap .titleHref:hover { color : #fff; background-color : #555; transition : all ease-in-out 0.4s; -o-transition : all ease-in-out 0.4s; -ms-transition : all ease-in-out 0.4s; -moz-transition : all ease-in-out 0.4s; -webkit-transition : all ease-in-out 0.4s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap { width : 100%; height : auto; display : table; position : absolute; left : 0; bottom : 12%; margin-left : 0%; opacity : 0; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .HrefWrap { display : table; opacity : 1; transition : all ease-in-out 0.4s; -o-transition : all ease-in-out 0.4s; -ms-transition : all ease-in-out 0.4s; -moz-transition : all ease-in-out 0.4s; -webkit-transition : all ease-in-out 0.4s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref { display : table-cell; padding : 17px 0px; text-align : center; position : relative; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref.division1 { width : 100%; height : auto; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref.division2 { width : 50%; height : auto; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref.division3 { width : 33.33333333%; height : auto; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_Line { width : 35px; height : 4px; background-color : #fff; display : inline-block; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_text { font-size : 15px; font-weight : 400; color : #fff; margin-top : 8px; display : inline-block; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_box { padding : 7px 45px; margin-top : 8px; font-size : 13px; font-weight : 500; color : #555; background-color : #fff; display : inline-block; border-radius : 10px; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_box:hover { color : #fff; background-color : #00AFA9; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref.division2:first-child:after { content : ''; width : 3px; height : 30%; position : absolute; right : 0; top : 35%; background-color : rgba(255,255,255,0.5); } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref.division3:first-child:after ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref.division3:nth-child(2):after { content : ''; width : 3px; height : 30%; position : absolute; right : 0; top : 35%; background-color : rgba(255,255,255,0.5); } @media (min-width:600px) and (max-width:840px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* Division2x1_RightToLeft */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap { left : 0%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap { width : 100%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap p { font-size : 16px; margin-top : 4px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap img ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap img { width : 55px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap { width : 100%; margin-bottom : 10%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap.lastchild ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap.lastchild { margin-bottom : 15% !important; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap .titleHref ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap .titleHref { font-size : 11px; padding : 2px 15px; margin-top : 5px; border-radius : 7px; opacity : 1; height : auto; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap { margin-left : 0%; opacity : 1; bottom : 7%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref { padding : 10px 0px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_Line { height : 2px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_text { font-size : 13px; margin-top : 5px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_box ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_box:hover { padding : 5px 29px; margin-top : 7px; font-size : 13px; border-radius : 7px; } } @media (max-width:599px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* Division2x1_RightToLeft */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #Division2x1_RightToLeft { padding : 15px 0px; margin-top : 10px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .TitleWrap .TopWrap p { font-size : 15px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .MiddleWrap span.Middle_strong { font-size : 21px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .MiddleWrap span.Middle_nomal { font-size : 15px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .BottomWrap p { font-size : 13px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents { width : 95%; margin : 0%; margin-left : 2.5%; margin-top : 7px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap { left : 0%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap { width : 100%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap p { font-size : 14px; margin-top : 2px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap img ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap img { width : 50px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap { width : 100%; margin-bottom : 10%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap.lastchild ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap.lastchild { margin-bottom : 10% !important; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .IconWrap .titleHref ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents:hover .TextWrap .tableWrap .IconWrap .titleHref { font-size : 11px; padding : 2px 15px; margin-top : 5px; border-radius : 7px; opacity : 1; height : auto; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap { margin-left : 0%; opacity : 1; bottom : 10%; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref { padding : 6px 0px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_Line { display : none; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_text { font-size : 11px; margin-top : 0px; } #Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_box ,#Division2x1_RightToLeft .Division2x1_RightToLeft_Wrap .Division2x1_RightToLeft_Contents .TextWrap .tableWrap .HrefWrap .goHref .goHref_box:hover { padding : 3px 40px; margin-top : 2px; font-size : 13px; border-radius : 7px; } }